/*  
Version: 1.0
*/



/* Begin Typography & Colors */



/* CSS Document */

body{

	padding:0; margin:0;  color:#003131;

	}



a{

	color:#338799;

}



div, p, h1, h2, h3, h4, img, ul, form{

	padding:0; margin:0;

	}

ul{

	list-style-type:none

	}

.spacer{

	clear:both; font-size:0; line-height:0;

	}

/*================================ header ======================================*/

#header{

	width:990px; margin:0 auto; 

	}

#headline {
	position: relative;
	height: 124px;
	width: 950px;
	margin: 0 auto;
	}
	.contact2 {
		position: absolute; right: 0; bottom: 24px; 
		font: 8pt/1.5em verdana, arial, tahoma, sans-serif;
		}
		.contact2 ul li {
			padding: 0 0 5px 0;
			}
span.phone {
padding: 2px 0px 3px 20px;
color: inherit;
background: url(images/telephone.gif) left no-repeat;
	}
span.email {
padding: 2px 0px 3px 20px;
color: inherit;
background: url(images/email.gif) left no-repeat;
}
	.email a {
	color: inherit;
	background: none;
	}
h1#logo a { position: absolute; bottom: 8px; left: 40px; background: url(images/logo.gif) no-repeat 0 0; width: 141px; height:109px; display: block; text-indent: -9999px; }

#subheader {
	width: 100%;
	color: #fff;
	background: url(images/background_subheader2.png) 0 0 repeat-x;
	}
	.wrap {
		width: 990px;
		margin: 0 auto;
		}
	ul#navigation {
		width: 845px;
		height: 35px;
		margin: 0 auto;
		}
		ul#navigation li {
			display: inline;
			float: left;
			}
			ul#navigation li a {
				display: block;
				width: 105px;
				height: 35px;
				color: #fff;
				background: url(images/background_navV4.gif) no-repeat 0 0;
				text-indent: -9009px;
				}
			ul#navigation li#home_on a {
				display: block;
				width: 105px;
				height: 35px;
				color: #fff;
				background: url(images/background_navV4.gif) no-repeat 0 -35px;
				text-indent: -9009px;
				}	
			ul#navigation li#home a:hover {
				background-position: 0 -70px;
				}
				ul#navigation li#portfolio_on a, ul#navigation li#portfolio_on a:hover {
					width: 121px;
					background-position: -107px -34px;
					}
					ul#navigation li#portfolio a {
						width: 121px;
						background-position: -107px 0px;
						}
					ul#navigation li#portfolio a:hover {
						background-position: -107px -70px;
						}
				ul#navigation li#marketing_on a, ul#navigation li#marketing_on a:hover {
					width: 116px;
					background-position: -228px -34px;
					}
					ul#navigation li#marketing a {
						width: 117px;
						background-position: -228px 0px;
						}
					ul#navigation li#marketing a:hover {
						background-position: -228px -70px;
						}
				ul#navigation li#webdesign_on a, ul#navigation li#webdesign_on a:hover {
					width: 119px;
					background-position: -345px -34px;
					}
					ul#navigation li#webdesign a {
						width: 119px;
						background-position: -345px 0px;
						}
					ul#navigation li#webdesign a:hover {
						background-position: -345px -70px;
						}
				ul#navigation li#seo_on a, ul#navigation li#seo_on a:hover {
					width: 122px;
					background-position: -464px -34px;
					}
					ul#navigation li#seo a {
						width: 122px;
						background-position: -464px 0px;
						}
					ul#navigation li#seo a:hover {
						background-position: -464px -70px;
						}
				ul#navigation li#agency_on a, ul#navigation li#blog_on a:hover {
					width: 120px;
					background-position: -586px -34px;
					}
					ul#navigation li#agency a {
						width: 120px;
						background-position: -586px 0px;
						}
					ul#navigation li#agency a:hover {
						background-position: -586px -70px;
						}
				ul#navigation li#contact_on a, ul#navigation li#contact_on a:hover {
					width: 123px;
					background-position: -706px -34px;
					}
					ul#navigation li#contact a {
						width: 123px;
						background-position: -706px 0px;
						}
					ul#navigation li#contact a:hover {
						background-position: -706px -70px;
						}









/*========================= body ============================*/

#mainBody{

	background:url(images/body_bg.gif) repeat-x left bottom #F0F9F9; color:#003131; font-family:Arial, Helvetica, sans-serif;

	padding:0 0 0px 0; margin:0 auto; 

	}

#body{

	width:760px; margin:0 auto; 

	}

#body p.johnson{

	width:528px; height:116px; border:#D3DCDC 1px solid; background:url(images/body_p_bg.gif) no-repeat 14px 29px #FFFFFF; 

	color:#3B3B3B; padding:23px 110px 0 120px; font-size:12px; line-height:18px;

	}

#body p.johnson b{

	display:block;

	}

#body p.johnson span{

	color:#4B7F00; background-color:#FFFFFF; font-weight:bold; float:right;

	}

/*======================= left body =======================*/

/*#leftPan{

	width:535px; float:left;  padding:21px 0 20px 0; 

	color:#003131;

	}*/

.colmleft h2{

	font:normal 20px/35px tahoma, verdana, arial, sans-serif; margin:0 0 5px 0; background:#FFFFFF; color:#000000;

	float:left; width:503px;
	}

.colmleft h2{font:normal 20px/35px tahoma, verdana, arial, sans-serif;margin:0 0 5px 0; background:#FFFFFF; color:#000000;float:left; width:503px;}

.colmleft h3{

	background:url(images/date_bg.gif) no-repeat 0 0 #FFFFFF; color:#FFFFFF; font-size:22px; font-weight:bold; float:left;

	width:66px; height:100px; text-align:center;  padding:6px 0 0 3px;clear:both

	}

.colmleft h3 b{

	color:#5F5F5F; background-color:#FFFFFF; text-transform:uppercase; font-size:11px; display:block; width:65px; line-height:18px;

	margin:3px 0 0 0; 

	}

.colmleft h3 span{

	color:#609317; background-color:#FFFFFF; text-transform:uppercase; font-size:21px;  width:65px; line-height:17px;

	

	}

#respond, #comments{

	font-weight:bold;

	font-size:20px;

}



.alt, .alt1{

	padding-bottom:15px;

}

	

#leftPan p{

	font-size:14px; line-height:18px;  padding:0 31px 8px 13px; float:right;

	width:430px;_width:415px;_float:left;_padding-left:60px;	}

#leftPan p u{

	border-bottom:#8FB2B2 1px dashed; text-decoration:none;

	}

#leftPan ul{

	width:428px; height:45px;
	
/*	border-bottom:#E5F0F0 5px solid;*/
	
	margin:2px 0 13px 0; float:left; padding:0 0 0 80px;

	display:block;

	}

.wakensys_comment{
	clear:both; float:left; min-height:230px; border-bottom: 5px solid #E5F0F0;
}
.wakensys_archive{
	clear:both; float:left; min-height:230px; border-bottom: 5px solid #E5F0F0;
}
.wakensys_search{clear:both; float:left; min-height:230px; border-bottom: 5px solid #E5F0F0;}

#leftPan ul.nobor{

	width:428px; height:45px; border-bottom:none; margin:2px 0 13px 0; float:left; padding:0 0 0 80px;

	display:block;

	}

#leftPan ul li{

	float:left; padding:0 0 0 4px; display:block;/* border:#DFE8E8 1px solid;*/  height:21px; 

	}

#leftPan ul li a{

	 font-size:12px; text-decoration:none; text-align:center; background-color:#FFFFFF; color:#0F0F0F; height:21px; display:block;

	 line-height:21px; padding:0 0 0 8px;

	}

#leftPan ul li.admin a{

	background:url(images/admin_icon.gif) no-repeat 0 0 ; width:123px;

	}

#leftPan ul li.admin a:hover{

	background:url(images/admin_icon_h.gif) no-repeat 0 0; width:123px;

	}

#leftPan ul li a.com{

	background:url(images/comm_icon.gif) no-repeat 0 0; width:123px;

	}

#leftPan ul li a.com:hover{

	background:url(images/comm_icon_h.gif) no-repeat 0 0; width:123px;

	}

#leftPan ul li a.more{

	background:url(images/more_icon.gif) no-repeat 0 0; width:68px;

	}

#leftPan ul li a.more:hover{

	background:url(images/more_icon_h.gif) no-repeat 0 0; width:68px;

	}

/*=============== right ====================*/


#right {
		position: relative;
		float: right;
		width: 248px;
		color: #606163;
		padding-top:20px;
		}

	

#right form{

	height:140px; padding:0; position:relative;

	color:#303030;
	/*border-bottom:#000066 1px solid;*/

	}

#right form h2{

 width:153px; height:26px; 
	color: #000066; left:5px; top:6px;/*border-bottom:#000066 1px solid;*/

	font: bold 18px/26px tahoma, verdana, arial, sans-serif; padding:0 0 0 11px; position:absolute;  margin:0;

	}

#right form label{

	font-size:14px; line-height:14px; position:absolute; left:16px; top:40px; padding:0; margin:0; height:14px;

	}

#right form input{ 

	width:140px; height:19px; border-bottom:#D4D0C8 1px solid; border-right:#D4D0C8 1px solid; border-top:#808080 1px solid;

	border-left:#808080 1px solid; position:absolute; left:16px; top:57px; padding:0; margin:0; line-height:19px; font-size:10px;

	}

#right form a{

	position:absolute; left:30px; top:84px; background:url(images/form_arrrow.gif) no-repeat center right; display:block;

	padding:0 13px 0 0; font-size:10px; line-height:18px; font-weight:bold; text-transform:uppercase; color:#765400;

	text-decoration:none;

	}

#right form a:hover{

	background:url(images/form_arrrow_h.gif) no-repeat center right;

	}

#right form input.go{

	background:url(images/go_buttom.gif) no-repeat 0 0; font-size:0; border:none; position:absolute; left:138px; top:102px;

	cursor:pointer; width:20px; height:10px; 

	}

#right p.top{

	/*background:url(images/top_cup.gif) no-repeat 0 0;*/ width:173px; height:5px !important; font-size:0; margin:8px 0 0 0;

	}

#right p.top1{

	/*background:url(images/top_cup1.gif) no-repeat 0 0;*/ width:173px; height:5px !important; font-size:0; margin:8px 0 0 0;

	}

#right h2{

	width:156px; height:26px; padding:0 0 0 15px; display:block;
	font:bold 18px/26px tahoma, verdana, arial, sans-serif; margin:0; color: #000066;

	}

#right ul{

	width:158px; /*border-left:#D4E6E6 1px solid; border-right:#D4E6E6 1px solid; background-color:#FFFFFF;*/ padding:6px 0 0 13px;

	color:#424242; font-size:0;

	}

#right ul li{

	background:url(images/right_arrow.gif) no-repeat 0 8px; /*border-bottom:#D9E3E3 1px solid;*/ height:auto; padding:0 0 0 14px;

	width:126px;

	}

#right ul li.nobor{

	background:url(images/right_arrow.gif) no-repeat 0 8px; border-bottom:none; height:22px; padding:0 0 0 14px;

	width:126px;

	}

#right ul li a{

	font:12px/22px Arial, Helvetica, sans-serif; color:#424242; text-decoration:none;

	}

#right ul li a:hover{

	color:#765400;

	}

#right p.buttom{

	/*background:url(images/bu_cup.gif) no-repeat 0 0;*/ width:173px; height:19px; font-size:0; margin:0 0 10px 0;

	}

#right .bg_1 h2{

	display:block;color:#000066

	}

#right div.bl_2 ul{

	padding:6px 0 0 13px;

	color:#000066; font-size:0;

	}

#right div.bl_2 ul li{

	background:url(images/right_arrow1.gif) no-repeat 0 9px; border-bottom:1px solid #D9E3E3; height:22px; padding:0 0 0 14px;

	width:126px;

	}

#right div.bl_2 ul li.nobor{

	background:url(images/right_arrow1.gif) no-repeat 0 8px; border-bottom:none; height:22px; padding:0 0 0 14px;

	width:126px;

	}

#right div.bl_2 ul li a{

	font:12px/22px Arial, Helvetica, sans-serif; color:#424242; text-decoration:none;

	}

#right div.bl_2 ul li a:hover{

	color:#765400; 

	}

#right p.buttom1{

	width:173px; height:19px; font-size:0; margin:0 0 10px 0;

	}

#right div.bl_2 h2{

	color:#000066;

	}



.bg_1 ul {

color:#424242;
font-size:0;
padding:6px 0 0 13px;

}

.bg_1 li{background:transparent url(images/right_arrow.gif) no-repeat scroll 0 8px;
border-bottom:1px solid #D9E3E3;
height:22px;
padding:0 0 0 14px;
list-style:none}


.bg_1 li a{-x-system-font:none;

color:#424242;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:22px;
text-decoration:none;}


#pagerepeater {
		position:relative;
		width: 905px;
		margin: 26px auto 0;
		padding: 0px;
		color: #000;
		background: url(images/background_page2.gif) repeat-y 0px 0px;
		}

#page-top {
			background: url(images/background_pagetop.gif) no-repeat 0 0;
			}
		#page-bottom {
			background: url(images/background_pagebottom2.gif) no-repeat bottom left;
			}
		* html #page-bottom { height: 1%; }

#innerpage {width:895px; min-height: 400px; margin:0px auto; text-align:left; overflow: hidden; }

#innerpage .colmleft { padding: 30px 30px; width:508px; float:left; color:#333; line-height:1.4em; }
#leftPan ul.nobor{

	width:428px; height:45px; border-bottom:none; margin:2px 0 13px 0; float:left; padding:0 0 0 80px;

	display:block;

	}

.colmleft ul li{

	float:left; padding:0 0 0 4px; display:block;/* border:#DFE8E8 1px solid;*/  height:21px; 

	}

.colmleft ul li a{

	 font-size:12px; text-decoration:none; text-align:center; background-color:#FFFFFF; color:#0F0F0F; height:21px; display:block;

	 line-height:21px; padding:0 0 0 8px;

	}

.colmleft ul li.admin a{

	background:url(images/admin_icon.gif) no-repeat 0 0 ; width:123px;

	}

.colmleft ul li.admin a:hover{

	background:url(images/admin_icon_h.gif) no-repeat 0 0; width:123px;

	}

.colmleft ul li a.com{

	background:url(images/comm_icon.gif) no-repeat 0 0; width:123px;

	}

.colmleft ul li a.com:hover{

	background:url(images/comm_icon_h.gif) no-repeat 0 0; width:123px;

	}

.colmleft ul li a.more{

	background:url(images/more_icon.gif) no-repeat 0 0; width:68px;

	}

.colmleft ul li a.more:hover{

	background:url(images/more_icon_h.gif) no-repeat 0 0; width:68px;

	}
	
	.colmleft p{

	font-size:14px; line-height:18px;  padding:0 31px 8px 13px; float:right;

	width:430px;_width:415px;_float:left;_padding-left:60px;	}

.colmleft p u{

	border-bottom:#8FB2B2 1px dashed; text-decoration:none;

	}

.colmleft ul{

	width:428px; height:45px;
	
/*	border-bottom:#E5F0F0 5px solid;*/
	
	margin:2px 0 13px 0; float:left; padding:0 0 0 80px;

	display:block;

	}
	
	
	
	

		
	
	
	
	
	
/* ======================= footer ============================*/

#footermain{

	position: relative;
	width: 950px;
	margin: 0px auto;
	padding: 10px 0;
	margin-top: 1.25in;
	border-top: 3px solid #E3E3E3;
	border-bottom: 3px solid #E3E3E3;
	color: #929292;
	font-size: 11px;
	overflow: hidden; 

	}

#footer{

	width:535px; position:relative; margin:0 auto; font-family:Arial, Helvetica, sans-serif ;  height:50px;

	}

#footer ul{

	width:530px; position:absolute; top:2px; left:100px;

	}

#footer li{

	 color:#6699CC; font-size:12px; line-height:16px;  float:left;	display:block; margin:0; padding:0;

	}

#footer ul li a{

	height:16px; padding:0 8px 0 8px; color:#6699CC; font-size:12px; line-height:16px; 	
	text-decoration:none;

	}

#footer ul li a:hover{

	color:#999999;

	}

#footer p{

	width:300px;  position:absolute; top:25px; left:200px; font-size:11px;

	}

#footer p.copy{

	font-size: 11px; width:160px;  line-height:16px;  position:absolute; left:200px; top:65px; height:16px; padding:0;

	}

#footer p.copy a{

	text-decoration:none;  font-weight:bold; background-color:#3B6565; color:#fff;

	}

#footer p.copy a:hover{

	text-decoration:underline;

	}

#footer ul.xhtml{

	width:134px; position:absolute; top:47px; left:200px; font-size:0; background-color:#163131; 

	display:block; 	padding:0px 0 0 19px; color:#FFFFFF; height:16px !important;

	}

#footer ul.xhtml li{

	float:left; margin:0px 0 0 0; padding:0 0 0 13px; background-color:#163131; color:#FFFFFF; display:block; line-height:10px;

	}

#footer ul.xhtml li a{

	width:45px;  background:url(images/xml.gif) no-repeat 0 4px;  display:block; float:left;

	padding:0; margin:0; font-size:0; text-indent:-2000px; line-height:10px;

	}

#footer ul.xhtml li a.css{

	width:31px;  background:url(images/css.gif) no-repeat 0 4px;

	}

#footer ul.xhtml li a.css:hover{

	background:url(images/css_h.gif) no-repeat 0 4px;

	}

#footer ul.xhtml li a:hover{

	 background:url(images/xml_h.gif) no-repeat 0 4px;

	}