/********/
/* html */
/********/
body {
	background:#afafaf url(../img/bg/body_bg.gif) repeat-x top;
	margin:0;
	padding:0;
	text-align:center
}

div {
	text-align:left
}

img {
	border:0;
	display:block
}

h1 {
	margin:0 0 19px 0;
	font-size:36px;
	color:#498ec7;
	line-height:38px;
	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
}

h2 {
	font-size:24px;	
}

h3 {
	font-size:20px;	
	font-weight:normal;
	margin:9px 0 9px 0;
	line-height:20px;
}

h4 {
	font-size:15px;
	margin:0 0 23px 0;	
}

h5 {
	font-size:11px;		
	color:#498ec7;
	margin:0;
	line-height:17px;
}

h6 {
	font-size:11px;		
	color:#009cda;
	margin:0 0 18px 0;
	line-height:17px;
}

#content h6{
	margin:0;
}

p {
	margin:0 0 18px 0;
	padding:0
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline
}

a.active,
a:focus {
	outline: 0
}

hr {
	background:#FFF;
	border:0;
	border-top:1px solid #DDD;
	height:1px;
	line-height:1px;
	margin:0 0 10px 0
}

form {
	margin:0;
	padding:0
}

input,
textarea,
select {
	border:1px solid #DBDFE6;
	color:#7F7F7F;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	height:16px;
	padding:2px 5px 0 5px
}

td {
	color:#1a171b;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:18px;
	text-align:left;
}

ul {
	margin:0 0 20px 15px;
	padding:0
}

/**********/
/* layout */
/**********/
/* page */
#page {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	margin:0 auto;
	width:997px;
	background:url(../img/bg/page_bg.png) repeat-y;	
	line-height:17px;
}

#page_wide {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	margin:0 auto;
	width:997px;
	background:url(../img/bg/page_bg_wide.png) repeat-y;	
	line-height:17px;
}

#page .inner{
	margin:0 9px;
	background:url(../img/bg/page_inner_bg.gif) repeat-y;
}

#page_wide .inner{
	margin:0 9px;
	background:url(../img/bg/page_inner_bg_wide.gif) repeat-y;
}

#home #page .inner{
	background:none;		
}

/* header */
#header {
	height:240px;
	position:relative;
	background:#e9e9eb url(../img/bg/header_line.gif) no-repeat 25px 54px;
}

#banner{
	width:717px;
	height:184px;
	position:absolute;
	left:262px;
	top:55px;
	z-index:10;
}

#banner img{
	width:717px;
	height:184px;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	display:none;
}

#logo {
	position:absolute;
	left:24px;
	top:92px;
	width:214px;
	height:86px;
}

#logo img {
	width:214px;
	height:86px;
	position:absolute;
	left:0;
	top:0;
}

/* menu */
#menu {
	height:40px;
	width:727px;
	position:absolute;
	left:241px;
	top:0;
	z-index:20;
}

#menu ul {
	list-style:none;
	margin:0;
	padding:0
}

#menu li {
	float:left;
	border-right:1px solid #777679;
	position:relative;
}

#menu li a {
	text-transform:uppercase;
	color:#000;
	text-decoration:none;
	font-size:10px;
	float:left;
	padding:25px 20px 3px 20px;
	line-height:10px;
}

#menu li a:hover,
#menu li a.active {
	color:#009cda;
}

/* submenu */
#menu li ul {
	left:0;
	margin:0;
	padding:20px 0;
	position:absolute;
	display:none;
	top:38px;
	width:158px;
	background:url(../img/bg/submenu.png) no-repeat left bottom;
}

#menu li:hover ul,
#menu li.cs_hover ul {
	display:block
}

#menu li li {
	border:none;
	margin:0 0 2px 0;
	float:none;
	float:left;
	width:133px;
	line-height:17px;
	padding:0;
}

#menu li li a {	
	font-weight:normal;
	display:block;
	margin:0;
	padding:0;
	text-transform:none;
	width:133px;
	line-height:17px;
	background:url(../img/bg/arrow.png) no-repeat 12px 7px;
	padding:0 0 0 25px;
}

#menu li li a.active,	
#menu li li a:hover {	
}

/* content */
#main{
	position:relative;
	min-height:370px;
}

#content {
	float:left;
	width:447px;
	display:inline;
	padding:25px 20px 0 20px;
	color:#1a171b;
}

#content_wide {
	width:647px;
	float:left;
	display:inline;
	padding:25px 20px 0 20px;
	color:#1a171b;
}

#content a{
	color:#009cda;
}

#content a.normaal{
	color:#1a171b;
}

/* sidebar left */
#sidebar_left {
	background:#777679;
	float:left;
	display:inline;
	position:relative;
	padding:31px 20px 0 25px;
	width:217px;
	color:#fff;
}

#sidebar_left a{
	color:#fff;
	text-decoration:underline;
}

#sidebar_left h1, 
#sidebar_left h2, 
#sidebar_left h3, 
#sidebar_left h4,
#sidebar_left h5,
#sidebar_left h6,
#sidebar_left p{
	color:#fff;
}

/* sidebar right */
#sidebar_right {
	background:url(../img/bg/sidebar_right_line.gif) no-repeat 0 25px;
	width:206px;
	float:left;
	display:inline;
	padding:33px 12px 0 12px;
	position:relative;
}

#triggers ul{
	margin:0;
	padding:0;
	list-style:none;
}

/* footer */
#footer {
	height:109px;
	background:url(../img/bg/footer_bg.gif) no-repeat;
	position:relative;
	margin:0;
}

#social_bookmarks{
	width:120px;
	height:30px;
	position:absolute;
	top:22px;
	left:136px;
}

#social_bookmarks ul{
	list-style:none;
	margin:0;
	padding:0;
}

#social_bookmarks li{
	float:left;
	width:30px;
	height:30px;
	margin:0 5px;
	display:inline;
}

#footer_trigger ul{
	margin:0;
	padding:0;
	list-style:none;
}

#footer_trigger li{
	padding:0 0 0 14px;
	background:url(../img/bg/arrow_blue.gif) no-repeat left 6px;
}

#footer_trigger a{
	color:#000;
	text-decoration:none;
}

#footer_trigger a:hover{
	color:#fff;
}

#trigger_box1{
	position:absolute;
	height:82px;
	width:143px;
	left:272px;
	top:0;
	padding:18px 15px 0 20px;
}

#trigger_box2{
	position:absolute;
	height:82px;
	left:451px;
	top:0;
	width:129px;
	padding:18px 14px 0 14px;
}

#trigger_box3{
	position:absolute;
	height:82px;
	left:609px;
	top:0;
	width:117px;
	padding:18px 16px 0 16px;
}

#trigger_box4{
	position:absolute;
	height:82px;
	right:9px;
	top:0;
	width:217px;
	padding:18px 0 0 12px;
}

/*********/
/* pages */
/*********/
/* default */
#document_wrapper{
	border-top:1px solid #afafaf;
	margin:53px 0 27px 0;
	padding:7px 0 0 0;
	font-size:11px;
}

#document_wrapper ul{
	margin:0;
	padding:0;
	list-style:none;
}

#document_wrapper li{
	background:url(../img/bg/trigger_seperator.gif) no-repeat left 9px;
	padding:0 0 0 8px;
}

#document_wrapper a{
	text-decoration:none;
	color:#000;
}

#document_wrapper li a{
	font-size:10px;
}

#document_wrapper a:hover{
	color:#498ec7;
}

#document_wrapper1{
	display:none;
}

#video_wrapper{
	display:none;
}

#video_wrapper1{
	border-top:1px solid #afafaf;
	padding:9px 0 0 0;
	display:block;
}

#video_wrapper1 table{
	margin:2px 0 0 0;
}

#video_wrapper1 .read_more{
	width:50px;
	background:url(../img/bg/read_more_arrow.gif) 30px 17px no-repeat;
	line-height:12px;
	margin:0 0 0 7px;
}

#sidebar_right .textbox{
	border-top:1px solid #afafaf;
	margin:49px 0 27px 0;
	padding:7px 0 0 0;
	font-size:11px;
}

#sidebar_right .textbox2{
	margin:0;
	padding:0;
	font-size:11px;
}

#sidebar_right a{
	text-decoration:none;
	color:#000;
}

#sidebar_right a:hover{
	color:#009cda;
}

#design_by{
	font-size:9px;
	color:#000;
	width:200px;
	height:12px;
	position:absolute;
	bottom:-10px;
	left:9px;
	line-height:12px;
}

#design_by a{
	color:#000;
}

/* homepage */
#home #sidebar_left{
	background:#e9e9eb;	
	padding:0;
	width:262px;
}

#sidebar_box1,
#sidebar_box2,
#sidebar_box3{
	padding:0 15px 0 25px;
	font-size:10px;
	line-height:12px;
	height:115px;
	overflow:hidden;
	margin:0 0 10px 0;
	position:relative;
}

#sidebar_box1{
	background:#1c9bd3;
}

#sidebar_box2{
	background:#165ca3;
}

#sidebar_box3{
	background:#0b345e;
}

#sidebar_box1 h3 a,
#sidebar_box2 h3 a,
#sidebar_box3 h3 a{
	position:absolute;
	left:0;
	top:0;
	display:block;
	text-decoration:none;
	padding:9px 15px 9px 25px;
	width:222px;
	height:105px;
}

#news{
	margin:54px 0 0 0;
	float:left;
	display:inline;
	width:100%;
}

#news ul{
	margin:0;
	list-style:none;
	padding:0;
}

#news li{
	font-size:9px;
	height:65px;
	overflow:hidden;
	line-height:12px;
	margin:0 0 15px 0;
}

#news li p{
	margin:0;
}

#news li h5{
	line-height:normal;
}

#news p{
	display:inline;
}

#news .read_more{
	display:inline;
	margin:0 0 0 3px;
}

#news .read_more a{
	color:#498ec7;
	text-decoration:underline;
}

#news li .img{
	border:1px solid #84919e;
	width:56px;
	height:56px;
	float:left;
	position:relative;
	margin:0 17px 0 0;
}

#news li .img img{
	width:56px;
	height:56px;
	position:absolute;
	left:0;
	top:0;
}

#news .txt{
	height:58px;
	float:left;
	width:131px;
}

/* contact */
ul#employees{
	margin:0;
	padding:0;
	list-style:none;
}

ul#employees li{
	float:left;
	width:137px;
	height:238px;
	font-size:10px;
	line-height:14px;
	border-bottom:1px solid #09c;
	margin:0 6px 15px 6px;	
}

ul#employees li .img{
	margin:0 0 15px 0;
	position:relative;
}

ul#employees li .img img{
	width:108px;
}

ul#employees li a{
	color:#000;
	text-decoration:none;
}

/* google maps */
#google_maps_projects,
#cs_google_maps_root_node{
	width:448px;
	height:448px;	
}

/***********/
/* overall */
/***********/
.clear {
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px
}

.hide{
	display:none
}

.read_more{
	font-size:9px;
	color:#1a171b;
}

.read_more a{
	color:#1a171b;
	text-decoration:none;
}

.read_more a:hover{
	color:#498ec7;
}

.corner_lb{
	width:38px;
	height:37px;
	position:absolute;
	left:0;
	bottom:0;
	background:url(../img/bg/corner_lb.png) no-repeat;
	z-index:77;
}

.corner_rt{
	width:38px;
	height:37px;
	position:absolute;
	right:0;
	top:0;
	background:url(../img/bg/corner_rt.png) no-repeat;
	z-index:77;
}

#line_fix{
	background:#e9e9eb;
	width:25px;
	height:25px;
	position:absolute;
	right:220px;
	top:0;
}

/* forms */
.cs_form_wrapper{
	width:362px;
}

.cs_form_wrapper .cs_form_label label {
}

.cs_form_wrapper .cs_form_input input,
.cs_form_wrapper .cs_form_input textarea,
.cs_form_wrapper .cs_form_input select {
}

.cs_form_wrapper .cs_form_input textarea,
.cs_form_wrapper .cs_form_input select {
}

.cs_form_wrapper .cs_form_input textarea{
	height:80px;	
}

.cs_form_wrapper .cs_form_button {
	margin:10px 0 0 0;
}

.cs_form_wrapper .cs_form_button input {
	cursor:pointer;
	width:74px;
	padding:0 0 2px 0;
	color:#fff;
	background:#009cda;
}

.cs_form_wrapper .cs_form_button input:hover {
	background:#50c4f2;
}