/* Intercambio stylesheet October 2007 - homepage */

/******************************************** Page header ************************************************/

#header {clear:both; background:  url(../rotater/rotate.php) left top no-repeat transparent; color:#fff; height: 173px; width: 762px;}
#header #headerLeft {background: none transparent; color:1#fff; padding-left:10px; padding-top:21px; float:left;}
#header #headerRight {background: none transparent; color:#fff; float:right; height: 173px; width:200px}

/************************************* Global Navigation Styles *****************************************/

#globalNav {font-size:0.75em; color:#fff; float:right; background: url(../images/globalNavBG.gif) right top no-repeat transparent;}
#globalNav ul {padding: 10px 0 6px 0; color: #0f4d6c; list-style:none; background: url(../images/globalNavBottomBG.gif) bottom left no-repeat transparent; font-family:Verdana, sans-serif; margin-right:0; }

#globalNav ul li {padding: 0 10px 0 18px; padding-bottom:4px; color:#0f4d6c; background: url(../images/globalNavIcon.gif) no-repeat left top transparent; display:block}
#globalNav ul li a:link{color:#0f4d6c; background:none transparent; text-decoration:none;}
#globalNav ul li a:active{color:#0f4d6c; background:none transparent; text-decoration:none;}
#globalNav ul li a:visited{color:#0f4d6c; background:none transparent; text-decoration:none;}
#globalNav ul li a:hover{color:#f06e16; background:none #fff; text-decoration:none;}

#globalNav ul li#topGlobal {background: url(../images/globalNavIcon.gif) no-repeat left top transparent; }

/*************************************** Top row ******************************************/

#siteStrandBoxes {padding-top:7px; float:left; background: none #fff}
#siteStrandBoxes img {float:left}

/*************************************** Middle row ******************************************/

#siteFunctionsWrapper {float:left; margin: 23px 0 16px 5px;}
#siteFunctionsWrapper div {float:left; width:168px; display:inline}
#siteFunctionsWrapper div#communicate {padding-left:20px; background:  url(../images/communicateBG.gif) 30px top no-repeat transparent;}
#siteFunctionsWrapper div#testimonials {padding-left:15px; background:  url(../images/testimonialsBG.gif) 25px top no-repeat transparent;}
#siteFunctionsWrapper div#downloads {padding-left:15px; background:  url(../images/downloadsBG.gif) 25px top no-repeat transparent;}
#siteFunctionsWrapper div#questions {padding-left:15px; background:  url(../images/questionsBG.gif) 25px top no-repeat transparent;}
#siteFunctionsWrapper div div {background: none transparent; float:right; width:30px; padding-left:0; padding-right:12px; padding-top:0; margin-top:0}
#siteFunctionsWrapper div div a:link{text-decoration:none; color:#fff;}
#siteFunctionsWrapper div div a:active{text-decoration:none;}
#siteFunctionsWrapper div div a:visited{text-decoration:none; background: none transparent}
#siteFunctionsWrapper div div a:hover{color:#fff; background:none transparent;}
#siteFunctionsWrapper h1 {font-family:"Trebuchet MS", Arial, Verdana; font-size: 1.2em; color:#839b37; background: none transparent;}
#siteFunctionsWrapper h2 {background:none transparent; font-family:"Trebuchet MS", Arial, Verdana; font-size: 1.15em; color:#839b37; font-weight:normal; padding: 0}
#siteFunctionsWrapper h3 {background: none transparent; font-family:"Trebuchet MS", Arial, Verdana; font-weight:bold; line-height: 1em; font-size: 1em; color:#839b37;}
#siteFunctionsWrapper h4 {background: none transparent; font-weight:bold; font-size: 0.8em; color:#839b37;}
#siteFunctionsWrapper p {font-size: 0.75em; color:#0c3d57; margin: 10px 10px 0 0}

/*************************************** Bottom row ******************************************/

#siteExtrasWrapper {float:left; display:inline; background: url(../images/contentBottom.gif) left bottom no-repeat transparent; }
#siteExtrasWrapper div.spacer {padding-left:23px; padding-bottom:20px;}
#siteExtrasWrapper div {float:left; display:inline; background:none transparent; width:226px; }
#siteExtrasWrapper div h3 {font-family:"Trebuchet MS", Arial, Verdana; padding:9px 0 7px 10px; height:1%; font-size: .95em; color:#8faa3e; line-height:1em; font-weight:normal; background:  url(../images/extrasTop.gif) left top no-repeat transparent;}
#siteExtrasWrapper div p {float:none; padding: 1px 0 8px 10px; font-size: 0.7em; color:#0c3d57; background:  url(../images/extrasBottom.gif) left bottom no-repeat transparent;}
#siteExtrasWrapper div img {float:right; vertical-align:top; width:67px; height:66px;}
#siteExtrasWrapper div a:link{color:#819937; text-decoration:underline; background: none transparent}
#siteExtrasWrapper div a:active{text-decoration:none; color:#819937;}
#siteExtrasWrapper div a:visited{text-decoration:underline; color:#819937;}
#siteExtrasWrapper div a:hover{color:#fff; background:none #819937; text-decoration:none;}