@charset "utf-8";
/* CSS Document */
/*---------------------------------------------------------------------------------------
--- RESETS
---------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, p, blockquote, pre,	a, abbr, acronym, address, big, cite, code,	del, dfn, em, font, img, ins, kbd, q, s, samp,	small, strike, strong, sub, sup, tt, var,	b, u, i, center,	dl, dt, dd, ol, ul, li,	fieldset, form, label, legend,	table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;	
	vertical-align: baseline;
}
	
	ol, ul {list-style: none;}
	
/*	:focus {}*/
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	table {border-collapse: collapse;}
.clearfix:after {
  
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/*.clearfix {display: inline-block;}  /* for IE/Mac */



/*BASIC*/
html {}

body {
	margin: 0;
	padding:0;
	font-family: Tahoma, "Trebuchet MS", Verdana;
	font-size: 12px;
	line-height: 1.5em;
	color:#000;
	background:url(./images/bg.jpg) repeat-x #4780ae;
}	


a:link, a:visited {	color: #494949; text-decoration: underline; }
a:active, a:hover { color: #000000; text-decoration: none; }
/*added 3/16*/

/**/
/*orginal  p {	font-size: 12px; color:#565656; font-weight:700;}*/
breadcrumbs { }
breadcrumbs a {padding:10px;} 
p {color:#717073;  font-size:14px;font-family:"Trebuchet MS";line-height:22px;}
span.date {	font-size: 11px;	color: #999999;	text-align: justify;	margin: 0 0 3px 0;	}

/*added 3/16***/
H1 {font-size:20px; color:#003c70;margin:0px;padding-bottom:8px;line-height:20px;text-transform:none;font-family:"Trebuchet MS"; border-bottom:#fa6932 1px dotted; }
H1 a:link {font-size:20px; color:#003c70;  }
H1 a:visited {font-size:20px; color:#003c70;}
H1 a:hover {font-size:20px; color:#000; }
/*use this for header (page title)*/
.side {
	clear:none;
	text-align: left;
}

.cleaner_h10 { clear: both; width:100%; height: 10px; }
H2 {font-size: 16px; font-weight:bold; color: #085db5; margin:0px; font-family:sans-serif;}
H2 a:link {font-size: 16px; font-weight:bold; color: #085db5; text-decoration:none;}
H2 a:visited {font-size: 16px; font-weight:bold; color: #085db5; text-decoration:none;}
H2 a:hover {font-size: 16px; font-weight:bold; color: #858585; text-decoration: underline;}
/*use this for sub-header (you can say sub title), for ex. I used it in Glossary page*/

H3 {font-size:14px; font-weight:bold; color:#575757; margin:0px;padding:0px; font-family:sans-serif;}
H3 a:link {font-size:14px; font-weight:bold; color:#575757; text-decoration:none; }
H3 a:visited {font-size:14px; font-weight:bold; color:#575757; text-decoration:none;}
H3 a:hover {font-size:14px; font-weight:bold; color:#858585; text-decoration:underline;}
/*use this for small-title */
h4 {font-size:12px; color: #FFF; font-weight: bold; margin: 0 0 10px 0; }

h4 a:link {font-size:12px; font-weight:bold; color:#085db5; text-transform:uppercase;}
h4 a:visited {font-size:12px; font-weight:bold; color:#085db5; text-transform:uppercase;}
h4 a:hover {font-size:12px; font-weight:bold; color:#858585; text-transform:uppercase;}
/*use this for bold text with special identification for ex. I used it in glossary word*/

H5 {font-size:11px; font-weight:bold; margin:0px; color:#085db5; font-family:sans-serif;}
h5 a:link {font-size:11px; font-weight:bold; text-decoration:none; color:#085db5;}
h5 a:visited {font-size:11px; font-weight:bold; text-decoration:none; color:#085db5}
h5 a:hover {font-size:11px; font-weight:bold; text-decoration:none; color:#001711;}

/*use this for bold small title (no special identification)*/

H6 {font-size:12px; font-weight:bold; color:#ffffff; text-transform:uppercase; margin:0px; font-family:sans-serif;}


.col_w265 {
	width: 250px;
}

.float_l { float: left; }
.float_r { float: right; }

.two_col_image {
	position: relative;
	width: 241px;
	height: 105px;
	padding: 7px;
	margin-bottom: 10px;
	background: url(./images/ot.png) no-repeat;
}

.two_col_image span {
	position: absolute;
	top: 0;
	left: 0;
	width: 253px;
	height: 119px;
	background: url(./images/ot.png) no-repeat;
}



/*end added**/




.title {font-size: 18px;	color: #084577;		font-weight: bold;	margin: 0 0 3px 0;
	text-align: center}

.btitle {font-size: 13px;	color: #084577;		font-weight: bold; padding-top:10px; padding-bottom:10px; padding-left:10px; margin: 0 0 3px 0;
	text-align: center;
}
#container {overflow:hidden;   width:960px; margin:0 auto; 
/*background:url(img/overlay.jpg);*/ background-repeat: no-repeat;

}
#header{}
/*#profile_info{background:url(img/loginbox.jpg) no-repeat top center;width:231px;height:59px;padding:4px;float:right;margin-top:35px;font-size:12px;color:#fff;line-height:10px;}*/
#profile_info{	width:494px;	height:75px; padding-right:20px;		float:right;	margin-top:25px;	font-size:12px;	color:#fff;
	line-height:10px;
	background-image: url(img/address.JPG);
	background-repeat:no-repeat;
}

#profile_info p{background:none;}
#avatar{float:left;margin:0px 10px;}
#content_main{background:#f1f1f1; /*height:375px;*/ width:960px;padding:10px;
background-image:url(./images/contentarea_bg.jpg);}
/*background-image:url(images/boat_fade.png);}*/

#top_menu{background:url(./images/menutop.jpg) no-repeat top center;width:960px;margin-top:30px;height:35px;}


/* ------------------------------------------------------------------------------------
LOGO				 */
#logo h1{padding:0px;margin:0px;}
#logo h1 a{display:block;text-indent:-9999px;width:367px;height:107px;background:url(./images/logo2.png;) no-repeat;}
#header_slogan {	font-size: 14px;	color: #fff;	margin: 68px 0 0 106px;	float: left;}
#search {	float: right;	width: 280px;	height: 70px;	margin: 40px 30px 0 0;}
.labels {	color: #fff;	font-size: 12px;}


/*button {text-transform:uppercase;font-size:10px;padding:3px;color:#fff;background:#4780ae;border-left:1px solid #084577;border-top:1px solid #084577;border-right:1px solid #7ab7e8;border-bottom:1px solid #7ab7e8;-moz-border-radius:3px;margin:3px;margin-top:5px;}*/


#top_menu ul {margin:0px;padding:0px;list-style:none;}
#top_menu ul li{float:left;display:block;}
#top_menu ul li a{text-decoration:none;color:#fff;display:block;padding:12px 15px 10px 15px;}
#top_menu ul li a:hover{background:url(./images/menutop_hover.jpg) bottom center no-repeat}
.section_1 { width: 960px; background: url(./images/section_1.jpg); }
.section_1_contentarea { width: 960px;	
background:url(./images/contentarea_bg.jpg) no-repeat top; margin-top:0px; 	padding: 1px;}
.section_1_contentarea .text {	float: left;	width: 375px;	margin: 35px 0 0 35px;}
.section_1_contentarea .img {	float: right;	margin: 5px 8px 0 0;}
.section_1_contentarea .img_left {	float: left;	margin: 5px 8px 0 0;}
.text img {	float: left;	margin: 0 10px 5px 0;}
.section_1_bottom {	width: 960px; height:250px;	background: url(./images/section_1_bottom.jpg); background-repeat:no-repeat;}
#content_area {	width: 960px;	margin-top: 0px;	background: url(./images/section_1.jpg);}
#left {	float: left;	width: 302px;	padding: 0 15px; margin-top:10px;	margin: 0 2px 0 0;}
#left span.big {  font-size: 23px;	color: #084577;	font-weight: bold;}
#left img {	border: none;}
#left-top{float: left;	width: 150px;	padding: 0 15px; margin-top:10px;	margin: 0 2px 0 0;}
#mid{overflow:auto; height:320px; padding:0 20px 0 10px; float: left; width: 326px;	margin: 0 3px;	}
#mid-top{float: right; width: 426px;	margin: 0 3px;	padding: 0 15px;}
.category_list {	margin: 0 20px;	padding: 0px;	list-style: none;	display: block;}
.category_list li { 	display: block;	height: 15px;	clear: right;	padding: 0 0 0 20px;	margin: 0 0 10px 0;
	background: url(./images/list_bullet.png) top left no-repeat;	background-position: 0 5px;}

.category_list li a { 	color: #5c5c5c;	font-weight: bold;	text-decoration: underline;	font-size: 12px;}
.category_list li a:hover {	color: #000000;	text-decoration: none;}

#right {	float: right;	width: 230px;	margin: 0 0 0 0;	padding: 0 15px;}

.v_line {
	height: 185px;
	float: left;
	width: 4px;
	background:url(./images/v_line.jpg);
	background-repeat:repeat-y;
	
}


.h_line {
	width: 100%;
	clear: both;
	border-top: #c1c1c1 1px solid;
	border-bottom: #f6f6f6 1px solid;
	margin: 0 0 10px 0;
}


#footer {	clear: both;	width: 960px;	height: 32px;
	background: url(./images/footer_bg.jpg);
	margin: 20px 0;
	padding: 2px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	color: #fff;	text-align: center;}

#footer a {	color: #fff;	text-decoration: underline;}
#footer a:hover {	color: #fff;	text-decoration: none;}
.cleaner {	clear: both;	height: 0;	margin: 0;	padding: 0;}

.leftcol { 
		float: left; 
		padding: 12px 15px;
		width: 285px; 
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 0 10px 0;
		
	}

.rightcol { 
		float: right; 
		padding: 10px 15px;
		width: 285px; 
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
		}


.special {
		clear: both;
		margin:0px 0 20px 0;	
		padding: 5px 20px;
		border: 1px solid #ccc;
		background: #eee;
		color: #444;
		width:500px;
	}

	

#middle_column {
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 20px 5px;	
	width: 500px;
	min-height: 300px;
	
}

.right_column {
	float: right;
	margin: 20px 3px 3px 10px;
	padding-right:10px;	
	
}



/* middle column */

#section1 {
	float: left;
	width: 205px;
	
	
	background: #dceff6;	
}
#section1 p{
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#section2 {
	float: right;
	width: 205px;
	padding: 0px;
	background: #bcbcbc;
}

#section2 .section2_top{
	height: 24px;
	padding: 10px 0px 0px 10px;
	background: url(./images/section2_title.gif) no-repeat;
}
#section2 .section2_bottom{
	float: left;
	padding: 10px;
}

#section2 ul {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	list-style: none;
}

#section2 ul li{
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#section2 ul li a{
	padding: 0px 0px 0px 15px;
	margin: 0px;
	color: #000000;
	text-decoration: none;
	background: url(./images/list_icon01.gif) center left no-repeat;
}

#section2 ul li a:hover{
	color: #ffffff;
	background: url(./images/list_icon02.gif) center left no-repeat;
}


/* end of middle */

/* right column */
.right_logo {
	width:208px;
	margin-left:5px;
	padding-bottom:10px;	
	background-color:#FFF;
	
}
	
	
.right_box01 {
	width: 185px;
	height: 40px;
	padding: 10px 5px;
	color:#FFFFFF;
	font-size: 15px;
	background: url(./images/001.png) no-repeat;	
	margin: 0px 0px 0px 5px;	
}

.rightbig_button a{
	clear: both;
	display: block;
	width: 165px;
	height: 48px;
	margin: 0px 0px 10px 5px;
	padding: 10px 20px 0px 10px;
	background: url(./images/001.png) no-repeat;
	color:#FFFFFF;
	font-size: 18px;
	text-decoration: none;
}

.right_box02 {
	clear: both;
	width: 190px;
	padding-top: 10px;
	
	margin: 0px 0px 10px 5px;
	/*background-color:#dbe7f0;*/
	/*background-color:#ffffff;*/
	border-left-width:thick;
	border-color:#06C;
}
.right_box02 .rightbox02_top{
	width: 190px;
	height: 25px;
	padding: 10px 0px 0px 0px;
	background: #008fc1 url(./images/rightsection_top.PNG) no-repeat;
	border-bottom-color:#4a7dad;
	border:thin;
}
#right_box02 .rightbox02_bottom{
	width: 170px;
	padding: 15px 10px 10px 10px;
	background: #cfdeeb;
	
}
#right_box02 .customer_section{
	clear: both;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
#right_box02 p{
	padding: 0px;
	margin: 0px;
}
/* end of right column */



/*list bullets*/
ul.listok {
	padding: 0 0 0 10px;
	margin-top:15px;	
		
}
ul.listok li {	padding: 0 0 0 20px; font-weight:700;	
/*	background: url(./images/list_bullet.png) no-repeat;*/	
}

ul.listok li a {text-decoration:none; color:#369; font-weight:600;}

#intro { clear:both;background: #fff; color: #808080;border-top:2px solid #d4d9df; padding:0; margin:0; 
width:960px; height:138px;  background:url(./images/intro.jpg) no-repeat;}
.introbox {display:inline;float: left;width: 27%;margin: 30px 5px 0 35px;background:none;
color: #303030;padding:3px;}
.introbox h1 {margin: 1px 1px 1px 1px;padding: 1px;color: #3a3a3a;font-size: 1.6em;}
.introbox p {font-size:12px;}
.digit {width:25px;height:25px;background: url(./images/list_bullet.png) no-repeat center;margin:0 4px 0 0 ;
padding:5px 8px 5px 8px;color:#39515a;}





.clear { clear:both; display:block; overflow:hidden; width:0; height:0 }

.m_top { margin-top: 42px; }

#feature_box { background: #fff url(./images/feat_back.png) no-repeat top center; padding: 0; border-style: none; position: relative; z-index: 1; }

#feature_box h3 { line-height: 34px; }
#feature_box h3 .cufon-canvas { padding-top: 7px; }
#feat_shadow { background: url(./images/feature_shadow.png) no-repeat left top; height: 14px; margin-bottom: -14px; border-style: none; display: block; padding: 0; position: relative; top: -1px; z-index: 0; clear: both; }


.full_box { width: 940px; }
.m_bottom { margin-bottom: 42px; }



#leftcolumn {
	float: left;
	width: 900px;	
	margin: 0 25px 0 0;
	padding-left: 35px;
	padding-top:10px;
	
}
#rightcolumn {
	float: right;
	width: 280px;
	padding: 0px;
	margin: 0px;
}


/* left side two column */
.leftcolumn_twocolumn{
	float: left;
	width: 253px;
	height:185px;
	padding-top:10px;
	padding-left:20px;
	margin: 5px 15px 35px 0;		
	background: #e4e4e4; 
	
	border: 1px solid #dbdbdb;	
	
}

.leftcolumn_twocolumn img{
	Padding-right:10px;	
	vertical-align:middle;
	margin-bottom: 5px;	
}

.leftcolumn_twocolumn ul{
	clear: both;
	margin: 10px 0 0px 0;
	padding: 0 0 0 20px;
}

.leftcolumn_twocolumn li{
	padding-bottom: 5px;
	color:#717073;  font-size:12px;font-family:"Trebuchet MS";
}

.leftcolumn_twocolumn li a{
	font-weight: normal;
}

.leftcolumn_twocolumn a:hover{
	text-decoration: underline;
}

.service_box {
	margin-bottom: 25px;
}

.service_box img{
	float: left;
	margin-top: 3px;
	margin-right: 5px;
}

.service_box p{
	text-align: left;
}

/* end of left side two column */

.one_third { width: 292px; }
.padd { padding: 20px 0; }
.number { background: url(./images/circle.png) no-repeat; width: 34px; height: 34px; display: block; line-height: 34px; text-align: center; float: left; color: #fff; margin-right: 21px; margin-bottom: 10px; vertical-align: middle; position: relative; }
	
.last { margin-right: 0; }
#top_images { margin:0 0 0 7px;   }
#top_images img {float:left; }



#latest_projects {
	width: 914px;
	height: 135px;
	margin-left:8px;
	padding-top:10px;
	padding-left:30px;
	background: url(./images/latest_projects.png) no-repeat;
}

#latest_project_text {
	float: left;
	width: 100px;
	padding: 0 20px 0 0;
	margin-right: 15px;
	background: url(./images/gallery_divider.png) right center no-repeat;
}

#latest_project_text p {
	font-size: 11px; 
	width:100px; 

	
}

.project_image_box {
	float: left;
	width: 150px;
	padding-left:30px;
}
.project_image_box h5{padding-left:15px;}

#latest_projects .project_image {
	position: relative;
	width: 134px;
	height: 97px;
	padding: 8px;
	margin-bottom: 5px;
}

#latest_projects h5 {
	font-size: 12px;
}

.project_image span {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 113px;
	background: url(./images/project_image.png) no-repeat;
}

.readmore a {
	clear: both;
	display: block;
	float: right;
	padding: 0px 0 2px 12px;
	background: url(./images/read_more.png) center left no-repeat;

	color: #2670c3;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

/**************************/




.todaysTop .image{
	float:left;
	display:inline;
	margin-right:10px;	
	padding-left:25px;
}

/*.image{background-image:url(./images/custom_design_sm.JPG); background-repeat: no-repeat; padding:5px; }*/

.Box4 {
	margin:0 0 10px 0;
	width:740px;
	height:346px;
	background-image:url(./images/contact_card_gry.PNG); background-repeat:no-repeat;
}
.Box4 .box4Header {
	border:1px solid #dde2e6;
	padding:3px;
}
.Box4 .box4Header .inner {
	background:#dde2e6;
	padding:3px;
}
.Box4 .box4Content {
	/*border:1px solid #dde2e6;
	border-width:0 1px 1px 1px;*/
	padding:5px;
}

.box4 .box4content p {padding-left:10px;}


h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); color:rgb(255,255,255); font-weight:bold; }

.column1-unit {width:640px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}