/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

@charset "UTF-8";
/* CSS Document */

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address {
	margin: 0; padding: 0; text-indent: 0;
	border: none; outline: none;
	text-decoration: none; font-size: 100%; font-weight: normal; font-style: normal;
	list-style: none;
}
table, td, tr, tbody, thead, th, caption {
	border-spacing: 0; border: none; border-collapse: separate;
	vertical-align: top; text-align: left;
	font-weight: normal;
}

/* typography */
body { margin: 57px 0 47px 0; font-size: 0.62em; background: #00352b; color: #30412a; font-family: Arial, Helvetica, sans-serif; text-align: center; }

p, h2 { margin: 0 0 16px 0; }
p { font-size: 1.2em; line-height: 1.45em; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.3em; }
h4, h5, h6 { font-size: 1.2em; }

a { color: #015581;  text-decoration: underline;}
a:hover, a:active {  color: #015581; text-decoration: none; }

/* * * =forms * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, fieldset, input { margin : 0; padding : 0; }

#place-an-order-form form {
	width: 34em;
	margin-left: 5px;
}

#content form p {
	font-size: 100%;
	padding: 2px;
	margin: 0;
	margin-bottom: 0;
}

/* fieldset styling */
fieldset {
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding: 1em;
	border : 1px solid #e2e2e2;
}

/* legend styling */
legend {
	font-weight: bold;
	color: #740C18;
}

/* style for  labels */
#place-an-order-form  label {
	float: left;
	width: 14em;
}

/* style for required labels */
label .required {
	font-size: 0.9em;
	font-style: normal;
	color: red;
}

label.error, input.submit { color: #F00; margin: 5px 0 0 0; }

input {
	width: 205px;
}

input.radio, input.submit {
	width: auto;
}

textarea {
	width: 205px;
	height: 100px;
	padding:0;
} 

/* submit */

form div input {
	width: 100px;
	margin-top:5px;
	margin-left: 170px;
	padding: 0 .25em;
	background-color: #740C18;
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
}

/* apply style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */
.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.group { zoom: 1; display: block; }

	body {margin:0;padding:0;font-size:62.5%;font-family:Arial, Helvetica, sans-serif;text-align:center;}
	
	.clearfix:after, #sidebar .box:after, #content .cols:after
	{content:".";display:block;height:0;clear:both;visibility:hidden;}

	.clearfix, #sidebar .box, #content .cols
	{display:inline-block;}
		
	/* Hides from IE-mac \*/ 
	
	* html .clearfix, * html #sidebar .box, * html #content .cols
	{height:1%;}
	
	.clearfix, #sidebar .box, #content .cols
	{display:block;}
	
/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	
	.container {position:relative;margin:0 auto;text-align:left;width:750px;}
	
	#header {position:relative;min-height:100px;}
	* html #header {height:100px;}
	
	#wrapper {padding:9px 16px 20px 20px;border-top:8px solid #000;}
	#content {width:424px;float:left;}
	#sidebar {width:270px;float:right;}
	#footer {clear:both;}
	
	/* Main Backgrounds */
	body {background:url(../images/bg_body.gif) top center #f8f8f8;}
	#page {border-top:1px solid #fff;}
				
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	

  /* ul reset */
  
	#header h1 a {position:absolute;top:7px;left:9px;text-indent:-9999px;background:url(../images/logo.gif) no-repeat;width:414px;height:86px;margin:0;}
	#header h2 {padding-top:10px;margin:0 0 0 465px;height:1em;line-height:1em;font-size:1.8em;font-weight:bold;text-transform:none;}
	
	#header ul {margin:0 0 0 465px;padding:0;width:285px;}
	  #header ul li {float:left;clear:left;width:265px;background:#e8e8e8 url(../images/bg_sidebar.gif);margin:0 0 1px 0;padding:0 0 0 20px;font-size:1.2em;font-weight:bold;list-style:none;}
	    #header ul li a {color:#740c18;text-decoration:underline;display:block;line-height:1.5em;padding:3px 0 2px 20px;background:url(../images/head-bull.gif) left 9px no-repeat;}
	    #header ul li a:hover {text-decoration:none;}
	    
	#nav {padding-top:4px;background:url(../images/bg_nav.gif) top left repeat-x;height:31px;}
	* html #nav {overflow:hidden;}
	  #nav ul {float:left;position:relative;top:5px;height:31px;width:716px;padding:0 17px;margin:0;background:url(../images/bg_nav-ul.gif) top left no-repeat;}
	    #nav ul li {float:left;height:26px;background:url(../images/nav-sep.gif) left 10px no-repeat;list-style:none;margin:0;padding:0;}
	    #nav ul li.first {background:none;}
	      #nav ul li a {float:left;padding:2px 10px 0;height:24px;line-height:26px;font-size:1.2em;font-weight:bold;color:#fff;text-decoration:none;}
	      #nav ul li a:hover {text-decoration:underline;}
      #nav ul li.active {padding-left:9px;height:31px;background:url(../images/act-l.gif) left top no-repeat;position:relative;left:1px;z-index:3;}
	      #nav ul li.active a,
	      body.services #l-services a {cursor:default;padding-left:1px;padding-bottom:5px;background:url(../images/act-r.gif) right top no-repeat;text-decoration:none;}
	      
	      #nav ul li.hover {position:relative;}
	      #page #nav ul li ul {background:url(../images/bg_dropdown-ul.png) 0 5px no-repeat;position:absolute;top:26px;left:-9999px;width:107px;padding:6px 0 0 0;height:auto;margin-bottom:-1px;overflow:hidden;}
	      * html #page #nav ul li ul {background:url(../images/bg_dropdown-ul.gif) 0 5px no-repeat;}
	      #page #nav ul li.hover ul {left:7px;}
	      #page #nav ul li ul li {float:left;clear:left;height:17px;padding-bottom:2px;background:url(../images/bg_dropdown-li.png) bottom no-repeat;}
	      * html #page #nav ul li ul li {background:url(../images/bg_dropdown-li.gif) bottom no-repeat;}
	      #page #nav ul li ul li a {float:left;line-height:17px;height:17px;color:#fff;font-weight:normal;padding:0 2px 0 5px;width:98px;border-width:0 1px;border-style:solid;border-color:#4d4f45;background:url(../images/bg_drop-link.png);}
	      * html #nav ul li ul li a {background-image:none;background-color:#872f3a;}
	      
        /* Active States */
        body.home #nav #nav-home,
        body.meet-our-team #nav #nav-meet-our-team,
        body.services #nav #nav-services,
        body.testimonials #nav #nav-testimonials,
        body.resources #nav #nav-resources,
        body.documents #nav #nav-documents,
        body.tools #nav #nav-tools,
        body.contact-us #nav #nav-contact-us 
        {padding-left:9px;height:31px;background:url(../images/act-l.gif) left top no-repeat;position:relative;left:1px;z-index:3;}
        
        body.home #nav-home a,
        body.meet-our-team #nav-meet-our-team a,
        body.services #nav-services a,
        body.testimonials #nav-testimonials a,
        body.resources #nav-resources a,
        body.documents #nav-documents a,
        body.tools #nav-tools a,
        body.contact-us #nav-contact-us a 
        {padding-left:1px;padding-bottom:5px;background:url(../images/act-r.gif) right top no-repeat;}
	
  #branding {height:19px6;background:url(../images/bg_branding.jpg);padding-left:464px;padding-top:5px;}
	  #branding .box {background:#97a1a9 url(../images/bg_branding-box.gif);color:#fff;width:286px;}
	    #branding .box .icon {background-position:12px 12px;background-repeat:no-repeat;padding:10px 10px 5px 62px;height:82px;}
	    #branding .box h3 {font-size:1.4em;line-height:1.1em;font-weight:bold;}
	    #branding .box p {font-size:1.2em;line-height:1.15em;}
	      #branding .box p a {color:#ffdd31;text-decoration:underline;font-size:10px;padding:0 1px;}
	        #branding .box p a:hover {text-decoration:none;}
	  #branding #helpful-tools {margin-bottom:2px;}
	    #branding #helpful-tools div.icon {background-image:url(../images/ico-helpful-tools.gif);}
	  #branding #satisfied-clients {}
	    #branding #satisfied-clients div.icon {background-image:url(../images/ico-satisfied-clients.gif);}
	  	

/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	

	#content {font-size:1.2em;padding-top:6px;}
	  #content h1 {font-size:1.66em;line-height:1.8em;margin:0;}
	  #content h2 {font-size:1em;line-height:1.5em;margin:0;}
	  #content h3 {font-size:1.33em;line-height:1.125em;margin:0;}
	  #content h4 {font-size:1.16em;line-height:1.285em;margin:0;}
	  #content h5 {font-size:1.08em;line-height:1.38em;margin:0;}
	  #content h6 {font-size:1em;line-height:1.5em;font-weight:bold;margin:0;}
	  #content p {line-height:1.5em;margin-bottom:1.5em;font-size:1em;}
	  
	  #content ul.bull {padding:0 0 0 22px;margin:0 0 18px 0;}
	    #content ul.bull li {line-height:1.16em;margin:0;padding:2px 0 2px 12px;list-style:none;background:url(../images/bull.gif) 0 7px no-repeat;}
		    #content ul li {padding-bottom:5px;}
	  
	  #content .cols ul {float:left;width:110px;}
	    
	  #content h1,
	  #content h2,
	  #content h3, 
	  #content h4,
	  #content h5 {color:#740c18;font-weight:bold;}
	  #content h2 {color:#4c4c4c;}
	  
	  #content a {}
    #content a:hover {}
    

/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	

	#sidebar {}
	
	  #sidebar .box {background:#e8e8e8 url(../images/bg_sidebar.gif);padding:10px 18px;margin-bottom:5px;}
	    #sidebar .box h4 {font-size:1.4em;color:#750c18;font-weight:bold;}
	    #sidebar .box p {color:#4c4c4c;font-size:1.2em;line-height:1.5em;padding-left:15px;} 
	      #sidebar .box p a {color:#7b5d10;text-decoration:underline;}
	      #sidebar .box p a:hover {text-decoration:none;}
	      
    #sidebar #closing {}
      #sidebar #closing h4 {padding-top:16px;line-height:2em;}
      #sidebar #closing img {float:right;}
      #sidebar #closing p a {display:block;font-size:10px;line-height:1em;}
    #sidebar #latest-updates {padding-top:20px;padding-bottom:25px;}
      #sidebar #latest-updates ul {margin:0;padding:0;}
        #sidebar #latest-updates ul li {margin:0;padding:0;list-style:none;}
          #sidebar #latest-updates ul li h4 {height:28px;}
            #sidebar #latest-updates ul li h4 span {float:left;background-position:top right;background-repeat:no-repeat;height:28px;line-height:28px;padding-right:22px;}
            #sidebar #latest-updates ul li.news  h4 span {background-image:url(../images/ico-news.gif);}
            #sidebar #latest-updates ul li.event h4 span {background-image:url(../images/calendar.gif);}
          #sidebar #latest-updates ul li p {margin-bottom:10px;line-height:1.5em;}
            #sidebar #latest-updates ul li p span.date {display:block;}

/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	

	#footer {background:#000;color:#4c4c4c;padding:18px 20px 18px;text-align:center;}
	  #footer p {font-size:1em;line-height:1.2em;margin:0;}
	    #footer p a {color:#4c4c4c;text-decoration:none;}
      #footer p a:hover {color:#969696;text-decoration:underline;}