/* CSS Document */


/**ELEMENT SELECTORS
************************************************************************************************************/
body {margin:0 0 20px 0; padding:0;
	background:#fbfafa url(images/bg.jpg) no-repeat top left fixed;}
	
img {vertical-align:bottom; padding:0; margin:0;}

h2 {font:1.2em Arial, Helvetica, sans-serif; padding:0; 
	margin:-3px 0 5px;}
	
h4 {font:1.0em Arial, Helvetica, sans-serif; padding:0; 
	margin:0 0 5px;}
	
h5 {font:.9em Arial, Helvetica, sans-serif; padding:0; 
	margin:0 0 5px;
	text-decoration:none;}

p {font:.7em Verdana, Arial, Helvetica, sans-serif; 
	padding:0; margin:0; color:#666;}
	
form {margin:0; padding:0; !important}

b.green{color:#006600; font-weight:bold;}


/**COLOR CLASSES
************************************************************************************************************/
.lightPurple {color:#96c;}
.purple {color:#636;}
.purple a, a:visited{color:#636; text-decoration:underline;}
.purple a:hover{color:#636; text-decoration:none;}
.red {color:#C00;}


/**PARAGRAPH CLASS SELECTORS
************************************************************************************************************/	
p.pTop5px {margin-top:5px;}
p.pTop10px {margin-top:10px;}


/**IMAGE CLASS SELECTORS
************************************************************************************************************/
img.imgFloatLeft {float:left;}
img.imgBlock {display:block;}
img.imgInline {display:inline;}


/**PRIMARY ID CONTAINERS
************************************************************************************************************/		
#mainContainer {
	width:750px;
	margin:0 auto;
}
	
#logoContainer {width:750px; height:90px;}
	
#leftColumn {width:555px; float:left;
	margin:0 10px 10px 0;}
	
#mainTeasersContainers {width:525px; height:276px;
	background:url(images/bg_centraTeasers.gif) no-repeat;
	margin-bottom:10px; float:left; padding:15px;}


/**PRIMARY ID WRAPPERS
************************************************************************************************************/		
#subNavWrap {width:720px; height:31px;
	margin-bottom:10px; padding:12px 15px 0;
	font:bold .9em Arial, Helvetica, sans-serif;}
	
.subNavHome {background:url(images/bg_subNavHome.gif) no-repeat;}
.subNavProducts {background:url(images/bg_subNavProducts.gif) no-repeat;}
.subNavServices {background:url(images/bg_subNavServices.gif) no-repeat;}
.subNavOrder {background:url(images/bg_subNavOrder.gif) no-repeat;}
.subNavMedia {background:url(images/bg_subNavMedia.gif) no-repeat;}
.subNavCompany {background:url(images/bg_subNavCompany.gif) no-repeat;}
.subNavContact {background:url(images/bg_subNavContact.gif) no-repeat;}
.subNavExtra {background:url(images/bg_subNavExtra.gif) no-repeat;}


/**SEARCH BAR
************************************************************************************************************/		
#searchBarWrap {float:right; font:.7em Verdana, Arial, Helvetica, sans-serif;
	margin:35px 10px 0 0;}
	
#searchBarWrap input {color:#636; font:Verdana, Arial, Helvetica, sans-serif;}


/**CENTRA DIAL
************************************************************************************************************/
#dialWrap {width:145px; height:251px;
	background:url(images/bg_centraDial.jpg) no-repeat;
	float:left; 
	padding:10px;}
	
#dialWrap p {color:#900;}

#dialWrap a {color:#900; font-weight:bold; padding-left:5px;}

#dialWrap img.headDial {margin-bottom:10px;}


/**CENTRA SPEED
************************************************************************************************************/	
#speedWrap {width:145px; height:251px;
	background:url(images/bg_centraSpeed.jpg) no-repeat;
	float:left; margin-right:15px;
	padding:10px;}
	
#speedWrap p {color:#FFF;}

#speedWrap a {color:#FFF; font-weight:bold; padding-left:5px;}

#speedWrap img.headSpeed {margin-bottom:5px;}


/**CENTRA HOST
************************************************************************************************************/	
#hostWrap {width:145px; height:251px;
	background:url(images/bg_centraHost.jpg) no-repeat;
	float:left; padding:10px; margin-right:15px;}
	
#hostWrap p {color:#FFF;}

#hostWrap a {color:#FFF; font-weight:bold; padding-left:5px;}

#hostWrap img.headHost {margin-bottom:10px;}
	
	
/**CENTRA CREW
************************************************************************************************************/		
#crewWrap {width:155px; height:118px;
	background:url(images/bg_crew.gif) no-repeat;
	margin-right:10px; float:left; padding:15px;}

#crewWrap2 {width:155px; height:112px;
	background:url(images/bg_crew2.gif) no-repeat;
	float:left; padding:15px;}

#crewWrap h2 {color:#636;}

#crewWrap a {color:#CC0000; font-weight:bold;
	padding-left:5px;}
	
#crewWrap2 h2 {color:#636;}

#crewWrap2 a {color:#CC0000; font-weight:bold;
	padding-left:5px;}


/**REFER A FRIEND
************************************************************************************************************/		
#friendWrap {width:330px; height:118px;
	background:url(images/bg_friend.gif) no-repeat;
	float:left; padding:15px;}
	
#friendWrap h2 {color:#636;}

#friendWrap a {color:#CC0000; font-weight:bold;
	padding-left:5px;}


/**EMAIL SIGNUP
************************************************************************************************************/		
#emailWrap {width:155px; height:111px;
	background:url(images/bg_email.gif) no-repeat;
	float:left; margin-bottom:10px; padding:15px;}
	
#emailWrap h2 {color:#636;}

#emailWrap input.txt {font:Verdana, Arial, Helvetica, sans-serif;
	color:#636; margin-top:10px; margin-bottom:10px; width:148px;}
	
#emailWrap img {margin-top:5px;}

#emailWrap a {color:#CC0000; font-weight:bold;
	padding-left:5px;}


/**CENTRA SOLUTIONS
************************************************************************************************************/		
#solutionsWrap {width:155px; height:101px;
	background:url(images/bg_solutions.gif) no-repeat;
	float:left; margin-bottom:10px; padding:15px;}
	
#solutionsWrap p, #solutionsWrap h2 {color:#FFF;}

#solutionsWrap a {color:#FFF; font-weight:bold;
	padding-left:5px;}
	
#solutionsWrap2 {width:155px; height:101px;
	background:url(images/bg_socks.gif) no-repeat;
	float:left; margin-bottom:10px; padding:15px;}
	
#solutionsWrap2 p, #solutionsWrap2 h2 {color:#636;}

#solutionsWrap2 a {color:#636; font-weight:bold;}


/**CONTACT US
************************************************************************************************************/		
#contactWrap {width:155px; height:142px;
	background:url(images/bg_contact.gif) no-repeat;
	float:left; padding:15px;}
	
#contactWrap h2 {color:#636;}

#contactWrap a {color:#CC0000; font-weight:bold;
	padding-left:5px;}
	
#contactWrap2 {width:155px; height:183px;
	background:url(images/bg_contact2.gif) no-repeat;
	float:left; padding:15px;}
	
#contactWrap2 h2 {color:#fff;}

#contactWrap2 p {color:#fff;}

#contactWrap2 a {color:#CC0000; font-weight:bold;
	padding-left:5px;}


/**FOOTER LINKS
************************************************************************************************************/		
#footerWrap {width:720px; height:30px;
	background:url(images/bg_txtLiniks.gif) no-repeat;
	clear:both; color:#666; padding:13px 15px 0;
	font:.7em Verdana, Arial, Helvetica, sans-serif;}
	
#footerWrap a {color:#666; text-decoration:none;}
#footerWrap a:active {color:#FC6; text-decoration:none;}
#footerWrap a:hover {color:#F90; text-decoration:none;}