/* CSS Document */

body, html {
	margin:0px;
	padding:0px;
	background-color:#2B2F35;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color:#333333
	}

a {
	color:#2380B4;
	text-decoration:underline
	}

a:hover {	
	text-decoration:none	
	}
	
.navi {
	padding:0px;
	padding-left:20px;
	background-color:#C0D0D9;
	height:40px;
	width:979px;
	margin: 0 auto;	
	}
	
.navi ul {
	margin:0px auto;
	padding:0px;
	}	

.navi li {
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	float:left;
	list-style:none;
	margin:0px;
	margin-right:4px;
	color:#fff;
	padding:10px 10px;
	cursor:pointer;
	background-color:#2B2F35
	}	
	
.navi li a {
	color:inherit;
	text-decoration:none;
	color:#fff;
	padding:8px 12px;
	}
	
.navi .active, .navi .active a {
	color:#333;
	background-color:#FFFFFF;
	cursor:default;
	}	
	
.floatlf {
	float:left
	}	
	
.floatrg {
	float:right
	}		
	
.header {
	height:96px;
	padding:38px 90px 4px 90px;
	background-color:#C0D0D9;
	background-image:url(../images/header.gif);
/*
	opacity:.15;	 
	filter: alpha(opacity=15);	 
	-moz-opacity: 0.5;	
*/
	font-weight:bold;
	}	
	
.header span {
	color:#2B2F35;
	letter-spacing:1px;
	font-size:14px;
	font-weight:bold
	}	
	
.slogan {
	font-size:11px;
	font-weight:normal;
	letter-spacing:7px;
	color:#666
	}	
	
.leftpanel {
	float:left
	}	
	
.rightpanel {
	float:right
	}		
	
.content, .contentinner {
	background-image:url(../images/header-bg.gif);
	background-color:#FFFFFF;
	width:990px;
	padding:0px;
	font-weight:normal;
	font-size:13px;
	text-align:left;
	background-repeat:repeat-x;
	padding-bottom:10px;
	margin: 0 auto 20px auto;	
	}	
	
.contentinner {
	background-image:url(../images/headerinner-bg.gif);
	}		
	
.lfclud {
	background-image:url(../images/lf-clud.gif);
	background-position:top;
	background-repeat:repeat-x;
	}	
	
.rgclud {
	background-image:url(../images/rg-clud.gif);
	background-position:top;
	background-repeat:repeat-x
	}		
	
h4 {
	font-size:22px;
	color:#2380B4;
	font-weight:normal;
	margin:30px 0 0 20px;	
	text-transform:uppercase
	}	
	
.subinfo {
	font-size:15px;
	color:#646C7A;
	margin:2px 0 26px 20px;	
	}	
	
h4 span {	
	color:#646C7A;
	padding:0 6px
	}
	
h3 {
	font-size:19px;
	color:#2380B4;
	font-weight:normal;
	margin:0px 20px;
	padding:0px
	}	
	
.abtservice {
	font-size:13px;	
	font-weight:bold;
	color:#272D33;
	margin:0 0 0px 20px;		
	width:420px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif
	}	
	
.abtservice	br {
	margin-bottom:14px
	}
	
.samplesbg {
	background-image:url(../images/samples-bg.gif);
	background-repeat:no-repeat;
	width:402px;
	height:259px;
	margin:9px 20px 0 0
	}		
	
.gul ul, .gul li {
	margin:0px;
	padding:0px;
	}	
	
.gul li {
	float:left;
	list-style:none;
	font-size:14px;
	font-weight:bold
	}	
	
.samples {
	margin:10px 0 10px 20px 
	}
	
.samples div {
	margin-bottom:4px
	}	
	
.samples li {
	margin:0 12px 50px 0px
	}	
	
.samples li img {
	border:6px solid #CCC
	}	
	
.samples li img:hover {
	border:6px solid #2B2F35
	}		
	
.standards {
	background-image:url(../images/standards.gif);
	background-repeat:no-repeat;
	}	
	
.seo {
	background-image:url(../images/seo.gif);
	background-repeat:no-repeat;
	}		
	
.contentmang {
	background-image:url(../images/content-mang.gif);
	background-repeat:no-repeat;
	}
	
.trends {
	background-image:url(../images/trends.gif);
	background-repeat:no-repeat;
	}	
	
.idoing {
	margin:0px 20px 0px 20px;
	}
	
.idoing li {
	font-size:12px;
	width:320px;
	margin:0 60px 20px 0;
	font-weight:normal;
	padding-left:62px;
	line-height:20px;
	}	
	
.idoing h3 {
	margin:0px 0px 6px 0px;
	border-bottom:1px dotted #ccc;
	padding-bottom:6px
	} 	
	
.ltr {
	color:#2380B4 !important;	
	}	
	
.gry {
	color:#666 !important;		
	font-size:11px !important
	}
	
.mdetalis {
	margin-left:10px
	}	
	
.clear {
	clear:both
	}	
	
.container {
	background-image:url(../images/cludedge.gif);
	background-repeat:repeat-x;
	}	
	
.workeddts {
	font-size:11px;
	font-weight:bold;
	margin:6px 0 0 22px;
	}
	
.workeddts ul, .workeddts li {
	padding:0px;
	list-style:square;
	font-size:11px;
	font-weight:normal;
	margin:4px 10px;
	float:none
	}
	
.workeddts li span {
	color:#999
	}	
	
.detailspanel {
	width:240px;
	clear:both
	}	

.btn {
	border:none !important;
	margin-top:20px
	}	

#porfoliodetail {
	margin:20px
	}

.actions ul {
	height:40px;
	clear:both
	}

.actions li {
	margin-right:14px;
	}

.actions li a {
	color:#333;
	text-decoration:none;
	font-size:11px;
	padding:3px
	}

.actions li a:hover {
	color:#333;
	background-color:#ccc
	}

.actions li .active {
	color:#fff;
	background-color:#000	
	}
	
.contactform {
	margin:10px 20px;
	font-size:13px;
	}	
	
.contactform input, .contactform select {
	border:1px solid #999;
	width:300px;
	height:26px;
	margin:2px 0 16px 0;
	font-size:18px;
	padding:4px 2px 2px 2px
	}	
	
.contactform select {
	width:306px;
	padding:0px
	}
	
.contactform textarea {
	border:1px solid #999;
	width:400px;
	height:130px;	
	font-family:inherit;
	font-size:14px
	}	
	
.button {
	margin:6px 0 10px 30px;
	padding:4px
	}
	
	
 #contact-wrapper {  
     width:430px;  
     border:1px solid #e2e2e2;  
     background:#f1f1f1;  
     padding:20px;  
 }  
 #contact-wrapper div {  
     clear:both;  
     margin:1em 0;  
 }  
 #contact-wrapper label {  
     display:block;  
     float:none;  
     font-size:16px;  
     width:auto;  
 }  
 form#contactform input {  
     border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;  
     border-style:solid;  
     border-width:1px;  
     padding:5px;  
     font-size:16px;  
     color:#333;  
 }  
 form#contactform textarea {  
     font-family:Arial, Tahoma, Helvetica, sans-serif;  
     font-size:100%;  
     padding:0.6em 0.5em 0.7em;  
     border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;  
     border-style:solid;  
     border-width:1px;  
 } 	
 
.abtme {
	margin:20px;
	text-align:left;
	width:600px;
	line-height:20px
	}

#htmlsourcedtl {
	overflow:hidden
	}

#fields {
	margin-top:20px
	}

.textbox {
	font-size:13px;
	height:20px;
	width:220px;
	clear:both;
	margin:2px 0 10px 20px;
	border:1px solid #999
	}

.textarea {
	font-size:13px;
	height:110px;
	width:420px;
	clear:both;
	margin:2px 0 10px 20px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	border:1px solid #999
	}

label {
	font-size:12px;
	color:#666;
	clear:both;
	margin:20px 0 0 20px;
	}

#note {
	margin:20px 0 0 20px;	
	font-size:17px;
	}

#porfoliolist {
	margin-top:30px
	}

.url-link {
	margin-left:60px !important
	}

.url-link a {
	color:#0033CC !important;
	text-decoration:underline;
	font-weight:normal;
	font-size:12px !important
}
.url-link a:hover {
	color:#fff !important;
	background-color:#0033CC !important
}