/****************************************************
Created By: Charley Ruggiero
Layout CSS File 
****************************************************/

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {margin:0; padding:0; background:url(/img/layout/bg.jpg) top left repeat-x; font-family:Helvetica, Arial, sans-serif; color:#960000; font-size:12px; background-color:#ABB6BA;} 
p {margin:10px; color:#000;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#ccc; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#ccc; text-decoration:none; font-style:italic; outline:none;} 
#wrapper {position:relative; width:961px; margin:0 auto;} 

/* HEADER */ 
#header {position:relative; width:100%; margin:0;}
#logo a {width:361px; height:116px; display:block; background:url(/img/layout/logo.jpg) top left no-repeat; diplay:block;}
#logo a:hover {background:url(/img/layout/logo-ro.jpg) top left no-repeat;}

#subNav {position:absolute; height:25px; width:500px; top:0px; right:0px; font-size:.7em; line-height:1.4em;}
#subNav ul { float:right; margin:0; height:25px;}
#subNav li {float:left; list-style:none; height:25px; margin:0; /*background:url(/img/layout/subnav-bg1.jpg) top left repeat-x;*/}
#subNav li a { float:left; display:inline-block; padding:0 10px 0 10px; line-height:45px; font-size:12px; color:#999999; text-decoration:none;}
/*#subNav li.start {float:left; width:56px; height:45px; margin:0 0 0 30px; background:url(/img/layout/subnav-left.jpg) top left no-repeat;}
#subNav li.end {float:left; width:200px; height:45px; margin:0 60px 0 0; background:url(/img/layout/subnav-right1.jpg) top left no-repeat;}
*/
#secondaryNav {position:absolute; right:20px; top:32px;}
#secondaryNav li {float:left; margin:0 15px; list-style:none; font-size:1.2em;}
#secondaryNav a {text-decoration:none;}
#secondaryNav a:hover {text-decoration:underline;}

#mainNav {width:100%; height:35px; margin:7px 0 0 0; padding:5px 0 0 0; background:url(/img/layout/nav-bar.jpg) top left no-repeat #fff;}
#mainNav ul { padding:5px; margin:0 0 0 110px;}
#mainNav li { list-style:none;}

#pubTree88 li {float:left; font-size:18px; margin:0 25px;}
#pubTree88 a {text-decoration:none; color:#ccc;}
#pubTree88 a:hover {font-style:italic;}

/* CONTAINER */ 
#container {position:relative; width:100%; background:#fff; margin:0; padding:0 0 20px 0;}
#container a {color:#267d76; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {position:relative; width:940px; margin:0 20px;}

#cta {width:960px; min-height:210px;}
#findCTA a {float:left; width:268px; height:81px; padding:150px 10px 0 10px; font-size:15px; color:#960000; background:url(/img/layout/find-reseller-cta.jpg) top left no-repeat; text-decoration:none; display:block;}
#findCTA a:hover {background:url(/img/layout/find-reseller-cta-hover.jpg) top left no-repeat;}
#becomeCTA a {float:left; width:268px; height:81px; margin:0 0 0 30px; padding:150px 10px 0 10px; font-size:15px; color:#960000; background:url(/img/layout/become-reseller-cta.jpg) top left no-repeat; text-decoration:none; display:block;}
#becomeCTA a:hover {background:url(/img/layout/become-reseller-cta-hover.jpg) top left no-repeat;}
#tourCTA a {float:left; width:268px; height:81px; margin:0 0 0 30px; padding:150px 10px 0 10px; font-size:15px; color:#960000; background:url(/img/layout/take-tour-cta.jpg) top left no-repeat; text-decoration:none; display:block;}
#tourCTA a:hover {background:url(/img/layout/take-tour-cta-hover.jpg) top left no-repeat;}
/* FOOTER */ 
#footer {width:100%; height:233px; background:url(/img/layout/footer-bg.jpg) top left repeat-x;}
#footerContent {width:994px; margin:0 auto; background:url(/img/layout/footer-top.jpg) top left no-repeat;}
#footerLinks {width:960px; height:25px; padding:50px 0 0 0;}
#footerLinks ul {width:450px; margin:0 auto;}
#footerLinks ul li {float:left; list-style:none; margin:0 10px;}
#copyright {width:250px; margin:0 auto; color:#ccc; text-align:center;}
#footerLogo {width:112px; height:33px; margin:0 auto; background:url(/img/layout/ups_ready.jpg) top left no-repeat;}

/* SITE CREATED BY LINKS */
#delawarelink {font-size:10px;width:100%;text-align:center;clear:both;padding:15px;}
#delawarelink a:link,#delawarelink a:visited,#delawarelink a:hover,#delawarelink a:active{text-decoration:none;color:#333333;}

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}
#treePageDetailsTitle {margin:0 10px 10px 10px; padding:10px 0 0 0;}
.contentArea h2 {margin:0; padding:15px 0 15px 0;}

/*******************************************************/
/******** CSS BELOW SHOULD NOT NEED MODIFICATION *******/
/*******************************************************/
/* DEV MODE */
#devmode {background-color:#999999;color:#FFFFFF;font-size:.8em;font-weight:bold;width:100%;text-align:center;position:fixed;bottom:0;left:0;padding:1px;margin:0px;cursor:pointer;}
/* CSS HACKS */
.clearfix:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* HIDES FROM IE-MAC \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* END HIDE FROM IE-MAC */