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

/*framework*/
*{margin:0;padding:0}
body{font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:16px;}
.wrapper{margin-right:auto;margin-left:auto;width:950px;height:650px;background-repeat:no-repeat;}
#contents{width:950px;height:590px;}
#footer{width:950px;height:40px;}
h1, h2, h3 a{behavior:url(iepngfix.htc)}
/*img, h1, h2, h3, input{behavior:url(iepngfix.htc)}*/

/*commonly used*/
#header{padding-top:34px;padding-left:25px}
#logo a{display:block;width:77px;height:77px;text-indent:-9999px;overflow:hidden}
h1{padding-left:42px;text-indent:-9999px;overflow:hidden;background-position: 42px 0px;background-repeat:no-repeat;_margin-left:42px}
h2{color:#016198;font-size:13px;line-height:16px;font-weight:bold}

a:link, a:visited{color:#000000;text-decoration:none}
a:link:hover, a:visited:hover{color:#000000;text-decoration:underline}

p{padding-bottom:16px;}
h1{text-indent:-9999px;overflow:hidden}
ul#navigation{list-style:none;float:right;padding-right:25px;}
ul#navigation li{float:left;border-right:1px solid #0a6391}
ul#navigation li.last{border-right:0px}
ul#navigation li a, ul#navigation li a:visited{text-decoration:none;color:#0a6391;text-align:center;display:block;}
ul#navigation li a:hover, ul#navigation li a:visited:hover{text-decoration:underline;color:#0a6391;text-align:center;display:block;}

#next_page{clear:both;width:905px;}
#next_page a, #next_page a:visited{display:block;text-align:center;width:230px;color:#0a6391;text-decoration:none;font-weight:bold;float:right;}
#next_page a:hover, #next_page a:visited:hover{display:block;text-align:center;width:230px;color:#0a6391;text-decoration:underline;font-weight:bold;float:right;}

#nav0{width:48px}
#nav1{width:98px}
#nav2{width:126px}
#nav3{width:100px}
#nav4{width:82px}
#nav5{width:82px}

#copyright{clear:both;color:#0a6391;font-size:10px;line-height:12px;padding-left:35px;}

.blue{color:#016198}

/*home page*/
#wrapper_home{background-image:url(images/bg_home.jpg);}
#wrapper_home h1{background-image:url(images/header_home.png);background-repeat:no-repeat;width:316px;height:50px;padding:97px 0 0 74px;background-position: 74px 97px;_margin:97px 0 0 74px;}
#wrapper_home h2{background-image:url(images/header2_home.png);background-repeat:no-repeat;width:515px;height:47px;padding:147px 0 0 160px;background-position: 160px 147px;_margin:47px 0 0 160px}
#wrapper_home h2 a{display:block;width:515px;height:47px;text-indent:-9999px;overflow:hidden}

/*capabilities*/
#wrapper_capabilities{background-image:url(images/bg_howicanhelp.jpg);}
#wrapper_capabilities h1{background-image:url(images/title_howicanhelp.png);height:64px;}
#wrapper_capabilities #contents p{padding-left:177px;padding-right:140px;}
#wrapper_capabilities #contents ul li{list-style:square inside}
#wrapper_capabilities #contents ul#left{padding-left:177px;padding-bottom:40px;float:left;width:365px;}

/*experience*/
#wrapper_experience{background-image:url(images/bg_whatsetsmeapart.jpg);}
#wrapper_experience h1{background-image:url(images/title_whatsetsmeapart.png);height:88px;}
#wrapper_experience #contents #left{float:left;width:365px;padding-left:262px;padding-right:40px;padding-bottom:32px;}
#wrapper_experience #contents #right{padding-right:5px;padding-bottom:16px;height:290px;overflow:auto;width:245px}
#wrapper_experience #contents #right p{line-height:17px}
#wrapper_experience #left ul{padding-left:16px;}
#wrapper_experience #left ul li{list-style:square outside}

/*news*/
#wrapper_news{background-image:url(images/bg_newsinfo.jpg);}
#wrapper_news h1{background-image:url(images/title_newsinfo.png);height:78px;}
#wrapper_news h2{font-size:17px;line-height:24px;font-weight:bold}
#wrapper_news p{line-height:19px;}
#wrapper_news #contents #left{float:left;width:425px;padding-left:105px;padding-right:90px;}

/*contact*/
/*#wrapper_contact{background-image:url(images/bg_whatsnext.jpg);}*/
#wrapper_contact{background-image:url(images/bg_whatsnext_thanks.jpg);}
/*#wrapper_contact h1{background-image:url(images/title_whatsnext.png);height:140px;}*/
#wrapper_contact h1{background-image:url(images/title_whatsnext.png);height:180px;_height:170px}

/*#wrapper_contact h2{background-image:url(images/header_whatsnext.png);background-repeat:no-repeat;width:377px;height:80px;padding:0;background-position: 0px 0px;text-indent:-9999px;overflow:hidden}*/
#wrapper_contact h2{background-image:url(images/header_whatsnext.png);background-repeat:no-repeat;width:377px;height:95px;padding:0;background-position: 0px 0px;text-indent:-9999px;overflow:hidden}
/*#wrapper_contact h3{padding-top:30px;}*/
#wrapper_contact h3{padding-top:50px;_padding-top:58px;float:left}
#wrapper_contact h3 a{display:block;width:377px;height:49px;overflow:hidden;text-indent:-9999px;background-image:url(images/address_whatsnext.png);}
#wrapper_contact p{padding-left:4px;line-height:19px}
/*#wrapper_contact #contents #left{float:left;width:377px;padding-left:76px;;padding-right:45px;}*/
#wrapper_contact #contents #left{float:left;width:360px;padding-left:76px;;padding-right:45px;}

#wrapper_contact #contents #right{padding-top:45px;_padding-top:37px}
label{display:block;color:#016198;font-size:12px;line-height:15px;padding-left:2px;padding-bottom:2px;}
#wrapper_contact #contents #right #for_subject{padding-top:10px}
#wrapper_contact #contents #right #for_message{padding-top:9px}
#wrapper_contact #contents #right #message{height:183px;width:325px;background-color:transparent;border:0px}
input{border:0px;background-color:transparent}
#wrapper_contact #contents #name, #wrapper_contact #contents #subject{height:18px;width:325px}

/*work*/
#wrapper_work{background-image:url(images/bg_whativedone.jpg);}
#wrapper_work #left_menu{width:158px;padding-right:32px;padding-left:10px;color:#535353;float:left}
#wrapper_work #left_menu #header{padding-top:34px;padding-left:15px}
#wrapper_work h1{background-image:url(images/title_whativedone.png);height:72px;}
#wrapper_work #left_menu a:link, #wrapper_work #left_menu a:visited{color:#535353;text-decoration:none}
#wrapper_work #left_menu a:link:hover, #wrapper_work #left_menu a:visited:hover{color:#535353;text-decoration:underline}

#wrapper_work #right{width:720px;float:left;overflow:hidden}
#wrapper_work #right #tagline{color:#016198;text-align:right;padding-top:46px;height:32px;}
#wrapper_work #right #slide{/*width:720px;height:490px;overflow:hidden*/}
#wrapper_work #right #slide .slide_obj{/*width:720px;height:490px;*/background-repeat:no-repeat;float:left}
.slide_obj h2{color:#000000;padding-left:20px;padding-top:12px;}
.slide_obj .details_left{width:325px;padding-right:30px;padding-left:20px;float:left;font-size:11px;line-height:14px}
.slide_obj .details_long{width:650px;padding-right:30px;padding-left:20px;float:left;font-size:11px;line-height:14px}
.slide_obj .details_right{width:325px;padding-right:10px;float:left;font-size:11px;line-height:14px}
.details{padding-top:387px;line-height:15px}

/*Zoom*/
.zoom_btn a{width:40px;height:40px;text-indent:-9999px;overflow:hidden;background-image:url(pop/zoom.gif);position:absolute;z-index:100}
#slide1 .zoom_btn a{margin-left:18px;margin-top:230px;}
#slide2 #firstImg.zoom_btn a{margin-left:65px;margin-top:225px;}
#slide2 #secondImg.zoom_btn a{margin-left:165px;margin-top:280px;}
#slide3 .zoom_btn a{margin-left:124px;margin-top:355px;}
#slide4 .zoom_btn a{margin-left:145px;margin-top:152px;}
#slide7 .zoom_btn a{margin-left:120px;margin-top:15px;}
#slide8 .zoom_btn a{margin-left:158px;margin-top:12px;}
#slide14 .zoom_btn a{margin-left:300px;margin-top:20px;}
#slide17 .zoom_btn a{margin-left:515px;margin-top:15px;}

/*Start Generic Spry Class*/
.SlidingPanels {
	position: relative;
	width: 100%;
	height: 490px;
	padding: 0px;
	border: none;
}

.SlidingPanelsContentGroup {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
}

.SlidingPanelsContent {
	width: 100%;
	height: 400px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
}

.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

.SlidingPanelsCurrentPanel {
}

.SlidingPanelsFocused {
}
/*End Generic Spry Class*/


#portfolio.SlidingPanels {
	float: left;
	width:720px;
}
#portfolio .SlidingPanelsContentGroup {
	float: left;
	width: 20000px;
}
#portfolio .SlidingPanelsContent {
	float: left;
	width: 720px;
	height:490px;
}
