@charset "utf-8";

/* CSS Document */

@import url(reset.css);

/* MIX */
body {font-size:12px;font-family:Arial, Tahoma, Verdana, sans-serif;}
.wrap {width:960px;margin:0 auto;}
h2,h3,h5 {font-family:'MuseoSans500Regular', Arial, Tahoma, Verdana, sans-serif;}
h2 {font-size:20px;}
h3 {font-size:14px;color:#373737;}
h5 {font-size:14px;color:#9e9e9e;margin-bottom:20px;}
p {font-family:'DroidSerifRegular', Arial, Tahoma, Verdana, sans-serif;font-size:11px;line-height:18px;color:#909090;}

/* prettyPhoto fix */
.pp_gallery ul {height:auto;}
div.pp_default .pp_gallery ul li a {height:auto;background:none;border:none;}
div.pp_default .pp_gallery ul li a img {border:1px solid #AAAAAA;}
div.pp_default .pp_gallery ul li a:hover {border:none;}
div.pp_default .pp_gallery ul li a:hover img {border:1px solid #fff;}

/* logo */
#header .logoAndMenu {margin-bottom:0px;}
#header h1.logo a img {display:block;float:left;margin-top:20px;}

/* main navigation menu */
#header .mainNav {float:right;}
#header .mainNav div {float:left;height:36px;}
#header .mainNav .mainNavLeft {background:url(../images/main_nav_alternative_bg_left.png) no-repeat;width:16px;}
#header .mainNav .mainNavCenter {background:url(../images/main_nav_alternative_bg_center.png) repeat-x;}
#header .mainNav .mainNavCenter ul {margin:0 15px;}
#header .mainNav .mainNavCenter ul li {float:left;margin-right:10px;padding:0 10px 0 0;border-right:1px dashed #0075ac;}
#header .mainNav .mainNavCenter ul li a {display:block;color:#fff;font-family:'MuseoSans500Regular', Arial, Tahoma, Verdana, sans-serif;padding:12px 0 10px 0;}
#header .mainNav .mainNavCenter ul li a:hover, #header .mainNav .mainNavCenter ul li.navActive a {background:url(../images/main_nav_alternative_link_hover.png) left 29px no-repeat;}
#header .mainNav .mainNavCenter ul li a span {padding:12px 9px 10px 0;margin-left:9px;}
#header .mainNav .mainNavCenter ul li a:hover span, #header .mainNav .mainNavCenter ul li.navActive a span {background:url(../images/main_nav_alternative_link_hover.png) right 22px no-repeat;}
#header .mainNav .mainNavRight {background:url(../images/main_nav_alternative_bg_right.png) no-repeat;width:17px;}

/* image slider */
/*#content .imgSliderContainer {border:1px solid #f1f1f1;padding:10px 10px 10px 9px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}*/

#content .imgSliderContainer .imgSlider {position:relative;width:960px;height:374px;}
/*#content .imgSliderContainer .imgSlider .imgSliderC {width:960px;height:374px;}*/
/*#content .imgSliderContainer .imgSlider .imgSliderC div {width:960px;height:374px;}*/
/*#content .imgSliderContainer .imgSlider .imgSliderC img {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}*/

/* image slider textbox */
#content .imgSliderContainer .imgSlider .imgSliderC div section {display:block;width:560px;height:99px;position:absolute;top:65px;left:75px;z-index:10;padding:25px 15px;border-top-left-radius:3px;border-bottom-left-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;}

/* image slider pagination container for background */
#content .imgSliderContainer .imgSlider .imgSliderPaginationContainer {position:absolute;bottom:0;left:50%;z-index:5;}
/*#content .imgSliderContainer .imgSlider .imgSliderPaginationContainer div {float:left;height:28px;}*/

/* image slider pagination */
#content .imgSliderContainer .imgSlider ul.imgSliderPagination {padding-top:6px;}
#content .imgSliderContainer .imgSlider ul.imgSliderPagination li {float:left;margin-right:10px;width:19px;}
#content .imgSliderContainer .imgSlider ul.imgSliderPagination li a {display:block;width:19px;height:18px;background:url(../images/slider_dots_green.png) left top no-repeat;text-indent:-9999px;outline:none;}
#content .imgSliderContainer .imgSlider ul.imgSliderPagination li a:hover, #content .imgSliderContainer .imgSlider ul.imgSliderPagination li.imgSliderCurrent a {background-position:left bottom;}

/* title for areas */
#content .areaTitle {text-align:center;margin-bottom:20px;margin-top:20px;}
#content .areaTitle h5 {background:#fff;margin:0 auto;padding:0 20px;display:inline-block;}

/* recent works */
.recentWorks {margin:0 0 30px 0;}
.recentWorks .work {float:left;margin-right:50px;border:1px solid #e6e6e6;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;width:284px;}
.recentWorks .work img, .portAlt .work img {display:block;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}

.recentWorks .work .underWorkImg, .portAlt .work .underWorkImg {background:#f3f3f3;border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3;}
.recentWorks .work .underWorkImg h3, .portAlt .work .underWorkImg h3 {width:230px;border-right:1px dashed #d3d3d3;padding:15px 0;text-indent:15px;float:left;display:block;}
.recentWorks .work .underWorkImg a, .portAlt .work .underWorkImg a {float:right;background:url(../images/comment_icon_blue.png) left 1px no-repeat;margin:21px 15px 0 0;display:block;width:23px;height:15px;}
.recentWorks .work .underWorkImg a span, .portAlt .work .underWorkImg a span {color:#909090;display:block;font-family:'DroidSerifItalic', Arial, Tahoma, Verdana, sans-serif;padding-bottom:15px;margin:-13px 0 0 4px;font-size:11px;}
.recentWorks .work .underWorkImg a:hover, .portAlt .work .underWorkImg a:hover {background-position:left -14px;}

.recentWorks .work .workInfo {margin:15px 0 0 15px;font-family:'DroidSerifRegular', Arial, Tahoma, Verdana, sans-serif;font-size:11px;}
.recentWorks .work .workInfo li {color:#909090;margin-bottom:5px;}
.recentWorks .work .workInfo li a {color:#4d4d4d !important;}
.recentWorks .work .workInfo li a:hover {color:#188EC4 !important;text-decoration:none;}

.recentWorks .work .moreLink {float:right;margin-top:-20px;}
.recentWorks .work .moreLink span {display:block;font-family:'DroidSerifItalic', Arial, Tahoma, Verdana, sans-serif;padding:5px 25px 5px 10px;background:#f3f3f3;float:left;margin:12px -22px 0 0;font-size:11px;color:#909090;}
.recentWorks .work .moreLink a {display:block;background:url(../images/more_button_blue.png) left top no-repeat;width:35px;height:36px;text-indent:-9999px;float:left;margin:0 -1px -1px 0;}
.recentWorks .work .moreLink a:hover {background-position:left bottom;}