/*-----------------------------------------------
         NorthStar Engineering
               Base.css Stylesheet
                     by Mc2design.com
-----------------------------------------------*/


/* Imports
--------------------------*/
@import url(reset.css);


/* .Png Fix
--------------------------*/
img, body, div, a {
        behavior:url(iepngfix.php);
}


/* Command Center
--------------------------*/
html {
    height:100%;
    background:#fff url(i/html_back.jpg) repeat-x top left;
}
body {
    height:100%;
    width:100%;
    margin:0 auto;
    font-family: arial, helvetica, sans-serif;
    font-size:0.94em !important;
    font-size:0.9759em; /* IE6 = em x .9759 */		     
    line-height:1.5em !important;
    line-height:1.46475em;
    text-align:center;
    color:#000;
}
#wrap {
    float:left;
    width:100%;
    min-height:100%;
    background: url(i/body_back.png) repeat center top !important;
    background: url(i/body_back.gif) repeat center top;
    
}
* html #wrap {height:100%;}


/* Link Colors
--------------------------*/
a {
    color:#004784;
    text-decoration:none;
}
    a:hover	{
        color:#3C6892;
        text-decoration:underline;
    }
    a:active {
        color:#6391BE;
    }
    a:visted {
        color:#004784;
    }


/* Skipper for Screenreaders
--------------------------*/
    #skipper {
        display:none;
    }
    

/* Header
--------------------------*/
#header_wrap {
    float:left;
    width:100%;
    height:150px;
    background:#fff url(i/header_wrap_back.jpg) repeat-x 0 0;
}
    #header {
        margin:0 auto;
        width:898px;
        background:url(i/header_back.jpg) no-repeat right 13px;
        text-align:center;
    }
	#logo {
	    position:relative;
            top:0;
            left:-15px;
            height:150px;
            text-align:left;
	}
        #logo img {
            position:absolute;
            top:19px;
            margin-left:35px;
        }
	#logo h1 {
	    position:absolute;
            z-index:-0;
            text-indent:-999em;
	}
        #logo p {
            text-indent:-999em;
        }

	#searchbox {
           position:relative;
           top:-25px;
           left:14px;
	    float: right;
           z-index: 5;
            width:188px;
            height:39px;
            background:url(i/search_back.jpg) no-repeat;
        }

	#searchcontainer {
           position:relative;
           top:3px;
        }

       /*Override form.css for correct positiong of input.action in non-IE*/
	input.action {
            margin: 2px 5px 0px 0px!important;
        }

/* Top Navigation
--------------------------*/        
#topnav_wrap {
    clear:both;
    float:left;
    width:100%;
    background:#0C4980 url(i/topnav_back2.jpg) repeat-x 0 0;
    overflow:hidden;
}
    .lrg_nav { /* Homepage Version */
        height:145px;
    }
    .sml_nav { /* Secondary Page Version */
        height:41px;
    }
    #topnav {
        margin:0 auto;
        text-align:center;
        width:900px;
	overflow:hidden;
    }
	#topnav ul {
	    float:left;
	    display:block;
	    width:100%;
	    background:url(i/topnav_divider.gif) no-repeat right top;
	}
        #topnav li {
            position:relative;
            float:left;
            padding-left:2px;
            background:url(i/topnav_divider.gif) no-repeat 0 0;
        }
        .iesucks {height:133px;}
        #topnav a {
            display:block;
            line-height:41px;
            width:126px;
            background:url(i/topnav_buttons.jpg) no-repeat 0 0;
            font-weight:bold;
            color:#fff;
            white-space:nowrap;
            
        }
        #topnav a:hover {
            background-position:-314px 0;
            background-color:#1A588F;
            text-decoration:none;
        }
        #topnav a:active {
            background-position:-628px 0;
            background-color:#296396;
            color:#eee;
        }
        #topnav .last {
            width:128px; /* 3px Remainder in UL */
        }
        #topnav span {
            position:absolute;
            top:41px;
            left:2px;
            z-index:0;
            display:inline;
            cursor:pointer;
        }

            #civil {
                background:url('i/New Nav/Nav_Land_Development.jpg') no-repeat 0 0;
                width:126px;
                height:92px;
            }
            #waste_water {
                background:url('i/New Nav/Nav_Wastewater.jpg') no-repeat 0 0;
                width:126px;
                height:92px;
            }
            #surveying {
                background:url('i/New Nav/Nav_Surveying.jpg') no-repeat 0 0;
                width:126px;
                height:92px;
            }
            #building_design {
                background:url('i/New Nav/Nav_Building_Design.jpg') no-repeat 0 0;
                width:126px;
                height:92px;
            }
            #environmental {
                background:url('i/New Nav/Nav_Environmental.jpg') no-repeat 0 0;
                width:126px;
                height:92px;
            }
            #gis {
                background:url('i/New Nav/Nav_Gis.jpg') no-repeat 0 0;
                width:126px;
                height:92px;
            }
            #contact_us {
                background:url('i/New Nav/Nav_Contact_Us.jpg') no-repeat 0 0;
                width:128px;
                height:92px;
            }

/* Main
--------------------------*/
#main_wrap {
    clear:both;
    float:left;
    width:100%;
}
    #main {
        margin:0 auto;
        width:900px;
        background:transparent url(i/white_trans.png) repeat 0 0 !important;
        _background:url(i/white_trans.gif) repeat 0 0;
        text-align:center;
        list-style-type:disc
    }

    #breadcrumbs {
        font-size:0.85em; /* IE6 = em x .9759 */
        font-weight:bold;
        line-height:130%;
        margin-bottom: 1em;
        margin-top: .3em;
    }

    #northstarcontact {
        font-size:0.85em;
        text-align:center;
        vertical-align: top;
        float:right;
        width:250px;
        padding:3px;
        border:3px;
        border-style:solid;
        border-color:#00427c;
        margin:5px;
        background-color: #F6F6F6;
        line-height: 1.2em
    }

/* Left Navigation
--------------------------*/    
        #leftnav {
            clear:both;
            float:left;
            width:228px;
            min-height:500px;
            height:auto !important;
            height:500px;
            text-align:left;
            border:1px solid;
            border-color:#052a4d #EFEFFF transparent #EFEFFF;
            color:#fff;
            background:url(i/leftnav_back.png) repeat-x bottom left;
            overflow:hidden;
        }
            #leftnav ul {
                margin:1px 0 15px;
                line-height:1.3em;
            }
            #leftnav ul ul {
                margin:0;
            }
            #leftnav li {
                margin-bottom:2px;
            }
            #leftnav li li {
                margin:0;
            }
            #leftnav a {
                display:block;
                width:180px;
                text-align:center;
                padding:4.5px 25px;
                border-top:1px solid #748da5;
                border-bottom:1px solid #052a4d;
                background-color:#35658F;
                color:#fff;
                text-align:left;
                font-weight:bold;
                font-size:.9em;
            }
            #leftnav li li a {
                margin-left:25px;
                margin-top:1px;
                _margin-left:5px;
                padding:4px 25px 4px 15px;
                font-size:.8em;
		  border-left:1px solid #748da5;
               
            }
            #leftnav li li li a {
                margin-left:50px;
                margin-top:1px;
                _margin-left:10px;
                padding:4px 25px 4px 15px;
                font-size:.72em;
		  border-left:1px solid #748da5;
                
            }
            #leftnav a:hover {
                text-decoration:none;
                border-top-color:#052a4d;
                border-bottom-color:#748da5;
                background-color:#11497C;
            }
            #leftnav h3 {
                font-size:1.0em;
                line-height:1.5em;
                padding:0 25px;
            }
            #leftnav p {
                padding:0 25px;
                font-size:.7em;
                line-height:1.5em;
		  margin-bottom:180px;
            }
            


/* Search Results
--------------------------*/  
            .searchQuery {
                font-size:.8em;
                color: #6F6F6F;
                text-indent:10px;
                margin: 0px;
            }
           #SearchResults li {
                font-size:.8em;
                line-height:1.4em;
		  margin-bottom:5px;
            }
           #SearchResults li br {
                display:none;
            }
           #SearchResults li br:after {
                content: ".";
            }

           #SearchResults p {
                padding:0;
                margin:0;
            } 

            .searchResultHeader {
                font-size:1.1em;
                font-weight:400;
            }
            .readMoreLink {
                color: #0E774A;
            }
            #PageNumbers {
                text-align: center;
                line-height:1.4em;
                font-size:.9em;
                margin-top:20px;
            }

/* CMS Content Area
--------------------------*/        
        .content {
            position:relative;
            float:left;
            padding:25px 0 25px 25px;
            border-style:solid;
            border-width:1px 1px 0 1px;
            border-color:#d4d4d4 #FaFaFa #FaFaFa #FaFaFa;
            text-align:justify;
        }
        
        .content img {
            border:1px solid #EDEEEE;
            padding:1px;
            margin:10px;
        }
        .content ul, .content ol {
                padding:0 30px;
        }

        /* CMS Headers
	    --------------------------*/  
            .content h1 {
                font-size:1.5em;
                line-height:1.8em;
                color:#00427c;
            }
            .content h2 {
                font-size:1.3em;
                line-height:1.6em;
                color:#00427c;
            }
            .content h3 {
                font-size:1.2em;
                line-height:1.5em;
                color:#00427c;
            }
            .content h4 {
                font-size:1.1em;
                line-height:1.3em;
                color:#00427c;
            }
            .content h5 {
                display:block;
                width:100%;
                font-size:0.9em;
		  padding:2px 0;
                line-height:1.3em;
                color:#000;
                background-color:#EFEFEF;
                font-weight:bold;
                text-indent:3px;
                border-bottom:1px solid #CFCFCF;
            }
            .content h6 {
                font-size:.9em;
                color:#00427c;
            }
        
/* CMS Sections
--------------------------*/      
            .home {
                float:left;
                padding-right:27px;
                background:transparent url(i/white_trans.png) repeat 0 0;
                _background:transparent url(i/white_trans.gif) repeat -15px -4px;
            }
            .secondary {
               /* margin:0 30px !important;
                margin:0 0 0 30px; /* IE6 */
                padding-right:25px;
                width:617px;
                background:url(i/content_back.png) repeat-x 0 0 !important;
                _background:url(i/content_back.gif) repeat-x 0 0;
            }
			
			.secondary ul li {
				
				list-style-type: disc !important; margin: .5em;
			}
			
			.secondary p {
				margin:0 0 0 5 !important;
				display:block;
			}
	    #Breadcrumbs {
                position:absolute;
                top:10px;
                right:25px;
                font-size:0.75em;
                color:#888;
            }
            
	    .lside {
		float:left;
                width:391px;
                padding:1px 10px 10px 10px;
		background:#DADADA url(i/home_content_back.jpg) repeat-x 0 0;
                _background:#DADADA url(i/content_back.gif) repeat-x 0 0;
                font-size:.88em;
                border:0px solid #023B72;
	    }
             
            .rside {
		float:right;
		width:415px;
                margin:0 0 0 19px !important;
                margin:0 0 0 21px;
	    }
            .whitelr {
		border:solid #fff;
		border-width:0 1px;
	    }
                .sml_rside {
					display:block;
                    width:139px;
                    height:136px;
                    background:#ddd url(i/rside_sml_back.jpg) no-repeat left -160px;
					background-position:left bottom;
                    border:0px solid #023B72;
					overflow:hidden;
					padding:10px 10px 10px 48px;
					position:relative;
                }
				/* Variation */
				.sml_rside_dos {
					position:relative;
					display:block;
                    width:200px;
					height:60px;
                    background:#ddd url(i/rside_sml_back_narrow.jpg) no-repeat -10px -160px;
                    border-left:2px solid #023B72;
					overflow:hidden;
					padding:5px;
					position:relative;
                }
					.sml_rside_dos h4 {
						float:left;
						width:135px;
					}
					.sml_rside_dos p {
						clear:left;
						float:left;
						width:90px;
						font-size:.8em;
					}
					.sml_rside_dos img {
						clear:right;
						float:right;
						margin-bottom:2px;
						width:50px;
						height:50px;
						overflow:hidden;
					}
				
                .sml_rside h3 {
                    float:left;
                }
                .sml_rside em {
                    display:block;
                    float:left;
                    font-size:.88em;
                    line-height:1.1em;
                    margin-bottom:10px;
                    font-style:normal;
                    font-weight:normal;
                    color:#00427c;
                }
                .sml_rside p {
                    clear:left;
                    width:75px;
                    font-size:.8em;
                    line-height:1.2em;
                }
                
                    .leed {
                        position:relative;
                        float:left;
                    }
                        .leed span {
                          display:block;
						  position:right;
						  text-align:top;
						  padding:5px 5px 5px 5px;
						  
						  
						  
						  
						  /*  position:absolute;
                            top:10px;
                            right:6px;
                            z-index:0;
                            width:69px;
                            height:73px;
                           background:url(/assets/Logos/LEED-Member-Image.jpg) no-repeat center center; */
                        }
                    .gis {
                        position:relative;
                        float:right;
                    }
                        .gis span {
                            position:absolute;
                            top:9px;
                            right:8px;
                            z-index:0;
                            width:69px;
                            height:73px;
                            background:url(i/gis.jpg) no-repeat center center;
                        }
                .rside_cap {
                    clear:both;
                    float:left;
                    width:405px;
                    font-size:1.0em;
                    line-height:1.5em;
                    padding:10px 0 8px 10px;
                    background:#014076 url(i/rside_content_back.jpg) repeat-x left bottom;
                    margin:20px 0 0 0 !important;
                    margin:21px 0 0 0;
                    font-weight:normal;
                    overflow:hidden;
                }
                h3.rside_cap {
                        color:#fff !important;
                        color:#fff;
                }
                 .rside_content {
                    clear:both;
                    float:left;
                    width:393px;
                    padding:10px;
                   /* border:solid #023B72;
                    border-width:0 1px 1px 1px;*/
                    background:url(i/home_content_back.jpg) repeat-x 0 0;
                    font-size:.81em;
                    line-height:1.83em;
                }
	    
				#main .secondary ul li {
					list-style:disc !important;
					list-style:disc;
				}
/* Footer
--------------------------*/
#footer_wrap {
    clear:both;
    float:left;
    width:100%;
    background-color:transparent;
    color:#555;
}
    #footer {
        margin:0 auto;
	padding:0 0 15px 0;
        text-align:center;
        width:898px;
        background:url(i/white_trans.png) repeat 0 0;
         _background:transparent url(i/white_trans.gif) repeat 0 0;
	border:solid #F5F5F5;
	border-width:0 1px 1px 1px;
    }
        #footer ul {
            display:inline;
        }
        #footer li {
            display:inline;
	    font-size:.8em;
	}
	#footer p {
	    font-size:.7em;
	}
        
/* Misc Classes
--------------------------*/
.left           {float:left;}
.right          {float:right;}
.clear 		{clear:both;}
.clearr         {clear:right;}
.clearl         {clear:left;}
.clearnone      {clear:none;float:left;}

/* Faux Pipe
--------------------------*/
.pipe li {
        width:auto;
        display:inline;
        padding:0 .3em 0 .8em;
        border-left:1px solid #D0D0D0;
}
    li.first { /* Remove First Pipe */
            border-left:0;
            background:none;
    }