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

* {margin:0px auto; padding:0px;}
body {font-family:Arial; color:#666;}
a {font-family:Arial; color:#FFF; text-decoration:none;}
img {border:none;}
h1 {font-family:"Arial"; font-size:18px; color:#FF7800; line-height:15px; font-weight:normal;}
h2 {font-family:"Arial"; font-size:14px; color:#FF7800; font-weight:normal;}
hr {width:100%;}
ul {list-style:none;}

/*style_header*/
#header_top_container {background:url(images/top_banner_bg.png) repeat-x; }
#header_top {width:1044px; height:96px; position:relative; background:url(images/top_header_bg.jpg) no-repeat;}
#header_home_container {background:url(images/home_banner_bg.png) repeat-x; }
#header_home {width:1024px; height:381px; position:relative; background:url(images/home_header_bg.jpg) no-repeat;}
#header_other_container {background:url(images/other_banner_bg.png) repeat-x; }
#header_other {width:1024px; height:20px; position:relative; background:url(images/other_header_bg.jpg) no-repeat;}
#banner {width:1024px; height:362px;}

/*navigator*/
ul#topnav {float:right; margin:0; padding-right:30px; padding-top:45px; list-style:none;}
ul#topnav li {float: left; margin: 0; padding:0; display:inline;}
ul#topnav a {float:left; height: 19px; background-position: left top;}
ul#topnav a:hover {background-position: left -25px;}

	/*--Assign an image and width to each link--*/
ul#topnav li.home a {background-image: url(images/01_btn_home.gif); width: 78px;}
ul#topnav li.portfolio a {background-image: url(images/02_btn_portfolio.gif); width: 93px;}
ul#topnav li.about a {background-image: url(images/03_btn_about.gif); width: 81px;}
ul#topnav li.get_in_touch a {background-image: url(images/04_btn_getintouch.gif); width: 121px;}
	/*--for navigator active page--*/
#home li.home a, /*--Home Link--*/
#portfolio li.portfolio a, /*--Portfolio Link--*/
#about li.about a, /*--About Link--*/
#get_in_touch li.get_in_touch a /*--Get in touch Link--*/
{background-position: left -25px;}

/*style_content*/
#content_container {width:1024px; background-color:#FFF; padding:20px 0px 30px 0px;}
#content_left {float:left; padding:0px 30px 10px 0px; width:728px; font-size:12px; border-right:1px #e9e9e9 solid;}
#content_right {float:right; width:235px; padding:0px 0px 20px 30px;}
#portfolio_content_left {float:left; width:235px; padding:0px 0px 20px 0px;}
#portfolio_content_right {float:right; padding:0px 0px 10px 30px; width:728px; font-size:12px; border-left:1px #e9e9e9 solid;}
#content_bottom {float:left; padding-top:10px;}

/*style_get_in_touch*/
#content_contact_left {float:left; padding:0px 30px 10px 0px; width:194px; height:565px; border-right:1px #e9e9e9 solid;}
#content_contact_left a {color:#FF7800; font:12px "Arial"; text-decoration:none;}
#content_contact_left a:hover {color:#FF7800; text-decoration:none;}
#content_contact_middle {float:left; padding:0px 45px 10px 45px; width:442px; height:565px; border-right:1px #e9e9e9 solid;}

/*style_footer*/
#footer_container {background-color:#000;}
#footer {background-color:#000; width:1024px; height:110px; padding-top:15px; line-height:18px;}
#footer a {display:inline; color:#fff; font:12px "Arial"; text-decoration:none; }
#footer a:hover {color:#FF7800; text-decoration:none;}
#footer a.active {color:#FF7800; text-decoration:none;}

/*portfolio*/
#portfolio_list {float:right; width:235px; padding-bottom:20px;}
#portfolio_list a {color:#999999; font:12px "Arial"; text-decoration:none; line-height:35px;}
#portfolio_list a:hover {color:#666666; text-decoration:none;}

#top_left_title {float:left;}
#portfolio_right_list {float:right;}
ul#portfolio_toplist {color:#999999;}
ul#portfolio_toplist li {margin: 0; padding:0; display:inline;}
ul#portfolio_toplist a {font:12px "Arial"; color:#999999;}
ul#portfolio_toplist a:hover {text-decoration:none; color:#666666;}

/*classes*/
.clear {clear:both;}
.content_home_1 {padding:0px 14px 0px 0; width:322px; float:left;  border-right:1px #e9e9e9 solid;}
.content_home_2 {padding:0px 14px 0px 14px; width:322px; float:left; border-right:1px #e9e9e9 solid;}
.content_home_3 {width:322px; float:right; }

.footer_title {font:14px "Arial"; color:#FF7800;}
.footer_normal_text {font:12px "Arial"; color:#FFFFFF; text-decoration:none;}

.title_1 {font:18px "Arial"; color:#FF7800;}
.title_2 {font:14px "Arial"; color:#FF7800;}
.title_3 {font:14px "Arial"; color:#666666;}
.title_4 {font:12px "Arial"; color:#999999;}
.title_5 {font:12px "Arial"; color:#FF7800; text-decoration:none;}
.title_6 {font:12px "Arial"; color:#666666; font-weight:bold;}
.error_message {font:18px "Arial"; color:#FF0000; text-decoration:none;}

.portfolio_image {float:left; padding-right:10px;}
.portfolio_image_column {width:460px; height:258px; float:left;}
.portfolio_text_column {width:238px; height:258px; float:right; padding-left:10px;}
.portfolio_column {width:728px; height:258px;}

.paragraph {font:12px "Arial"; color:#666666; line-height:18px; text-decoration:none;}
.line_dot {border-bottom:1px #cccccc dotted; }
.line_solid {border-bottom:1px #e9e9e9 solid; padding-bottom: 10px;}
.image_content_expert{padding-top:20px;}

.contact_form {width:442px;}
.contact_form_tbl { font-family:Arial; font-size:12px;}
.contact_form_tbl td {padding:0 0 0 0;}
.contact_form_tbl input {font-size:12px; padding-top:3px; font-family:Arial;}
.contact_form_tbl textarea { height:93px; font-size:12px; font-family:Arial; padding-top:3px;}