/* Navigation 42 Developments style sheet */


/*---------------------------------------------------------------------------------
Global
---------------------------------------------------------------------------------*/
.oneColElsCtrHdr #container {
	width: 875px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin:6px auto 6px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 6px solid #4c4c4c;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0;
}
.oneColElsCtrHdr #header { 
	background: #ffffff; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.oneColElsCtrHdr #logo {
	float:left;
	width:300px;
	height:100px;
}

.oneColElsCtrHdr #flash {
	float:left;
	width:340px;
	height:100px;
}

.oneColElsCtrHdr #online_help {
	float:left;
	width:127px;
	height:100px;
	padding-top:5px;
}

.oneColElsCtrHdr #links {
	float:right;
	width:51px;
	height:100px;
}

.oneColElsCtrHdr #top_curve {
	float:right;
	width:24px;
	height:100px;
}

.oneColElsCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColElsCtrHdr #navigation {
	/*padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	margin-top:5px;
}
.oneColElsCtrHdr #content {
	/*padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	margin-top:5px;
	/*width:862px;*/
	padding:0 0 0 4px;
}
.oneColElsCtrHdr #footer { 
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff;
	background-image:url(../theme-images/bottom_curve.png);
	background-repeat:no-repeat;
	text-align:center;
	height:25px;
} 

a:link		{ color: #6B8F07; text-decoration: underline;}
a:visited	{ color: #6B8F07; text-decoration: underline;}
a:hover		{ color: #444444; text-decoration: underline;}
a:active	{ color: #6B8F07; text-decoration: underline;}

a:link img {border: none; text-decoration: none}
a:visited img {border: none; text-decoration: none}
a:hover img {border: none; text-decoration: none}
a:active img {border: none; text-decoration: none}

.greenBar a:link	{ color: #FFFFFF; text-decoration: underline; }
.greenBar a:visited	{ color: #FFFFFF; text-decoration: underline; }
.greenBar a:hover	{ color: #62543C; text-decoration: underline; }
.greenBar a:active	{ color: #FFFFFF; text-decoration: underline; }

#mainNavWrapper .mainNavRight a:link		{ color: #555555; text-decoration: none; }
#mainNavWrapper .mainNavRight a:visited		{ color: #555555; text-decoration: none; }
#mainNavWrapper .mainNavRight a:hover		{ color: #86AF13; text-decoration: none; }
#mainNavWrapper .mainNavRight a:active		{ color: #555555; text-decoration: none; }

.featuresBox a:link		{ color: #FFFFFF; text-decoration: underline; }
.featuresBox a:visited	{ color: #FFFFFF; text-decoration: underline; }
.featuresBox a:hover	{ color: #62543C; text-decoration: none; }
.featuresBox a:active	{ color: #FFFFFF; text-decoration: underline; }


/*---------------------------------------------------------------------------------
Top (main) Navigation
---------------------------------------------------------------------------------*/

#mainNav {
	float: left;
	list-style: none;
	height: 25px;
	margin: 0;
	padding: 0 0 0 10px;
	display: inline;
	overflow: hidden;
}

#mainNav ul {
	margin: 0; 
	padding: 0;
}

#mainNav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#mainNav a {
	float: left;
	margin: 0 1px 0 0;
	padding: 25px 0 0 0;
	height: 0px !important; 
	height /**/:25px; /* for IE5/Win */
}




#mainNav a:hover {
	background-position: 0 -25px;
}

#mainNav a:active, #mainNav a.selected {
	background-position: 0 -50px;
}


/*---------------------------------------------------------------------------------
Side Navigation
---------------------------------------------------------------------------------*/
	
#navColumn ul {
	margin: 0 0 20px 0; 
	padding: 0;
}

#navColumn a {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

#navColumn li {
	margin: 0; 
	padding: 3px 10px 3px 0;
	list-style-type: none;
	background: none;
}

#navColumn .domains li {
	border-bottom: 1px dashed #8AC0C6;
}

#navColumn .hosting li {
	border-bottom: 1px dashed #A8B1C6;
}

#navColumn .resellers li {
	border-bottom: 1px dashed #8DABAE;
}

#navColumn .plain li {
	border-bottom: 1px dashed #BAC991;
}

#navColumn .domains a:link		{ color: #EFF6F7; text-decoration: none; }
#navColumn .domains a:visited	{ color: #EFF6F7; text-decoration: none; }
#navColumn .domains a:hover		{ color: #8AC0C6; text-decoration: none; }
#navColumn .domains a:active	{ color: #EFF6F7; text-decoration: none; }

#navColumn .hosting a:link		{ color: #F3F4F7; text-decoration: none; }
#navColumn .hosting a:visited	{ color: #F3F4F7; text-decoration: none; }
#navColumn .hosting a:hover		{ color: #A8B1C6; text-decoration: none; }
#navColumn .hosting a:active	{ color: #F3F4F7; text-decoration: none; }

#navColumn .resellers a:link		{ color: #EFF2F2; text-decoration: none; }
#navColumn .resellers a:visited		{ color: #EFF2F2; text-decoration: none; }
#navColumn .resellers a:hover		{ color: #8DA4A6; text-decoration: none; }
#navColumn .resellers a:active		{ color: #EFF2F2; text-decoration: none; }

#navColumn .plain a:link        { color: #F7F9F1; text-decoration: none; }
#navColumn .plain a:visited     { color: #F7F9F1; text-decoration: none; }
#navColumn .plain a:hover       { color: #C8DD8D; text-decoration: none; }
#navColumn .plain a:active      { color: #F7F9F1; text-decoration: none; }

/*---------------------------------------------------------------------------------
Bottom Navigation
---------------------------------------------------------------------------------*/

#bottomNav {	
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

#bottomNav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	background: none;
}

#bottomNav a {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	padding: 0 15px 0 0;
}

#bottomNav a:link		{ color: #FFFFFF; text-decoration: none; }
#bottomNav a:visited	{ color: #FFFFFF; text-decoration: none; }
#bottomNav a:hover		{ color: #444444; text-decoration: none; }
#bottomNav a:active		{ color: #FFFFFF; text-decoration: none; }