@charset "utf-8";

/* ----------------------------------------------------------------------*/
/* ---------->>> COLORS <<<-----------*/
/* ----------------------------------------------------------------------*/
.black { background-color:#000; }
.white { background-color:#FFF; }
.orange { background-color:#e28923; }
.teal { background-color:#309e9a; }
.blue { background-color:#0000FF; }
/* ----------------------------------------------------------------------*/
/* ---------->>> TEXT COLORS <<<-----------*/
/* ----------------------------------------------------------------------*/
.txt_black1 { color:#000; }
.txt_white { color:#FFF; }
.txt_orange { color:#C07C07; }
.txt_teal { color:#309e9a; }
.txt_black { color:#333333; }
.txt_red {color: #FF0000;}
.txt_violetred {color: #C71585;}
.dimgray { color:#696969; }
.ltgray { color: #666666; }


/* ----------------------------------------------------------------------*/
/* ---------->>> FONT SIZES <<<-----------*/
/* ----------------------------------------------------------------------*/
.font9 { font-size:9px; }
.font10 { font-size:10px; }
.font11 { font-size:11px; }
.font12 { font-size:12px; }
.font13 { font-size:13px; }
.font14 { font-size:14px; }
.font16 { font-size:16px; }
.font18 { font-size:18px; }

/* ----------------------------------------------------------------------*/
/* ---------->>> COMMON CLASSES <<<-----------*/
/* ----------------------------------------------------------------------*/

.txt_underline {text-decoration: underline;}

.fwidth550 { width: 550px; }
.fwidth500 { width: 500px; }
.fwidth400 { width: 400px; }
.fwidth350 { width: 350px; }
.fwidth300 { width: 300px; }
.fwidth230 { width: 230px; }
.fwidth220 { width: 220px; }
.fwidth210 { width: 210px; }
.fwidth200 { width: 200px; }
.fwidth150 { width: 150px; }
.fwidth125 { width: 125px; }
.fwidth100 { width: 100px; }
.fwidth75 { width: 75px; }
.fwidth50 { width: 50px; }
.width100 { width: 100%; }
.width90 { width: 90%; }
.width80 { width: 80%; }
.width75 { width: 75%; }
.width70 { width: 70%; }
.width50 { width: 50%; }
.width40 { width: 40%; }
.width25 { width: 25%; }

.fheight40 { height: 40px; }

.float_left { float: left; }
.float_right { float: right; }
.align_left { text-align: left; }
.align_right { text-align: right; }
.align_center { text-align: center; }
.align_top { vertical-align: top; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.clearfix {
	clear: both;
	display: block;
}
.pad { padding: 10px; }
.pad0 { padding: 0px; }
.pad20 { padding: 20px; }
.pad_left5 { padding-left: 5px; }
.pad_left { padding-left: 10px; }
.pad_right { padding-right: 10px; }
.pad_top { padding-top: 10px; }
.pad_btm { padding-bottom: 10px; }
.pad_top20 { padding-top: 20px; }
.pad_btm20 { padding-bottom: 20px; }
.pad_top30 { padding-top: 30px; }
.margin0 { margin: 0px; }
.margin5 { margin: 5px; }
.margin_top5 { margin-top: 5px; }
.margin_btm5 { margin-bottom: 5px; }
.margin_left5 { margin-left: 5px; }
.margin { margin: 10px; }
.margin_left { margin-left: 10px; }
.margin_right { margin-right: 10px; }
.margin_top { margin-top: 10px; }
.margin_btm { margin-bottom: 10px; }
.margin_left20 { margin-left: 20px; }
.margin_right20 { margin-right: 20px; }
.margin_top20 { margin-top: 20px; }
.margin_btm20 { margin-bottom: 20px; }
.margin_top30 { margin-top: 30px; }
.margin_left30 { margin-left: 30px; }
.margin_right40 { margin-right: 40px; }
.margin_left40 { margin-left: 40px; }

.border { border:solid 1px #dad8d8 }
.border_left { border-left:solid 1px #dad8d8 }
.border_right { border-right:solid 1px #dad8d8 }
.border_top { border-top:solid 1px #dad8d8 }
.border_btm { border-bottom:solid 1px #dad8d8 }
table.twocol td { width: 50%; }
table.threecol td { width: 33.333%; }
table.fourcol td { width: 25%; }
div.twocol { width: 50%; }
div.threecol { width: 33.333%; }
div.fourcol { width: 25%; }
table.pad_cel td { padding: 3px; }
.center { margin:0px auto }
.hide {
	display:none;
}
.font_normal { font-weight:normal; }
.font_bold { font-weight:bold; }

.error, .attention { 
	color: #FF0000; 
}
/* ----------------------------------------------------------------------*/
/* ---------->>> BASIC HTML TAGS <<<-----------*/
/* ----------------------------------------------------------------------*/

body { margin:0; padding:0; width:100%; background: #02152b;}
html { padding:0; margin:0;}
img { border:0px; }
a { text-decoration:none;}
a:hover { text-decoration:underline;}

/* main */
.main { padding:0; margin:0 auto;}
/********** header **********/
.blok_header { margin:0; padding:0; background: url(/images/js_header4_bg.jpg) top repeat-x;}
.header_right { width:400px; float:right;}
.header { width:920px; margin:0 auto; padding:0;}
/* logo */
.logo { padding:0; margin:0px; width:419px; float:left;}

/*header_text*/
.header_text { height:365px; margin:0; padding:0; width:880px; background:url(/images/slider_bg.jpg) top no-repeat;}
.header_text .div .left1 { float:left; width:456px; padding:0; margin:0; }
.header_text .div .left1 h2 { border:0; font:normal 40px  Arial, Helvetica, sans-serif; color:#fff7ae;  padding:27px 0 8px 25px; margin:0;}
.header_text .div .left1 h2.title { font: normal 30px Arial, Helvetica, sans-serif; color:#fff8f0; padding:0px 0 3px 30px; margin:0px; border-bottom:1px solid #e3e3e3;}
.header_text .div .left1 p { font:normal 13px  Arial, Helvetica, sans-serif; color:#fff8f0; padding:0 0 0 30px; margin:0; line-height:1.8em;}
.header_text .div .left1 strong { color:#fff8f0;}
/* header_text2 */
.header_text2 { height:120px; margin:0 auto; padding:0; width:880px; background:url(/images/slider_bg.jpg) top no-repeat;}
.header_text2 h4 { border:0; font:normal 40px  Arial, Helvetica, sans-serif; color:#fff7ae;  padding:27px 0 13px 30px; margin:0;}

/* menu */	
.menu { padding:80px 0 0 20px; margin:0;}
.menu ul { float:left; padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0 0; border:0;}
.menu ul li a { float:left; margin:0 0 0 2px; padding:13px 0; color:#fff; font:bold 13px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:13px 10px; background:#321d3f;}
.menu ul li a:hover { color:#021e3c; background:#fff;}
.menu ul li a:hover span { color:#021e3c;  background:#fff;}
.menu ul li a.active {  color:#021e3c;  background:#fff;}
.menu ul li a.active span { color:#021e3c; background:#fff;}

/********** body **********/
.body_top { background: #02152b url(/images/main_bg.gif) top repeat-x; margin:0; padding:0;}
.body { width:880px; margin:0 auto; background:#fff; padding:20px; border-bottom:1px solid #02152b;}
.body h2 { color:#204076; font:normal 26px Arial, Helvetica, sans-serif; margin:5px 0; padding:10px 5px; border-bottom:1px solid #e3e3e3;}
.body h2 span { color:#b32f4e;}
.body h3 { background:url(/images/h2_bg_sub.gif) left no-repeat; color:#204076; font:normal 26px Arial, Helvetica, sans-serif; margin:5px 0; padding:10px 5px 10px 65px; border-bottom:1px solid #e3e3e3;}
.body h5 { font: normal 18px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:10px 10px; margin:0;}
.body p { font: normal 13px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px 5px; margin:0; line-height:1.8em;}
.body p.plus { font: bold 13px Arial, Helvetica, sans-serif; color:#204076; padding:5px 5px 0 20px; margin:0; line-height:1.8em; background:url(/images/p_plus.gif) left no-repeat; text-decoration:underline;}
.body strong { color:#204076;}
.body a { color:#c43753; text-decoration: underline;}
.body img.bar { margin:10px 0; padding:0; text-align:center;}
.body img.but { margin:10px 15px; padding:0; float:left;}

.left { width:520px; float:left; margin:0; padding:10px 20px;}
.right { width:270px; float:right; margin:0; padding:10px 20px;}
.right ul { list-style:none; margin:10px; padding:0;}
.right li { padding:5px 10px; margin:0; border-bottom:1px solid #ececec;}
.right li a { font: normal 13px Arial, Helvetica, sans-serif; color:#616161; text-decoration:none;}
.right li a:hover { color:#c43753; text-decoration:underline;}

.blog { width:280px; float:left; margin:5px 5px; padding:0;}
.blog h2 { font: normal 30px Arial, Helvetica, sans-serif; color:#204076; padding:10px 5px; margin:0 5px; border-bottom:1px solid #e3e3e3;}
.blog ul { list-style:none; margin:10px 2px; padding:0;}
.blog li { font: normal 13px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:1px 15px; margin:0 0 0 5px; background:url(/images/ul_li_top.gif) left no-repeat;}
.blog a { float:right; color:#c43753; text-decoration:underline;}
.blog p { font: normal 13px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px 5px; margin:0 5px;}

.videoleft { width:480px; float:left; margin:0; padding: 0px 0px 0px 2px;}
.videoright { width:350px; float:right; margin:0; padding:0px;}

/**********port************/
.port { width:420px; margin:5px 10px 0px 0px; padding:0; float:left;}
.port img { float:left; margin:10px 5px 20px 0px; padding: 3px 3px 3px 0px; border:1px solid #000;}
.port h2 { padding:0; margin:0;}
.port h3 { padding:0; margin:0;background:none;font-size:20px;}
.port h4 { background:url(/images/h2_bg_sub.gif) left no-repeat; color:#204076; font:normal 26px Arial, Helvetica, sans-serif; margin:5px 0; padding:10px 5px 10px 65px; border-bottom:1px solid #e3e3e3;}

.port span { color:#5d8b9b;}

#image_container{
width:900px;
margin:auto;
}
.body_image { min-height:700px;}

.img-section1 {
	border:2px solid #fff;
	width:878px;
	height:126px;
	padding: 0px 0px 0px 0px;
	background:#080808 url(/images/studs_video_gallery.jpg) top repeat-x;
}
.img-section2 {
	border:2px solid #fff;
	width:878px;
	height:126px;
	padding: 0px 0px 0px 0px;
	background:#080808 url(/images/studs_gallery.jpg) top repeat-x;
}
.img-section3 {
	border:2px solid #fff;
	width:878px;
	height:126px;
	padding: 0px 0px 0px 0px;
	background:#080808 url(/images/studs_links.jpg) top repeat-x;
}

/**********links************/
.body .links { width:190px; height:250px; margin:5px 20px 0px 5px; padding:0; float:left;}
.body .links img { float:left; margin:10px 20px 5px 0px; padding:3px; border:2px solid #fff;}
.body .links a { 	font-size:18px;}
.body .links a h2 { padding:0; margin:0;}

.video_content2{
background:url(/images/dotted-bg.gif) bottom left repeat-x;
line-height:22px;
color:#232323;
}
.more_button{
position:relative; 
top:10px;
padding-right:50px;
}

/********** footer **********/
.footer { color:#fff;margin:0 auto 20px auto; padding:10px 0; width:920px; background: url(/images/footer_bg.gif) top repeat-x;}
.footer ul { margin:0; padding:0px 10px 0px 10px; list-style:none; float:left;}
.footer img { display:inline; margin:5px 10px; padding:0;}
.footer ul li { margin:0; padding:0 10px; float:left;}
.footer p { margin:0; padding:20px 20px 10px 20px; float:right; color:#fff; font:bold 13px  Arial, Helvetica, sans-serif; line-height:1.8em;}
.footer a { color:#0a638c; font:bold 13px  Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;}
.footer a:hover { text-decoration:underline;}

.footer_resize { margin:0 auto 20px auto; padding:10px 0; width:920px; background: url(/images/footer_bg.gif) top repeat-x;}
.footer_resize ul { margin:0; padding:20px 10px 0px 10px; list-style:none; float:left;}
.footer_resize img { display:inline; margin:5px 10px; padding:0;}
.footer_resize ul li { margin:0; padding:0 10px; float:left;}
.footer_resize p { margin:0; padding:20px 20px 10px 20px; float:right; color:#fff; font:bold 13px  Arial, Helvetica, sans-serif; line-height:1.8em;}
.footer_resize a { color:#0a638c; font:bold 13px  Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;}
.footer_resize a:hover { text-decoration:underline;}



p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dbdbdb; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #d9d9d9; padding:0; margin:10px 0; background:none; list-style:none;}


/********** buttons **********/
a.buttonfx3, a.buttonfx3:visited, a.buttonfx3:active {
	display: block;
	width: 150px;
	text-align: center;
	text-decoration: none;
	font-family:arial;
	font-weight: bold;
	font-size:100%;
	color: #FFFFFF;
	background-color: #0089AF;
	border: solid 1px #ffffff;
	}
a.buttonfx3:hover {
	width: 150px;
	color: #000000;
	border: solid 1px #00AACC;
	background-color:#eeeee3;
	font-weight: bold;
	text-align: center;
	}
a.buttonfx4, a.buttonfx4:visited, a.buttonfx4:active {
	display: block;
	float:left;
	width: 150px;
	text-align: center;
	text-decoration: none;
	font-family:arial;
	font-weight: bold;
	font-size:100%;
	color: #FFFFFF;
	background-color: #0089AF;
	border: solid 1px #ffffff;
	margin:20px;
	}
a.buttonfx4:hover {
	width: 150px;
	color: #000000;
	border: solid 1px #00AACC;
	background-color:#eeeee3;
	font-weight: bold;
	text-align: center;
	}

/*-- Paging Control ----------*/
#paging {
	text-align:right;
	margin-bottom:5px;
	margin-right:40px;
	padding-right:20px;
	font-size:100%;
	color: #000;
	}
#paging .current {
	font-size:13px;
	color: #FF0000;
	margin-left:3px;
	}
#paging a, #paging a:link, #paging a:visited, #paging a:active {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	margin: 0px 3px 0px 3px;
}
#paging a:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration: underline;
}