@charset "utf-8";
/* CSS Document */

/*--- general --- */
body{font-family:Georgia, "Times New Roman", Times, serif;}
.spacer{clear:both;}

h1{color:#333;font-size:28px;font-weight:normal;line-height:36px;}
h2{color:#2aceda;font-size:24px;font-weight:normal;line-height:34px;}
h3{color:#2aceda;font-size:22px;font-weight:normal;line-height:32px;margin:5px 0 20px 0;}
h3 a{text-decoration:none;color:#2aceda;}

p{margin:20px 0;}

select{font-family: Arial, Helvetica, sans-serif;color:#333;font-size:10px; margin:0px 0 10px 0;}
input{font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; background:#eee;color:#bbb;border:1px solid #eee;padding: 2px 5px;}

.p-checkbox {font-family: Arial, Helvetica, sans-serif;color:#333;font-size:10px; }
/*--- contents --- */
.page_title{
	font-size:32px;
	color:#333;
	margin:20px 0 20px 0;
	line-height:40px;
}
.pagecontent{
	width:870px;
	margin:0 auto;
	color:#333;
}
.pagecontent a{
	color:#333;
	text-decoration:none;
}
.pagecontent a:hover{
	text-decoration:underline;
}
.blue_number{
	background:url(images/number_circle_bg.jpg) no-repeat 0 0px;
	height:30px;
	width:30px;
	text-align:center;
	font-size:22px;
	line-height:27px;
	color:#fff;	
	float:left;	
	margin-right:15px;
}
.h_line{
	background:url(images/h_line.jpg) repeat-x;
	height:5px;
	margin:20px 0;
}

.v_space{height:10px;}

.small_sans{

	font-size:10px;
	color:#bbbbbb;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
.small_serif{
	color:#888888;
	font-size:12px;
}

.text-indent{
	margin-left:30px;
}

.text-indent ul{
	list-style:outside;
}
.text-indent ul li{
	margin: 20px 0 20px 20px;
}
/* --- Round Corner Box --- */
.right_col .roundcont{
	width: 330px;
}
.main_col .roundcont{
	width: 520px;
}

.roundcont {
	background-color: #eee;
	color: #333;
	font-size:18px;
	line-height:24px;
}

.roundcont p {
	margin: 0 25px;
}

.roundtop { 
	background: url(images/grey_tr.jpg) no-repeat top right; 
}

.roundbottom {
	background: url(images/grey_br.jpg) no-repeat top right; 
}

img.corner {
   width: 25px;
   height: 25px;
   border: none;
   display: block !important;
}

/* ---- Work Preview ---- */
.work-frame-preview {
	width:330px;
	background:#eee;
	margin-bottom:15px;
}
.work-frame-preview a{
	text-decoration:none;
}
.work-frame-preview a:hover{
	text-decoration:underline;
}

.work-frame-preview .project .roundtop-bg{
	background: url(images/work_pre_desc_top.jpg) repeat-x; 
}
.work-frame-preview .project .roundtop{
	background: url(images/work_pre_desc_tr.jpg) no-repeat top right; 
}

.work-frame-preview .project .roundbottom-bg{
	background: url(images/work_pre_desc_btm.jpg) repeat-x; 
}
.work-frame-preview .project .roundbottom{
	background: url(images/work_pre_desc_br.jpg) no-repeat top right; 
}
.work-frame-preview .project p.title{	
	cursor: pointer;
	height:23px;
	color:#2aceda;
	font-style:italic;
	margin:0;
}
.work-frame-preview .project p.title a{	
	text-decoration:none;
	color:#2aceda;
}
.work-frame-preview .project p.title a:hover{	
	text-decoration:underline;
}

.work-frame-preview .project .details{
	background: url(images/work_pre_frame_bg.jpg) repeat-y; 
	color:#fff;
	padding: 0 20px 3px;
	line-height:20px;
	display:block;
}
.work-frame-preview .project a span.details {
	cursor:pointer;
	color:#fff;
	text-decoration:none;
}
.work-frame-preview .project .details a:hover{
	text-decoration:underline;
}
.work-frame-preview  img.corner-top {
   width: 25px;
   height: 15px;
   border: none;
   display: block !important;
}
.work-frame-preview  img.corner-btm {
   width: 25px;
   height: 20px;
   border: none;
   display: block !important;
}

.work-frame-preview .thumbnail{
	height:135px;
}
.work-frame-preview .preview-border{
	display:block;
	cursor:pointer;
	background:url(images/work_pre_frame_top.png) no-repeat 0 0; width:330px; height:135px; position:absolute;
}

/* ---- Header ---- */
.header {
	height:125px;
	background:#333;
	color:#fff;	
}

.header .pagecontent .logo a{
	text-indent:-9999em;
	background:url(images/logo.jpg) no-repeat 0 40px;
	display:block;
	float:left;
	width:340px;
	height:125px;
}
.header .pagecontent .top_menu{
	padding-top:80px;
	/*margin-left:385px;*/
	float:right;
	font-size:22px;
}

/* ---- Header buttons ---- */

.top_menu li {
     display:inline;
     list-style:none;
}

.top_menu li a {    
	 background:url(images/top_menu_bullet.jpg) no-repeat scroll right top;
     display:block;
     float:left;
     height:35px;
     margin-right:15px;
     padding:0px 23px 5px 0px;
	 text-decoration:none;
	 color:#fff;
	 padding-top:5px;
}
/* no bullet for last item */
.top_menu li#last a{ 
	background:none;
	padding-right:0px;
}
.top_menu li a:hover {
	color:#2aceda;	
}


/* background image for current page's button*/
.top_menu li.current a:hover,
.top_menu li.current a{
	background:transparent url(images/menu_button_left.jpg) no-repeat left;
	padding-top:0px;
	padding-right:0px;
	padding-left:10px;
	color:#fff;
}
.top_menu li.current a:hover span,
.top_menu li.current a span {
     background:transparent url(images/menu_button_right.jpg) no-repeat right;
     cursor:pointer;
     display:inline;
	 height:35px;
     float:left;
	 padding-top:5px;
	 padding-right:40px;
}
.top_menu li.current-last a:hover,
.top_menu li.current-last a{
	background:transparent url(images/menu_button_left.jpg) no-repeat left;
	padding-top:0px;
	padding-right:0px;
	padding-left:10px;
	color:#fff;
}
.top_menu li.current-last a:hover span,
.top_menu li.current-last a span {
	 background:transparent url(images/menu_button_right_last.jpg) no-repeat right;
     cursor:pointer;
     display:inline;
	 height:35px;
     float:left;
	 padding-top:5px;
	 padding-right:10px;
}

.top_menu li .menu_bullet{
	background:#fff;
	/*background:url(images/top_menu_bullet.jpg) no-repeat ;*/
	width:20px;
}


/* --- Page Navigation --- */
.navigation-large ,
.navigation-large a:link,
.navigation-large a:visited{
	color:#2aceda;
	font-size:24px;
	text-decoration:none;
	margin:20px 0 60px 0;
}
.navigation-large a:hover{
	text-decoration:underline;
}
.navigation-normal ,
.navigation-normal a:link,
.navigation-normal a:visited{
	color:#2aceda;
	text-decoration:none;
	margin:20px 0 5px 0;
}
.navigation-normal a:hover{
	text-decoration:underline;
}

/* ---- Footer ---- */
.footer {height:160px;padding:20px 0 0 0;background:#333;color:#fff;line-height:18px;}
.footer a:link,.footer a:visited{color:#fff;text-decoration:none;}
.footer a:hover{text-decoration:underline;}
.footer .pagecontent{color:#fff;}
.footer .pagecontent .title{font-size:16px;	color:#2aceda;font-style:oblique;margin-bottom:3px;}

.footer .pagecontent .address{
	width:290px;
	height:160px;
	border-left:1px solid #666;
	padding:0 10px;
	float:left;
}
.footer .pagecontent .phones{
	width:160px;
	height:160px;
	border-left:1px solid #666;
	padding:0 10px;
	float:left;
}
.footer .pagecontent .emails{
	width:350px;
	height:160px;
	border-left:1px solid #666;
	padding:0 10px;
	float:left;
	background:url(images/footer_logo.jpg)  290px 80px no-repeat;
}

.footer .pagecontent .copyright{
	text-transform:uppercase;
	color:#838383;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:40px;
}

/* --- Left Right Column --- */
/*.right_col{	float:right;width:330px;}

.main_col{ float:left;	width:520px;}*/

.detail_left { float: left; width: 510px; margin-right: 30px; font-size:18px; line-height:24px;}

.detail_right { float: right; width: 330px; }
.detail_right .project_side_img{margin:20px 0;}

.goright { float:right; }

.goleft { float: left; }


/* project page */
.column1 { float:left; width:170px;  font-size:18px; line-height:24px;}

.column2 { float:right; width: 680px; margin-top:30px;}

.project_sort ul li { display: block; }

.project_sort .sort{
	font-size:20px;
	font-weight:normal;
	line-height:32px;
	margin:20px 0 0 0;
	color:#2aceda;
	text-decoration:none;	
}

.project_sort .sort a{
	color:#2aceda;
	text-decoration:none;	
}


.project_sort .sort-arrow a{color:#888888; text-decoration:none;font-size:12px;}

.projectbox { float: left; width: 310px; margin: 7px; }


#page { text-align:right; }

#page ul li { display:inline; margin: 10px; }



ul.intheline li { display:inline; margin: 10px 20px 10px 0; }

#details_pics { margin-top:20px; }

.project_border{ background:url(images/work_frame.png) no-repeat 0 0; width:870px; height:470px; position:absolute;}

#pics_nav{width:870px; height:35px; background:url(images/work_frame_nav.jpg) no-repeat 0 0 ;padding-top:5px;}

#pics_nav ul.intheline li,#pics_nav ul.intheline{margin:auto;}
#pics_nav ul.intheline li a{ background:url(images/work_buttons_blue.gif) no-repeat 0 0;  padding:0px 15px 15px 10px; margin:0 2px;  display:block; float:left;text-decoration:none;color:#fff;}

#page ul.project_pagination li {margin:0 0 0 5px;}

/*about*/
.profile_pic{width:150px;height:150px; margin-right:25px; float:left;}
.profile_text strong, .advisors strong{font-size:18px; line-height:22px;}
.the_team .v_space{height:40px;}
.post_content{font-size:18px;line-height:24px;}
.jobtitles {font-size:15px; line-height:18px;}


/*index*/
div#feature_top { height: 410px; margin: 25px 0; background:url(images/index_work_frame_bg.gif) no-repeat 0 0;}


.feature_nav, .feature_nav a{color:#fff; text-decoration:none;}
.feature_nav a:hover{text-decoration:underline;}
.feature_border{ background:url(images/index_work_frame.png) no-repeat 0 0; width:870px; height:360px; position:absolute;}
.feature_name{background:url(images/feature_name_l.jpg) no-repeat 0 0 #333;margin-left:10px; padding-left:15px; padding-right:10px;padding-top:6px;height:24px;float:left;}
.feature_name .project_name{font-style:italic; color:#2aceda;}
.feature_scope{background:url(images/feature_scope_l.jpg) no-repeat 0 0 #888;padding-left:35px; padding-right:10px;padding-top:6px;height:24px;float:left;}
.feature_view{background:url(images/feature_view_l.jpg) no-repeat 0 0 #bbb;padding-left:35px; padding-right:10px;padding-top:6px;height:24px;float:left;}
.feature_close{background:url(images/feature_view_r.jpg) no-repeat 0 0 #eee; width:15px;padding-right:10px; padding-top:6px;height:24px; float:left;}


/* ----  index find us---- */
.index-find-us {
	width:330px;
	/*background:#eee;*/
	margin-bottom:15px;
}
.index-find-us a{
	text-decoration:none;
}

.index-find-us .bullet .roundtop-bg{
	background: url(images/work_pre_desc_top.jpg) repeat-x; 
}
.index-find-us .bullet .roundtop{
	background: url(images/work_pre_desc_tr.jpg) no-repeat top right; 
}

.index-find-us .bullet .roundbottom-bg{
	background: url(images/work_pre_desc_btm.jpg) repeat-x; 
}
.index-find-us .bullet .roundbottom{
	background: url(images/work_pre_desc_br.jpg) no-repeat top right; 
}


.index-find-us .bullet .details{
	background: url(images/work_pre_frame_bg.jpg) repeat-y #343434; 
	color:#fff;
	padding: 0 20px 3px;
	line-height:20px;
	display:block;
}
.index-find-us .bullet .details a{
	color:#fff;
	text-decoration:none;
}
.index-find-us .bullet .details a:hover{
	text-decoration:underline;
}
.index-find-us .bullet .details ul li{
	height:40px;
}
.index-find-us .bullet .details ul li img{
 	float:left;
}
.index-find-us .bullet .details ul li div{
	padding-left:50px;
	padding-top:8px;
}
.index-find-us  img.corner-top {
   width: 25px;
   height: 15px;
   border: none;
   display: block !important;
}
.index-find-us  img.corner-btm {
   width: 25px;
   height: 20px;
   border: none;
   display: block !important;
}

/* Find Us */
.find-us .address{width:400px;height:180px;float:left;}
.find-us .phones{width:215px;height:180px;float:left;}
.find-us .emails{width:250px;height:180px;float:left;}
.find-us {font-size:18px;line-height:24px;}
.find-us .title{color:#2aceda;font-style:oblique; margin-bottom:3px;}
.in-touch-l{width:280px; float:left;}
.in-touch-l .v_space{height:50px;}
.in-touch-r ul li{float:left; width:290px;margin:10px 0;}
.in-touch-r ul li img{
 	float:left;
}
.in-touch-r ul li div{
	padding-left:50px;
	padding-top:8px;
}
.news_feeds{height:120px;}
.newsletter{height:80px;}
.newsletter #newsletter input{margin:10px 0;}
.email_field{margin-top:3px;}
.email_field input{width:300px;}
.join_btn{margin-left:610px;}
.join_btn input {font-size:18px; color:#333;background:#fff;border:0;}


#mymap { top: 10px; left: 10px; width: 850px; height: 350px; z-index: 1; }
.mymap { z-index: 100; width: 870px; height: 370px; /*background: url(images/contact_map_frame.png) no-repeat;*/ position: relative; }
.mymap-1 { top: 0px; left: 0px; z-index: 100; width: 870px; height: 26px; background: url(images/contact_map_frame_01.png) no-repeat; position: absolute;  }
.mymap-2 { top: 26px; left: 0px; z-index: 100; width: 25px; height: 314px; background: url(images/contact_map_frame_02.png) no-repeat; position: absolute; }
.mymap-4 { top: 26px; left: 842px; z-index: 100; width: 28px; height: 314px; background: url(images/contact_map_frame_04.png) no-repeat; position: absolute; }
.mymap-5 { top: 340px; left: 0px; z-index: 100; width: 870px; height: 30px; background: url(images/contact_map_frame_05.png) no-repeat; position: absolute; }

#index_map { top: 10px; left: 10px; width: 315px; height: 300px; z-index: 1; }
.index_map { z-index: 100; width: 330px; height: 310px; position: relative; }
.index_map-1 { top: 0px; left: 0px; z-index: 100; width: 330px; height: 25px; background: url(images/index_map_frame_01.png) no-repeat; position: absolute;  }
.index_map-2 { top: 25px; left: 0px; z-index: 100; width: 23px; height: 258px; background: url(images/index_map_frame_02.png) no-repeat; position: absolute; }
.index_map-4 { top: 25px; left: 304px; z-index: 100; width: 26px; height: 258px; background: url(images/index_map_frame_04.png) no-repeat; position: absolute; }
.index_map-5 { top: 283px; left: 0px; z-index: 100; width: 330px; height: 27px; background: url(images/index_map_frame_05.png) no-repeat; position: absolute; }