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

*				{ padding: 0px; margin: 0px; }


/*MAIN TAGS -----------------------------------------------------------------------*/

html					{ 
						-webkit-text-size-adjust: none; 
						height: 100%;
						}
body					{
						background: #dbdbdb url(../img/bg.jpg) repeat-x;
						margin: 0px;
						}

body,td,th,div 			{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #3e3e3e; }
img						{ border-style: none; border-width: 0px; }

hr						{ border-top: 0px; border-bottom: 1px; border-style: solid; height: 0px; margin: 2px 0px 3px 0px; color: #c4c4c4; }

/*FONT TAGS -----------------------------------------------------------------------*/

h1						{ font-size: 18px; font-weight: bold; color:#09bde2; }
h1.main_title			{ font-size: 34px; }

.f10					{ font-size: 10px; }
.f12					{ font-size: 12px; }
.f14					{ font-size: 14px; }
.f18					{ font-size: 18px; }

.fcolor_teal			{ color: #638f96; }
.fcolor_red				{ color: #ba1919; }
.fcolor_dred			{ color: #a94444; }

.fgeorgia				{ font-family: Georgia, "Times New Roman", Times, serif; }

.fbold					{ font-weight: bold; }

.error					{ color: #C03; }


/*LINK TAGS -----------------------------------------------------------------------*/

a:link					{ color: #448dd5; text-decoration: none; }
a:visited				{ color: #448dd5; text-decoration: none; }
a:hover					{ color: #448dd5; text-decoration: none; }
a:active				{ color: #448dd5; text-decoration: none; }


/*FORM TAGS -----------------------------------------------------------------------*/

.login_input			{ font-size: 16px; padding: 6px; margin: 4px 0 0 0; border: 1px solid #666; }
.input_button			{ background:#CCC; }

.input_edit				{ width: 180px; padding: 0px; margin: 0px; border: none; font-size: 10px; color: #3e3e3e; }
.input_edit_work		{ width: 180px; padding: 0px; margin: 0px; border: none; font-size: 10px; color: #C00; }

.project_textfield		{ width: 186px; height: 25px; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin: 6px 0 6px 0; }
.project_textarea		{ width: 411px; height: 102px; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin: 6px 0 10px 0; }


/*BODY TAGS -----------------------------------------------------------------------*/

.overall				{ width: 1136px; min-height: 880px; background: #dbdbdb url(../img/overall_bg.jpg) no-repeat; padding: 0px 0px 0px 76px; }

.top_menu				{ width: 191px; height: 39px; background: url(../img/top_menu_bg.png) no-repeat; margin-left: 830px; padding: 0 10px 0 30px; }
.top_menu_left			{ float: left; border-right: 1px solid #a44d4d; padding: 6px 10px 0 0; }
.top_menu_right			{ float: left; padding: 6px 0 0 10px ; }
.top_menu_left a		{ font-size: 18px; color: #9b2e2e; }
.top_menu_right a		{ font-size: 18px; color: #9b2e2e; }

.main_box				{ width: 1100px; height: 594px; background: url(../img/main_box_bg.jpg) no-repeat; padding: 0 15px 0 15px; margin-top: 54px; }

.header_box				{ width: 1004px; height: 70px; padding: 10px 0 0 96px; }
.header_logo			{ }
.header_page			{ width: 500px; height: 58px; float: right; margin: 12px 35px 0 0; }

.menu					{ width: 160px; height: 490px; float: left; padding: 25px 0 0 20px; }
.menu a:hover			{  text-decoration: none; }

.menu_h2				{ font-size: 18px; color: #47748e; font-weight: lighter; line-height: 30px; }
.menu_h2_sel			{ font-size: 18px; color: #1d7cb2; font-weight: bold; line-height: 30px; }

.menu_sub_box			{ margin: 0 0 0 16px; font-size: 12px; color: #515860; line-height: 30px; }
.menu_sub				{ font-size: 12px; color: #515860; line-height: 30px; }
.menu_sub a:link		{ font-size: 12px; color: #515860; }
.menu_sub a:visited		{ font-size: 12px; color: #515860; }
.menu_sub a:hover		{ font-size: 12px; color: #000000; }
.menu_sub a:active		{ font-size: 12px; color: #515860; }

.image_area				{ width: 920px; height: 515px; float: left; }

.feature_box			{ width: 280px; height: 515px; float: left; padding: 23px 0 0 0; }
.feature_title			{ padding: 0 0 10px 15px; }
.feature_none			{ width: 130px; padding: 10px 0 10px 15px; }

.port_area				{ width: 640px; height: 515px; float: left; }

.port_box_overall		{ width: 610px; height: 490px; margin-top: 30px; margin-left: 10px; overflow: hidden; }
.port_box				{ height: 490px; float: left; overflow: hidden; }
.port_box_inner			{ width: 610px; height: 490px; float: left;  overflow: hidden;}

.port_name				{ display: none; }

.port_thumb				{ width: 176px; height: 147px; background: url(../img/thumb_shadow.png) no-repeat; padding: 1px 5px 0px 6px; float: left; font-size: 10px; text-align: right;  margin: 0 8px 12px 8px; }
.port_thumb a:link, .port_thumb a:visited, .port_thumb a:hover, .port_thumb a:active { color: #383838; }
.port_thumb_inner		{ width: 165px; height: 116px; border: 5px solid #FFFFFF; margin-bottom: 4px; }

.port_thumb_lg			{ width: 250px; height: 192px; background: url(../img/thumb_shadow_lg.png) no-repeat; padding: 0px 9px 0px 8px; float: left; font-size: 10px; text-align: right;  margin: 7px 8px 12px 8px; }
.port_thumb_lg a:link, .port_thumb a:visited, .port_thumb a:hover, .port_thumb a:active { color: #383838; }
.port_thumb_lg_inner	{ width: 238px; height: 168px; border: 7px solid #FFFFFF; margin-bottom: 4px; }

.page_btn				{ width: 32px; height: 32px; float: right; position: relative; margin: 0 5px 0 5px; }
.page_btn_sides			{ width: 15px; height: 23px; float: right; padding-top: 9px; margin: 0 5px 0 5px; }
.page_btn_box_sel		{ width: 32px; height: 27px; position: absolute; top: 0px; left: 0px; background: url(../img/page_bg.png) no-repeat; z-index: 50; text-align: center; padding-top: 5px; } 
.page_btn_box_sel a:link	{ font-size: 18px; color: #FFF; }
.page_btn_box_sel a:visited	{ font-size: 18px; color: #FFF; }
.page_btn_box_sel a:hover	{ font-size: 18px; color: #d6effb; }
.page_btn_box_sel a:active	{ font-size: 18px; color: #FFF; }

.page_btn_box			{ width: 32px; height: 32px; position: absolute; top: 5px; left: 0px; text-align: center; z-index: 100; }
.page_btn_box a:link	{ font-size: 18px; color: #507a93; }
.page_btn_box a:visited	{ font-size: 18px; color: #507a93; }
.page_btn_box a:hover	{ font-size: 18px; color: #4496c7; }
.page_btn_box a:active	{ font-size: 18px; color: #507a93; }

.footer					{ width: 1065px; color: #a8a8a8; padding: 18px 50px 18px 15px; text-align: right; font-size: 12px; }

.dim					{ width: 100%; height: 100%; min-width: 1200px; min-height: 880px; background:#000000; position: absolute; top: 0px; left: 0px; z-index: 10000; opacity: 0.40;  -moz-opacity: 0.40; filter: alpha(opacity: 40); display: none; }
.drop					{ width: 1025px; height: 575px; background:url(../img/drop-bg.png) no-repeat; position: absolute; left:100px; top: -599px; z-index: 20000; padding: 0 24px 24px 24px; }
.drop_top				{ background: #8196a4 url(../img/return_white.png) right no-repeat; font-size: 24px; color: #FFF; cursor: pointer; padding: 12px 0 12px 15px; margin-bottom: 20px; }
.drop_top:hover			{ background: #dee8ef url(../img/return_black.png) right no-repeat; color: #000; }

.about_left				{ width: 650px; height: 470px; background: #000; font-size: 14px; color: #FFF; padding: 15px; float: left; }
.about_left h1			{ font-size: 18px; font-weight: bold; color: #FFF; }
.about_right			{ width: 335px; height: 500px; float: right; }
.about_box				{ height: 78px; margin-top: 10px; background: #000; font-size: 14px; color: #FFF; padding: 15px; cursor: pointer; }
.about_link				{ height: 78px; margin-top: 10px; background: #000; font-size: 14px; color: #FFF; padding: 15px; list-style: none; display: block; }
.about_link:hover		{ background: #dee8ef; color: #000; }
.about_link	 .about_link_blue				{ color: #95c6ef; font-weight: bold; }
.about_link:hover	 .about_link_blue		{ color: #000; font-weight: bold; }
.about_other_sites		{ width: 150px; height: 25px; margin: 3px 0 0 16px; }

.hire_box_1, .hire_box_2, .hire_box_3	{ font-size: 14px; color: #FFF; }
.hire_box_1				{ width: 283px; height: 492px; float: left; margin: 0 14px 0 0; background: #000; padding: 10px 14px 0 14px; }
.hire_box_1  h1			{ font-size: 18px; font-weight: bold; color: #FFF; }
.hire_box_2				{ width: 248px; height: 502px; float: left; margin: 0 14px 0 0;  }

.work_title				{ height: 33px; background: #000; font-size: 18px; font-weight: bold; color: #FFF; padding: 7px 0 0 14px; margin-bottom: 2px; }

.work_button			{ height: 28px; margin-bottom: 2px; display: block; background:#000 url(../img/check_white_not.png) left no-repeat; padding: 12px 0 0 48px; color: #FFF; font-size: 14px; cursor: pointer; }
.work_button .work_button_link			{ color: #FFF; }

.work_button:hover		{ background:#dee8ef url(../img/check_black_not.png) left no-repeat; color: #000; }

.work_button_chk		{ height: 28px; margin-bottom: 2px; display: block; background:#8196a4 url(../img/check_white_checked.png) left no-repeat; padding: 12px 0 0 48px; color: #FFF; font-size: 14px;  }

.work_button_chk:hover	{ background:#dee8ef url(../img/check_black_checked.png) left no-repeat; color: #000; }

.work_unchecked			{ display: block; }
.work_checked			{ display: none; }

.time_box				{ width: 410px; height: 25px; margin: 10px 0 4px 0; }
.time_box_inner			{ width: 95px; height: 19px; border: 1px solid #FFF; float: left; padding: 2px; margin-right: 2px; }
.time_box_button		{ width: 95px; height: 16px; background: #2d2d2d; display: block; color: #FFF; text-align: center; padding: 3px 0 0 0; cursor: pointer; }
.time_box_button:hover	{ background: #d2d2d2; color: #000; }

.time_form				{ display: none; }

.time_sel_box			{ width: 410px; height: 10px; margin: 0 0 15px 0; position: relative; }
.time_sel				{ width: 21px; height: 10px; background: url(../img/time_selected.png) no-repeat;}

.hire_box_3				{ width: 438px; height: 502px; float: left; }
.hire_box_3_top			{ height: 335px; background: #000; padding: 10px 13px 0 13px; font-size: 12px; color: #FFF; margin-bottom: 2px; }
.hire_box_3_top h1		{ font-size: 18px; font-weight: bold; color: #FFF; }

.ded_button			{ height: 40px; margin-bottom: 2px; display: block; background:#000 url(../img/bcheck_white_not.png) left no-repeat; padding: 12px 0 0 53px; color: #FFF; font-size: 14px; cursor: pointer; }
.ded_button .ded_button_link			{ color: #FFF; }

.ded_button:hover		{ background:#dee8ef url(../img/bcheck_black_not.png) left no-repeat; color: #000; }

.ded_button_chk		{ height: 40px; margin-bottom: 2px; display: block; background:#8196a4 url(../img/bcheck_white_checked.png) left no-repeat; padding: 12px 0 0 53px; color: #FFF; font-size: 14px;  }

.ded_button_chk:hover	{ background:#dee8ef url(../img/bcheck_black_checked.png) left no-repeat; color: #000; }

.project_left			{ width: 186px; float: left; color: #FFF; font-size: 12px; margin-top: 10px; }
.project_right			{ width: 186px; float: right; color: #FFF; font-size: 12px; margin-top: 10px; }

.submit					{ width: 438px; height: 47px; background: #9c929c url(../img/submit_white.png) no-repeat right center; display: block; border: none; }
.submit:hover			{ background: #f0e8f0 url(../img/submit_black.png) no-repeat right center;}


.email_container		{ width: 370px; position: absolute; top: 150px; left: 50%; margin-left: -185px; z-index: 20000; font-size: 20px; display: block; }
.email_top				{ height: 40px; background: #8196a4 url(../img/email_return_white.png) right no-repeat; margin-bottom: 15px;  display: block; cursor: pointer; }
.email_top:hover		{ background: #dee8ef url(../img/email_return_black.png) right no-repeat; }

.white_container { margin: 0px; }
.white_1, .white_2, .white_3, .white_4, .white_5, .white_6, .white_8 {
height: 1px; background: #ffffff; line-height: 1px; overflow: hidden; display: block;
}

.white_1 { margin: 0 1px 0 1px; }
.white_2 { margin: 0 2px 0 2px; }
.white_3 { margin: 0 3px 0 3px; }
.white_4 { margin: 0 4px 0 4px; }
.white_5 { margin: 0 5px 0 5px; }
.white_6 { margin: 0 6px 0 6px; }
.white_8 { margin: 0 8px 0 8px; }

.white_content_box {
background: #ffffff;
padding: 15px;
color: #000000;
font-size: 16px;
}

.99design				{ width: 1100px; margin: 20px 0px 10px 90px; background: #000; }
.clearboth				{ clear: both; }