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

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:13px; background:url(/img/layout/bg.jpg);} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#DA251C; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#DA251C; text-decoration:none; outline:none;} 
h2 {color:#da251c; font-size:19px;}
#treePageDetailsTitle {color:#da251c; font-size:19px;}
#wrapper {position:relative; width:960px; margin:0 auto;} 


/* HEADER */ 
#header {position:relative; width:960px; height:190px; padding:20px 0 0 0; z-index:99;}
#siteSEOheader {font-size:8px;}
h1#topHeader{margin:0; padding:2px; width:956px; text-align:center; font-size:14px; background-color:#666666; color:#FFFFFF;}
#logo {width:360px; height:152px;}
#logo a {width:360px; height:152px; background:url(/img/layout/logo.png) top left no-repeat; display:block;}
#logo a:hover {background:url(/img/layout/logo-ro.png);}
#subNav {position:absolute; width:500px; top:0px; right:0px; font-size:.8em;}
#subNav ul {margin:0;}
#subNav li {float:right; list-style:none; margin:0 5px;}

#flash {position:absolute; width:485px; height:152px; right:10px; top:10px;}

#mainNav { position:relative; width:958px; height:39px; background:url(/img/layout/main-nav-bg.jpg) top left no-repeat;}
#mainNav ul { padding:10px 5px 5px 5px; margin:5px 0 0 25px;}
#mainNav li {position:relative; float:left; list-style:none; margin:0 25px;}
#mainNav a {color:#fff; font-size:16px; text-decoration:none;}
#mainNav a:hover {color:#da251c;}
/***************drop down styling******************/
/**************************************************/
#mainNav ul li ul {position:absolute; width:225px; left:-9999px; top:17px; margin:0; padding:0;}
#mainNav ul ul li {float:none;}
#mainNav ul ul li a {line-height:20px; padding:10px; display:block;}

#mainNav ul li:hover ul, #mainNav li.sfhover ul {left:0px;}

#mainNav ul ul li { margin:0;}
#mainNav ul ul li a {background-color:#141414; color:#fff; background-image:none; font:14px Georgia, "Times New Roman", Times, serif; height:auto; padding:5px 9px;}
#mainNav ul ul li a:hover {background-image:none; background-color:#141414; color:#c5c5c5;}
#mainNav ul ul li.end a {background:#141414; color:#fff;}
#mainNav ul ul li.end a:hover {background:#141414; color:#c5c5c5;}

#mainNav ul ul ul {display:none;}
/**************************************************/
/**************************************************/


/* CONTAINER */ 
#container {width:100%; background:#fff; margin:0; padding:20px 0 0 0;}
#container a {color:#DA251C; text-decoration:underline;}
#container a:hover {color:#DA251C; text-decoration:none;}
#content {position:relative; float:left; width:500px; margin:0 10px 30px 10px; padding:0 0 0 60px; background:url(/img/layout/tiger-stripe.jpg) top left repeat-y; z-index:1;}
#contentRight {height:285px;}
#contentInterior {position:relative; float:left; width:850px; margin:10px; padding:0 0 0 60px; background:url(/img/layout/tiger-stripe.jpg) top left repeat-y; z-index:1;}
#map {position:absolute; top:20px; right:33px; width:275px; height:350px; border-color:#999999; border-style:solid; border-width:thin;}

#homeContent {width:920px; height:200px; padding:20px;}
#urbanVillages a {float:left; width:311px; height:207px; background:url(/img/layout/hom-CTA-live-fire-villages.png) top left no-repeat; display:block;}
#protectiveWalls a {float:left; width:278px; height:207px; margin:0 0 0 25px; background:url(/img/layout/home-CTA-protective-walls.png) top left no-repeat; display:block;}
#shootHouses a {float:left; width:278px; height:207px; margin:0 0 0 25px; background:url(/img/layout/home-CTA-grenade-shoothouses.png) top left no-repeat; display:block;}

#contactInfo {position:absolute; top:0; right:0; font-size:18px; text-align:right;}
#contactInfo strong {color:red;}

/* FOOTER */ 
#footer {width:100%; height:141px; margin:0;}
#footerLinks {float:left; width:725px; height:150px; background-color:#141414;}
#footerLinks ul {padding:0;}
#footerLinks li {float:left; list-style:none; font-size:18px; margin:0 0 0 25px;}
#footerLinks a {color:#fff;}
#footerLinks ul ul {padding:0; margin:0;}
#footerLinks ul ul li {float:none; font-size:12px; margin:0;}
#footerLinks ul ul li a {color:#ccc;}
#footerLogo {float:left; width:235px; height:135px; padding:15px 0 0 0; background-color:#141414; color:#fff; text-align:right; font-size:16px;}

/* 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;
}
#treePageDetailsImage {margin:5px 10px 2px 10px;}

/*******************************************************/
/******** 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 */