/*
#012345 - dark blue
#0099ff - bright blue
#ff9900 - yellow
#005c99 - teal blue
#5f5f5f - gray
*/


#sidebar h2.subpage {font-size: 1.4em; text-transform: uppercase; margin:0; padding: 0; color:#ff9900;}
#sidebar ul.subpage {margin: 10px 0 20px 20px; padding:0;}

#sidebar ul.subpage li {line-height: 150%; font-size:1.1em; list-style-type:none;}
#sidebar ul.subpage li a{ color: #012345;text-decoration: none;
}
#sidebar ul.subpage li a:hover, #sidebar ul.subpage li a.active {color: #0099ff; border-top: 1px solid #ff9900; border-bottom: 1px solid #ff9900;}

p.testimonials {font-size:1em; margin: 0 0 15px 0; font-style:italic; font-size: 1em;}

dd,dl {list-style-type: square; margin: 0 0 3px 10px;}
dd a {color: #a90000; text-decoration: underline;}
dd a:hover {color: #000; text-decoration: none;}


.sub-nav {
        width: 640px; height: 40px;
	margin: 0 10px 0 0;	
	float: left;
        overflow:hidden;
        text-align: left;
        display:inline;	
	}

#content ul.sub-nav li {
       display: inline;
       list-style-type: none;
       padding-right: 15px;
}

#content ul.sub-nav li a{
       color: #005C99;
       }
#content ul.sub-nav li a:hover {
       color: #0099ff;
}

.newsletter {
    background-color: #fec268;
    padding: 3px;
}

.menu_head{}
img.menu_head {margin: 0; padding: 0;}
ul.menu_body {margin: 0; padding: 0; width: 242px;}

.menu_body {display:none; width:184px;border-right:1px solid #998675;border-bottom:1px solid #998675;border-left:1px solid #998675;}

.menu_body li{background:#012345; list-style-type: none;}
.menu_body li.alt{background:#005c99;}

.menu_body li a{color:#FFFFFF; text-decoration:none; padding:10px; display:block;}
.menu_body li a:hover{padding:15px 20px; font-weight:bold;}

.newsletter-optin {width: 280px; background-color: #f7c96a;}
.newsletter-optin p{text-align: left; padding: 0 0 0 5px;}
input#namefield, input#emailfield {
          width: 180px; height: 1.5em;
          background-color: #B6DFFA;
}


 .audit {margin: -3px 0 5px 0;}

#content h2 a, #content h2 a:hover {text-decoration: none; color: #ff9900;}

#portfolio_container{	
	padding:10px 0 20px 0; 	
}

#portfolio_container .portfolio_div_container .portfolio_div img{
	width:230px;
	height:100px;
}
#portfolio_container .portfolio_div_container{	
	height:120px; 
	width:245px;	
	margin-right:10px;
	float:left;
	padding:5px 0 0 7px;
	overflow:hidden;	
	position:relative;
}
#portfolio_container .portfolio_div_container .portfolio_div{
	height:100px;
	width:230px;			
	overflow:hidden;	
	position:relative;
}
#portfolio_container .portfolio_div .info_container{	
	width:230px;
	height:100px;		
	top:100px;		
	z-index:0;
	position:relative;	
}
#portfolio_container .portfolio_div div.info{
	position:relative;	
	width:220px;
	top:-100px;
	z-index:100;
	height:90px;
	color:#FFF;
	font-size: 1em;
	padding:5px;	
	line-height:100%;
}
#portfolio_container .portfolio_div div.info p{
	font-size: .9em;
	color: #fff;
}
#portfolio_container .portfolio_div div.info a{
	color:#FDD068;
	text-decoration:none;
	font-weight:bold;
	outline:none;
}
#portfolio_container .portfolio_div div.info_bg{	
	position:relative;	
	background-color:#012345;
	width:230px;	
	z-index:50;
	top:-200px;
	height:100px;		
	opacity:0.8;
}

.spacer{clear:both; font-size:0px; line-height:0px;}


#content .dkblue, #content .brightblue, #content .orange, #content .tealblue { font-size: 1.9em; font-weight: bold; text-transform: uppercase;}

#content .dkblue {color: #012345;}
#content .brightblue {color: #0099ff;}
#content .orange {color: #ff9900;}
#content .tealblue {color: #005c99;}

#content .firstparagraph {  background-color: #d1dee6; display:block;}


/*------- FORMS------- */
.zemText, .zemSelect {color: #005c99; margin: 0 2px 15px 0; font-size: 1.2em; display: inline; vertical-align: top;}
.zemText {font-weight: bold; }
.zemSelect {text-transform: none;}

fieldset {border: 1px solid #999; padding: 10px; background-color: #ff9900;}
legend {font-weight: bold; display:none;}

input {border: 1px solid #444; }

input#State {width: 70px;}
input#Phone {width: 100px;}

input#Address {width: 300px;}
input.zemSubmit {background-color: #e33500; color: #ff9900; font-size: 1.3em; font-weight: bold;} 

h1,h2, h3,h4, h5 {margin: 20px 0 15px 0; color: #0099ff; text-transform:uppercase;}

h1{font-size: 1.4em; color: #bc371a; color: #012345; text-transform:none;}
h2{font-size: 1.2em;}
h3{font-size: 1em;font-weight: bold;}
h4{font-size: .8em;font-weight: bold;}
h5 {font-size:.7em;}


ul, ol {
	margin: 10px 0 10px 30px ;
	padding: 0;
}

#content ul li, #content ol li {
        margin: 0 0 5px 0 ;
        padding: 0;
        line-height:100%;
      }

#content ul li, #content ol li {
        color: #333;
        line-height: 130%;
}


ol li {	list-style: decimal;}
ul li{	list-style: disc;}

ul li a, ol li a {
	color: #99ff00;
	}
ul li a:hover, ol li a:hover {
	color: #ff9900;
	}



* { margin: 0;	padding: 0; }

body {
	font: 82.5% Arial, Helvetica, sans-serif; /*Resets 1em to 10px */
	text-align: center; /*centers the text in IE6 */
	margin: 0px auto;
	background: transparent url(/images/bgstrip.png) repeat-x scroll left top;
		}

p {
	color: #000;
	font-size: 1em;
	margin: 0 5px 0 0;
	line-height: 140%;
}

blockquote {
	margin: 20px 0 20px 30px;
	padding: 5px;
	font-size: 1.2em;
        font-style: italic;
        background-color: #94ccf2;
        color: #005c99;
        border: 4px double #ff9900;
	}
	
.clear {clear:both;}

/* ----- IMAGES ----- */
a img, img a {
	border: none;
	padding: 5px 5px;
	}
	
img{
	margin: 5px;
}
img a:hover{
}

/* ----- LINKS ----- */

#wrapper {margin: 0px auto;width: 960px;}


#banner {
	background: transparent url(/images/banner-bgstrip.jpg) no-repeat;
	width: 960px; height: 250px;
}

#banner1 {
	background: transparent url(/images/banner-bgstrip-yellow.jpg) no-repeat;
	width: 960px; height: 250px;
}

#banner .banner-quote, #banner1 .banner-quote {
float: left;
width: 530px;
}

#banner .banner-quote p, #banner1 .banner-quote p {
	font-size: 1.4em;
	color: #fff;
	padding: 20px 5px 5px 120px;
	width:530px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
}


/* ------------CONTENT-----------------*/
#contentwrapper{
	clear:both;
	text-align:left;
	margin: 20px 0 0 0;
       overflow: hidden;
}

#content {
	width: 650px;
	margin: 0 10px 0 0;	
	float: left;
        overflow:hidden;
        text-align: left;
        display:inline;	
	}
#content p {
	font-size: 1.1em;
	line-height:120%;
	margin-bottom: 10px;
	color: #444; /*#5f5f5f;*/
	}
#content a {
       color: #005c99;
       text-decoration: underline;
}

#content a:hover {
        color: #ff9900;
 }
	
#content h1.pagetitle {
	background:url(/images/4dots.png) no-repeat left top;
	width: 645px; 	height:51px;
	color: #005c99;
	padding:7px 0 0px 20px;
        font-size: 2em;
        clear: both;
        margin: 0 0 10px 0;
}

/*--------SIDEBAR---------*/

#sidebar{
	width: 280px;
	margin: 0 0px 0 0;
	float: right;
	padding: 0 0 0 10px;
       display: inline

}

#sidebar .newsletter a{
	background:url(/images/newsletter.png) no-repeat left top;
	width: 255px; height:49px;
	float: left;
	margin: 10px 0;
	}
#sidebar .newsletter a:hover {
	background:url(/images/newsletter.png) no-repeat left -51px;
	}

#sidebar .webdesignservices {
	background: url(/images/tab-webdesign.png) no-repeat;
	}
	
#sidebar .socialmediaservices {
	background: url(/images/tab-socialmedia.png) no-repeat;
	}

#sidebar .socialmediaservices, #sidebar .webdesignservices {
	widows:254px; height:94px;
	margin-bottom: 10px;
	clear:both;
	}

#sidebar ul.services {
	margin: 35px 5px 0px 0px;
	padding: 0 0 0 30px;
	float:left;
	color: #fff;
	font-size:1em;
	font-weight:bold;
	width: 100%;	
	}

#sidebar .webdesignservices ul.services li, #sidebar .socialmediaservices ul.services li  {
		line-height:140%;
		list-style-type:none;
}

#sidebar .webdesignservices ul.services li a, #sidebar .socialmediaservices ul.services li a {
	color: #fff;
	text-decoration:none;
	}


#sidebar .webdesignservices ul.services li a:hover, #sidebar .socialmediaservices ul.services li a:hover {
	color: #012345;
	text-decoration:none;
	}

	
a img.rssbutton {margin: 0; padding: 0;}

.footer-capital {
	background: transparent url(/images/capitol.png) no-repeat left bottom;
	height: 256px; widows:600px;
	clear:both;
	}
#footer  a:link, #footer  a:visited, #footer  a:active {
	color: #ff9900;
	}
#footer  a:hover {
	color: #fff;
	}
#footer p { color: #ff9900; text-align: center; margin: 0 auto; width: 700px;}

#footer {
	clear:both;
	background-color: #005c99;
	height:130px;
}