/* CSS Document 
PROJECT: ENP & ASSOCIATES
AUTHOR: 3.7 DESIGNS (ROSS JOHNSON)
*/

/* =============================================

			=GLOBAL ITEMS

=============================================== */

html, body {
margin: 0; padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; 
line-height: 1.4em; }


.clear { clear: both; }

ul.nm { margin: 0; padding: 15px; }

ul.news { margin: 0; padding: 0 15px; }
ul.news li { margin: 5px 0 5px 0;  }

/* =============================================

			=HEADER

=============================================== */

#header { 
width: 100%;
background: url(../images/top_bar.gif) repeat-x bottom left;
height: 135px; }

img.logoplace { position: absolute; top: 20px; left: 35px; }

#main_nav {
margin: 0; padding: 0;
list-style: none; position: absolute; left: 273px; top: 85px; }

#main_nav li { float: left;}

#main_nav li a { font-size: 180%; color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Garamond, Georgia;}

/* =============================================

			=PAGE SUMMARY

=============================================== */

#summary { background: url(../images/headerone.gif) left top no-repeat #DADADA; border-bottom: 1px solid #FFFFFF; padding: 15px; 
min-height: 200px; }
#summary p { width: 40%; }

*html body { height: 200px; }

.gis { background: url(../images/headertwo.gif) left top no-repeat #DADADA !important; }
.planning { background: url(../images/headerthree.gif) left top no-repeat #DADADA !important; }
.public { background: url(../images/headerfour.gif) left top no-repeat #DADADA !important; }
.newss { background: url(../images/headerfive.gif) left top no-repeat #DADADA !important; }
.diff { background: url(../images/headersix.jpg) left top no-repeat #DADADA !important; }

/* =============================================

				=ICONS

=============================================== */

a#see-it { 
background: url(../images/icons/see-it.gif) -143px 0; width: 143px;
height: 138px; float: left; display: block; text-indent: -99999px; overflow: hidden;}
a:hover#see-it { background: url(../images/icons/see-it.gif) 0 0; }

a#plan-it { 
background: url(../images/icons/planit.gif) -144px 0; width: 144px;
height: 138px; float: left; display: block; text-indent: -99999px; overflow: hidden;}
a:hover#plan-it { background: url(../images/icons/planit.gif) 0 0; }

a#do-it { 
background: url(../images/icons/do-it.gif) -147px 0; width: 147px;
height: 138px; float: left; display: block; text-indent: -99999px; overflow: hidden;}
a:hover#do-it { background: url(../images/icons/do-it.gif) 0 0; }

/* =============================================

			=MAIN BUTTONS

=============================================== */

#link_home a { display: block; background: url(../images/buttons/home.gif) 53px 0;
width: 53px; height: 31px; text-indent: -999999px;
overflow: hidden;
}

#link_home a:hover { background: url(../images/buttons/home.gif) 0 0; }

#link_home a.active { background: url(../images/buttons/home.gif) 0 0; }

#link_about a { display: block; background: url(../images/buttons/aboutus.gif) 74px 0;
width: 74px; height: 31px; text-indent: -999999px;
overflow: hidden; }

#link_about a:hover { background: url(../images/buttons/aboutus.gif) 0 0; }

#link_about a.active { background: url(../images/buttons/aboutus.gif) 0 0; }

#link_planning a {display: block; background: url(../images/buttons/planning.gif) 75px 0;
width: 75px; height: 31px; text-indent: -999999px;
overflow: hidden;}

#link_planning a:hover {background: url(../images/buttons/planning.gif) 0 0;}

#link_planning a.active {background: url(../images/buttons/planning.gif) 0 0;} 

#link_gis a {display: block; background: url(../images/buttons/gis_services.gif) 69px 0;
width: 69px; height: 31px; text-indent: -999999px;
overflow: hidden;}

#link_gis a:hover {background: url(../images/buttons/gis_services.gif) 0 0;}

#link_gis a.active {background: url(../images/buttons/gis_services.gif) 0 0;} 

#link_public a {display: block; background:url(../images/buttons/public_input.gif) 57px 0;
width: 57px; height: 31px; text-indent: -999999px;
overflow: hidden;}
#link_public a:hover {background:url(../images/buttons/public_input.gif) 0 0;}

#link_public a.active {background:url(../images/buttons/public_input.gif) 0 0;}

#link_news a {display: block; background: url(../images/buttons/news.gif) 56px 0;
width: 56px; height: 31px; text-indent: -999999px;
overflow: hidden;}
#link_news a:hover {background: url(../images/buttons/news.gif) 0 0;}

#link_news a.active {background: url(../images/buttons/news.gif) 0 0;}

#link_recent a {display: block; background: url(../images/buttons/recent_projects.gif) 70px 0;
width: 70px; height: 31px; text-indent: -999999px;
overflow: hidden;}
#link_recent a:hover {background: url(../images/buttons/recent_projects.gif) 0 0;}

#link_recent a.active {background: url(../images/buttons/recent_projects.gif) 0 0;}

#link_contact a {display: block; background: url(../images/buttons/contact.gif) 65px 0;
width: 65px; height: 37px; text-indent: -999999px;
overflow: hidden;}

#link_contact a:hover {background: url(../images/buttons/contact.gif) 0 0;}

#link_contact a.active {background: url(../images/buttons/contact.gif) 0 0;}

/* =============================================

			=CONTENT

=============================================== */

#content {
width: 100%; 
border-top: 4px solid #9BB62C;
}

.domtabs { height: 26px; border-bottom: 1px #000000 solid; background: #637077; margin: 1px 0; padding: 5px 0 0 0; list-style: none; }

.domtabs li { margin: 0; display: inline;}

.domtabs img { float: left; }

.domtabs li a { background: url(../images/tabs-lef-n.gif) right no-repeat; width: 135px; display: block; float: left; height:22px; text-align: left; color:#666666; text-decoration: none; padding: 5px 5px 0 5px; margin: 0; }
.domtabs li a:hover { text-decoration: underline; }

.domtabs li.active { color: #000000 !important; background:#FFFFFF; border-bottom: 4px solid #FFFFFF; }
.domtabs li.active a { background: url(../images/tabs-lef.gif) right no-repeat; color: #000000 !important; } */

.thumb_right { float: right; width: 50%; margin-left: 15px; text-align: right;  }

h2.spaced { clear: both; padding-top: 25px; border-bottom: 1px solid #CCCCCC; }

.domtabs2 { list-style: none; margin: 0; padding: 0; }
.domtabs2 li { float: left; }

/* =============================================

			=COL RIGHT

=============================================== */

.col_right { width: 30%; float: left; padding: 0 2%; }
.col_left { width: 60%; float: left; padding: 0 1%; border-right: 1px solid #CCCCCC;  }

/* =============================================

			=TYPOGRAPHY

=============================================== */

h1,h2,h3,h4,h5 { font-family: "Trebuchet MS", Garamond, Georgia; color: #637077; }

/* =============================================

			=FOOTER

=============================================== */

#footer { 
clear: both; text-align: right; background: url(../images/footer_bg.gif) repeat-x;}

/* =============================================

			=TABS
			
================================================ */

.tabset_content_active	{ display:block !important; }
.tabset_content	{ position:relative; z-index:1; padding:0.5em 1em; display:none; }

a.lbox img { border: 1px solid #000000; }