/* ======================================== */
/* GLOBAL ELEMENTS */
/* ======================================== */

BODY {
	background-color: #3A6EA5;
	margin:10px 0px 10px 0px;
	padding: 0px;
}


td,textarea,select {font-size:12px; line-height:18px; color: #4F5760}

input { 
	color:#0066CC; 
	font-size:11px;
	vertical-align:middle;
}

.input1 {
	border: 1px solid #D4D0C8;}

h1 {font-size:14px; line-height:20px; color: #028EE9;
	border-bottom:1px dashed #028EE9;
    padding-top:4px; padding-bottom:1px; padding-left:6px; padding-right:6px; 
}

h2 {font-size:14px; line-height:20px; color: #669900;
	border-bottom:1px dashed #669900;
    padding-top:4px; padding-bottom:1px; padding-left:6px; padding-right:6px; 
}

h3 {font-size:14px; line-height:20px; color: #E39D33;
    border-bottom-style:solid;
    padding-top:4px; padding-bottom:1px; padding-left:6px; padding-right:6px; 
	border-bottom:1px dashed #E39D33;
}

li {  line-height: 18px; font-size: 12px; list-style-type:circle;}

form { margin: 0px;}


/* ======================================== */
/* PAGE LAYOUT STYLES */
/* ======================================== */

.window { 
	scrollbar-face-color:#E0E0E0;
	scrollbar-arrow-color: #666666;
	scrollbar-track-color:#FFFFFF;
	scrollbar-shadow-color:#E0E0E0;
	scrollbar-highlight-color:#E0E0E0;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-Color:#C0C0C0;
}
 
/* Main body layout */
/* ------------------------------------------------*/
.header_top {
	font-size:1px;
	line-height:7px;
	background-image: url('../../images/header.gif');
	background-position: center;
	background-repeat:no-repeat;
	height:32px;
}	

.header_seo {
	font-size:11px;
	line-height:20px;
	letter-spacing:2px;
	color:#B4B4B4;
	height:20px;
}	

.header_img0 {
	background-image: url('../../images/win_main_bg.jpg');
	background-position: center;
	background-repeat:no-repeat;
	height:302px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}	

.header_img {
	background-image: url('../../images/f_bg0.jpg');
	background-position: center;
	background-repeat:no-repeat;
	height:124px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}	

.header_img2 {
	background-image: url('../../images/f_bg2.jpg');
	background-position: center;
	background-repeat:no-repeat;
	height:124px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}	

.header_img3 {
	background-image: url('../../images/f_bg3.jpg');
	background-position: center;
	background-repeat:no-repeat;
	height:124px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}	

.seo_body {
	font-weight:bold; line-height:30px;
	letter-spacing:1px;
	text-shadow:White;
	filter:dropshadow(color=#FFFFFF,offx=1,offy=1,positive=1);
	height:30px;
}	

.nav_bg {
	background-image: url('../../images/main_bg1.gif');
}	

.main_body {
	background-image: url('../../images/main_bg.gif');
}	

.footer {
	height:40px;
	background-image: url('../../images/footer.gif');
	background-position: center;
	background-repeat:no-repeat;
	margin-left: auto;
	margin-right: auto;
}

.cel0 {
	font-weight:bold;
	background-color:#E0ECF5;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	border-left:1px solid #FFFFFF;
	padding:5px;
	text-align:center;
}

.cel1 {
	background-color:#F6F4EA;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	border-left:1px solid #FFFFFF;
	padding:5px;
	text-align:left;
}

.cel2 {
	background-color:#F5F5F5;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	border-left:1px solid #FFFFFF;
	padding:5px;
	text-align:center;
}

/* Right menu layout */
/* ------------------------------------------------*/
.btn_h {
	background-image: url('../../images/rbtn_h.gif');
	height:17px;
}	

.btn_f {
	background-image: url('../../images/rbtn_f.gif');
	height:16px;
}	

.btn_bg {
	background-image: url('../../images/menu_bg.gif');
	width:179px;
}	

.btn_pad {
	padding-left:14px;
}

/* Contents layout */
/* ------------------------------------------------*/
.contents {
	padding:15px 0px 15px 0px;
}

.note {
	font-size:10px; color:#FF0000; line-height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Work sample layout */
/* ------------------------------------------------*/
.bgimg {
	background-image: url(../../works/images/exam_bg.jpg);
	background-repeat: no-repeat;
	width:126px; height:101px;
	text-align:center;
} 

.split {
	background-image:url(../../images/dot_bk.gif);
	height:12px; width:490px;
}

/* Workflow layout */
/* ------------------------------------------------*/
.tbl_h1 {
	background-image: url(../../about/images/win_up_2.gif);
	background-repeat: no-repeat;
	width:157px; height:20px;
	text-align:center;
}

.tbl_c1 {
	background-color:#CAE7FC;
	text-align:center;
}

.tbl_f1 {
	background-image: url(../../about/images/win_dn_2.gif);
	background-repeat: no-repeat;
	width:157px; height:8px;
}

.tbl_h2 {
	background-image: url(../../about/images/win_up_1.gif);
	background-repeat: no-repeat;
	width:319px; height:8px;
}

.tbl_c2 {
	background-image: url(../../about/images/win_bg_1.gif);
	padding-left:8px; padding-right:8px;
}

.tbl_f2 {
	background-image: url(../../about/images/win_dn_1.gif);
	background-repeat: no-repeat;
	width:319px; height:8px;
}


/* ======================================== */
/* LINK STYLES */
/* ======================================== */

A:link {
	color:#257EC7;
	text-decoration:underline;
}

A:visited {
	text-decoration:underline; color: 626262
}

A:hover {
	text-decoration: underline; color: 000000
}

.btn {
	font-size:12px; font-weight:bold;
	line-height:27px;
	letter-spacing:4px;
	text-shadow:White;
	margin:5px 0px 5px 0px;
}	

.btn a:link,
.btn a:visited {
	color:#818181;
	text-decoration:none;
	background-image: url('../../images/rbtn_0.gif');
	padding:7px 35px 7px 44px;
}	

.btn a:hover,
.btn a:active {
	color:#000000;
	text-decoration:none;
	background-image: url('../../images/rbtn_1.gif');
}	

.m {
	font-size:10px; line-height:24px; 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing:2px;
	margin-top:10px;
}

.m a:link, 
.m a:visited {
	color:#FFFFFF;
	text-decoration:none;
	padding:4px 4px 4px 6px;
	border:1px solid #BDBDBD;
}

.m a:hover, 
.m a:active {
	color:#FFC10E;
	text-decoration:none;
	background-color:#666E77;
	border:1px solid #FFFFFF;
}

.btncool {
	font-size:12px;
	color:#000000;
	text-decoration: none;
	line-height:20px;
	letter-spacing:2px;
}

.btncool a:link,
.btncool a:visited
{
	color:#666666;
	text-decoration: none;
	background-color:#F0F0F0;
	border:1px solid #999999;
	padding:4px; margin:3px;
}

.btncool a:hover,
.btncool a:active
{
	color:#FFFFFF;
	text-decoration: none;
	background-color:#6699FF;
	border:1px solid #000000;
}

/* ======================================== */
/* Contact TABLE STYLES
/* ======================================== */

.tbl1 {
	border:1px solid #999999;
	padding: 5px;
}

.cell1 {
	padding:4px;
	background-color:#F0F0F0;
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	text-align:left;
}

.cell2 {
	padding:4px;
	background-color:#FFFFFF;
	border-bottom:1px solid #999999;
	text-align:left;
}

.cellx {
	padding:10px;
	background-color:#FFFFFF;
}

.red {
	color:#FF0000
}