@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#333333; url(images/main_bg.gif) top repeat-x; }
html { padding:0; margin:0; }
.main { margin:0 auto; padding:0; }
.resize { width:960px; padding:0; margin:0 auto; }
/********** header **********/
.header_resize { margin:0; padding:0; }
.header { width:960px; padding:0; margin:0 auto; }
/* 2 */
.header_blog2 { background:url(images/header_blog_bg.gif) top center repeat-x; padding:20px 0 0 0; margin:0; height:95px; }
.header_blog2 h2 { font: bold 36px Arial, Helvetica, sans-serif; color:#fff; padding:10px 0 0 0; margin:0; }
/* logo */
.logo { padding:0; margin:0; width:234px; float:left; }
/*menu*/
.menu { padding:38px 0 0 0; margin:0; width:720px; float:right; }
.menu ul { text-align: left; padding:0; margin:0; list-style:none; border:0; float:right; }
.menu ul li { float:left; margin:0; padding:0 5px; border:0; }
.menu ul li a { float:left; margin:0; padding:12px 0; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a span { padding:12px 9px; background:none; }
.menu ul li a:hover { background-color:#00bddf;/*background: url(images/r_menu.gif) no-repeat right; */}
.menu ul li a:hover span {background-color:#00bddf; /*background:url(images/l_menu.gif) no-repeat left;*/ }
.menu ul li a.active { background-color:#333333; /*background:url(images/r_menu.gif) no-repeat right; */}
.menu ul li a.active span { background-color:#333333; /*background:url(images/l_menu.gif) no-repeat left;*/ }
/* header_blog*/
.header_blog { background:#fff; padding:0; width:958px; border:1px solid #e9e9e9; margin:0 auto; height:auto;}
/* body */
.body { padding:10px 0; margin:0 auto;}
.body h3 { font: bold 36px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:30px 0; margin:0 20px 20px 20px; border-bottom:5px solid #2a2a2a; }
.body h2 { font:bold 14px Arial, Helvetica, sans-serif; color:#1d2024; padding:10px 0 20px 0; margin:0 0 0 0; background:url(images/h2_bg.gif) left bottom no-repeat; text-transform:uppercase; }
.body h2 span { font:normal 12px Arial, Helvetica, sans-serif; color:#ababab; text-transform:none; }
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#565656; line-height:1.5em; padding:10px 0; margin:0; }
.body p span { color:#565656; text-transform:uppercase; font-weight:bold; }
.body a { color:#00bddf; text-decoration:none; }
.body img { margin:10px auto; padding:0; }
.body img.floated { float:left; margin:5px 20px; padding:0; }
.right { width:280px; margin:0; padding:0 20px; float:right; }
.left { width:595px; margin:0; padding:0 20px; float:left; }
.port { width:285px; margin:0; padding:0 10px 0 20px; float:left; }
.port1 { width:950px; margin:0; padding:0 10px 0 20px; float:left; }
/*FBG*/
.FBG { margin:0 20px; padding:0; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; }
.FBG a { color:#00bcde; text-decoration:none; }
.FBG img { float:left; margin:5px 0; padding:0; }
.FBG p { font: normal 12px Arial, Helvetica, sans-serif; color:#888888; text-decoration:none; padding:5px 0; margin:0; line-height:1.5em; }
.FBG h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#272727; padding:10px 0; margin:0; text-transform:uppercase; }
.FBG .bloga { width:285px; float:left; margin:0 10px 0 0; padding:10px 10px 10px 0; border-right:1px solid #e5e5e5; }
.FBG .bloga.last { border:0; margin:0; }
/********** contact form **********/
#contactform { margin:0; padding:5px 0; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:200px; display:block; padding:5px 0; color:#444444; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase;}
#contactform label span { color:#00F; }
#contactform input.text { width:400px; border:1px solid #cdcdcd; margin:2px 0; padding:5px 2px; height:16px; background:#fefefe;}
#contactform textarea { width:500px; border:1px solid #cdcdcd; margin:2px 0; padding:2px; background:#fefefe;}
#contactform li.buttons input { padding:3px 0; margin:10px 0 0 0; border:0; color:#FFF;}

/********** contact form 2 **********/
#contactform1 { margin:0; padding:5px 0; }
#contactform1 * { color:#F00; }
#contactform1 ol { margin:0; padding:0; list-style:none; }
#contactform1 li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactform1 li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform1 label { margin:0; width:200px; display:block; padding:5px 0; color:#444444; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase;}
#contactform1 label span { color:#00F; }
#contactform1 input.text { width:400px; border:1px solid #cdcdcd; margin:2px 0; padding:5px 2px; height:16px; background:#fefefe;}
#contactform1 textarea { width:500px; border:1px solid #cdcdcd; margin:2px 0; padding:2px; background:#fefefe;}
#contactform1 li.buttons input { padding:3px 0; margin:10px 0 0 0; border:0; color:#FFF;}
/*************footer**********/
.footer { padding:10px 0; margin:0; }
.footer_resize { width:920px; margin:0 auto; padding:5px 20px; /*border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;*/ }
.footer p { font:normal 12px Arial, Helvetica, sans-serif; color:#a4a4a4; }
.footer a { font:bold 12px Arial, Helvetica, sans-serif; color:#a4a4a4; text-decoration:none; padding:5px; margin:0; }
.footer p.right {
	text-align:right;
	width:370px;
	margin:0;
	float:right;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.footer p.leftt { text-align:left; width:550px; margin:0; padding:2px 0 0 0; float:left; }
p.clr,
.clr { clear:both; padding:0; margin:0; background:none; }
/* Slider */
#slider { width:917px; padding:21px 0 20px 0; margin:0 auto; }
div#slideshow { width:917px; height:398px; padding:0; margin:0 auto; }
.slider-item { width: 100% !important; }
.slider-item img { float:right; margin:0; padding:0; }
.slider_content_inner img { border: none; }
.controls-center { width: 917px; margin:0 auto; padding:5px 0; }
#slider_controls { margin:0 auto; z-index: 1000; width:917px; }
#slider_controls h2 { width:600px; float:left; font: normal 12px Arial, Helvetica, sans-serif; color:#888888; padding:5px 0 0 0; margin:0; }
#slider_controls h2 strong { color:#1d1d1d; }
#slider_controls ul { margin:0; padding:0; width:76px; float:right; }
#slider_controls ul li { margin:0; padding:0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width:12px; height: 12px; background:url('images/tabs_2.gif') no-repeat center center; display: block; float: left; padding:10px 2px 0 2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { color:#979797; background:url('images/tabs_1.gif') no-repeat center center; }



.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 285px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{

padding: 0px 10px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}


a.ovalbutton{
background: transparent url('images/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
font-weight:bold; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ 
overflow: hidden; 
width: 100%;
}



.speciallink a:link {
	color: #00bddf;
	white-space: nowrap;
	text-decoration: none;
}

.speciallink a:visited {
	text-decoration: none;
	color: #00bddf;
}

.speciallink a:hover {
	text-decoration: none;
	background-image: url(images/animated_underline.gif);
	background-repeat: repeat-x;
	background-position: 100% 100%;
	padding-bottom: 3px;
	color: #00bddf;
}

.speciallink a:active {
	text-decoration: none;
}


.gradient {
	    /* Legacy browsers */
	    background: #3399cc url("images/gradient-bg.png") repeat-y left;
    -o-background-size: 100% 100%;
	    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;

	    /* Internet Explorer */
	    *background: #3399cc;
	    background: #3399cc\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#FFffffff, endColorstr=#FF3399cc);
	    }
	    @media all and (min-width: 0px) {
	        .gradient {
	            /* Opera */
	            background: #3399cc url("images/gradient-bg.svg");
	            /* Recent browsers */
	            background-image: -moz-linear-gradient(
	                left,
	                #ffffff,
	                #3399cc
            );
	            background-image: -webkit-gradient(
	                linear,
	                left top, right top,
	                from(#ffffff),
	                to(#3399cc)
	            );
	    }

.style2 {
	font-size: 10px;
}