@charset "utf-8";




@font-face {
    font-family: 'QuicksandLight';
    src: url('/slider/Quicksand_Light-webfont.eot');
    src: url('/slider/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/slider/Quicksand_Light-webfont.woff') format('woff'),
         url('/slider/Quicksand_Light-webfont.ttf') format('truetype'),
         url('/slider/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandLightOblique';
    src: url('/slider/Quicksand_Light_Oblique-webfont.eot');
    src: url('/slider/Quicksand_Light_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('/slider/Quicksand_Light_Oblique-webfont.woff') format('woff'),
         url('/slider/Quicksand_Light_Oblique-webfont.ttf') format('truetype'),
         url('/slider/Quicksand_Light_Oblique-webfont.svg#QuicksandLightOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBook';
    src: url('/slider/Quicksand_Book-webfont.eot');
    src: url('/slider/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/slider/Quicksand_Book-webfont.woff') format('woff'),
         url('/slider/Quicksand_Book-webfont.ttf') format('truetype'),
         url('/slider/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBookOblique';
    src: url('/slider/Quicksand_Book_Oblique-webfont.eot');
    src: url('/slider/Quicksand_Book_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('/slider/Quicksand_Book_Oblique-webfont.woff') format('woff'),
         url('/slider/Quicksand_Book_Oblique-webfont.ttf') format('truetype'),
         url('/slider/Quicksand_Book_Oblique-webfont.svg#QuicksandBookOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBold';
    src: url('/slider/Quicksand_Bold-webfont.eot');
    src: url('/slider/Quicksand_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/slider/Quicksand_Bold-webfont.woff') format('woff'),
         url('/slider/Quicksand_Bold-webfont.ttf') format('truetype'),
         url('/slider/Quicksand_Bold-webfont.svg#QuicksandBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBoldOblique';
    src: url('/slider/Quicksand_Bold_Oblique-webfont.eot');
    src: url('/slider/Quicksand_Bold_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('/slider/Quicksand_Bold_Oblique-webfont.woff') format('woff'),
         url('/slider/Quicksand_Bold_Oblique-webfont.ttf') format('truetype'),
         url('/slider/Quicksand_Bold_Oblique-webfont.svg#QuicksandBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandDash';
    src: url('/slider/Quicksand_Dash-webfont.eot');
    src: url('/slider/Quicksand_Dash-webfont.eot?#iefix') format('embedded-opentype'),
         url('/slider/Quicksand_Dash-webfont.woff') format('woff'),
         url('/slider/Quicksand_Dash-webfont.ttf') format('truetype'),
         url('/slider/Quicksand_Dash-webfont.svg#QuicksandDash') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {margin:0; padding:0; width:100%;	}
	
html {padding:0; margin:0;}
	
ul li{list-style:none;}

body p, .Normal, .NormalDisabled
{
    font-size: 16px;
    color:#fff;
    font-family: QuicksandBook, Arial;
    font-weight: normal;
    line-height: 1.8em;
}

a { text-decoration:none;}
a:hover { text-decoration:underline;}


/* main */
.main { padding:0; margin:0 0 0 115px; width:880px;}


/********** header **********/
.block_header { margin:0  0 0 0px; padding:0;  width:820px;}
.header { margin:0; padding:0px;width:880px;}


h1, h2, h3, h4, h5, h6 
{
    font-family: QuicksandBold, Helvetica, sans-serif;
    color: #fff;
    text-shadow: 1px 1px 1px #799EB0;
}

h1 
{
    margin: 15px 0px;
}

h2 
{
    font-size: 22px;
    margin: 5px 0 10px;
}

h3
{
    font-size: 18px;
}

h4
{
    font-size: 16px;
}


/* logo */
.logo { padding:0 0 0 0px; margin:0; width:206px;left:40px; position:absolute; top: 50px;z-index:201;}

/* menu */	
.menufloat {z-index:200; position:fixed; left:0px; top:175px;}
.menu {height:100px; padding:0px 10px 0 0px; margin:0; width:240px; background:url(images/ocetbg2.png) top repeat;}
.menu a{background:transparent; color:#000;text-align:right;}


/********** body **********/
.body_resize { position: fixed; top:175px; left:280px; margin:0 0 0 0px; padding:0;background:url(images/ocetbg2.png) top repeat;}
.body { width:650px;  margin:0; padding:10px;}


/********** panes **********/
.ContentPane				{width: 80%; margin:0 auto; height:340px; padding:0px 15px 2px 0px;overflow-y:scroll;}
.LeftPane					{float:left; width:250px; margin:10px 0px 0px 0px; padding:0px 0px 0px 20px;}
.CenterPane					{float:left; width:300px; margin:10px 0px 0px 30px; padding:0px 0px;}
.RightPane					{float:right; width:300px;  padding:0px 0px;margin: 10px 10px 0px 0px;}
.MiddlePane1				{width: 970px; margin:0 0px 0px 0px; padding:3px 0px;}
.LeftPane1					{float:left; width:460px; margin:0 0px 0px 0px; padding:3px 0px;}
.RightPane1					{ float:right; width:660px;  padding:3px 0px; margin: 0px 10px 0px 0px;}
.MiddlePane2				{float:left; width: 970px; margin:0 0px 0px 0px; padding:0px 0px;}
.LeftPane2					{float:left; width:225px; margin:0px 0px 0px 30px; padding:0px 0 0 0px;}
.RightPane2					{ float:right; width:600px;  padding:2px 0px; margin: 0px 0px 0px 0px;}
.CenterPane2				{float:left; width:225px; margin:0 0px 0px 20px; padding:0px 0px;}
.MiddlePane3				{float:left; width: 970px; margin:0 0px 0px 0px; padding:3px 0px;}
.LeftPane3					{background:url(images/ocetbg.png) top repeat;float:left; width:63%; margin:0 0px 0px 0px; padding:3px 0px;}
.RightPane3					{ background:url(images/ocetbg.png) top repeat;float:right; width:35%;  padding:3px 0px;}
.BottomPane1				{float:left; width: 970px; margin:0px; padding:4px 0px;}
.BottomPane					{margin:20px auto 0 auto; background: url(images/btmpanebg.png)center top;}

.FooterPane					{bottom:0; height:40px; width:970px; margin: 0 auto; padding:0px 0 0px 0px;}

/********** end of panes **********/

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}

/* body_bg */
.body_bg { background:#fff; padding:0 20px; margin:0;}
.body_bg h3 { color:#85c1dd; font: bold 30px Arial, Helvetica, sans-serif; padding:20px 0; margin:0;}
.body_bg h4 { font: normal 18px Arial, Helvetica, sans-serif; color:#444; padding:10px 0; margin:0;}
.body_bg p { font: normal 12px Arial, Helvetica, sans-serif; color:#444; padding:5px 0; margin:0; line-height:1.8em;}
.body_bg img.serv { float:left; margin:10px 30px 10px 10px; padding:0;}

a.more {
	background:transparent url("images/read_more.gif") no-repeat scroll 0 0;
	display:block;
	float:right;
	height:0;
	overflow:hidden;
	padding-top:25px;
	width:98px;
}

.body img {  padding:0; padding-right:2px; margin:auto;}
.body img.floated { float:left; padding:0; margin:10px 15px 10px 0;}
.body ul { list-style:none; margin:10px auto; padding:0px 0;}
.body li { padding:3px 5px; margin:0; font: normal 12px Arial, Helvetica, sans-serif; color:#7d7d7d;}
.body li a { font: normal 12px Arial, Helvetica, sans-serif; color:#7d7d7d; text-decoration:none;}
.body li a:hover { color:#c52100;}
.body p.main_body { font:normal 12px Arial, Helvetica, sans-serif; color:#fff; line-height:1.8em; padding:5px 5px; margin:0;}
.body a { text-decoration:underline; color:#3B6B82; line-height:1.8em; font: normal 13px Arial, Helvetica, sans-serif;}
.body a:hover {text-decoration: none;}
.right { width:300px; float:right; padding:5px 10px; margin:0;}
.left { width:560px; float:left; padding:5px 0; margin:0;}
.block { width:255px; float:left; margin:10px; padding:0;}
.ind_resize { width:300px; float:left; border:1px solid #efefef; margin:10px 4px !important; margin:10px 3px; padding:15px 5px;}
.port_resize { width:265px; float:left; border:1px solid #efefef; margin:10px 5px 10px 0; padding:15px;}
.serv_resize { border:1px solid #efefef; width:405px; float:left; margin:10px 10px 10px 0; padding:15px;}

/*FBG*/
.FBG { position:relative; margin:0; padding:0;}
.FBG_resize { width:960px; margin:0 auto; padding:10px 0;}
.FBG_resize ul { list-style:none; margin:10px auto; padding:0;}
.FBG_resize li { padding:0; margin:0;}
.FBG_resize li a { font: normal 11px Arial, Helvetica, sans-serif; color:#3b6b82; text-decoration:none;}
.FBG_resize li a:hover { color:#fff;}

/*************footer**********/
.footer {padding:20px 0;  margin:0;}
.footer_resize { height:43px; width:941px; margin:0 auto; padding:0 10px;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#6a8b9a;}
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#6a8b9a; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:212px; margin:0; padding:15px 0 0 0; float:right;} 
.footer p.leftt { text-align:left; width:729px; margin:0; padding:15px 0 0 0; float:left;} 

.footer .footer_resize a, .footer .footer_resize a:visited, .footer .footer_resize a:hover {
color:#6A8B9A;
font:bold 11px Arial,Helvetica,sans-serif;
margin:0;
padding:5px 0px;
text-decoration:none;
}


/*************other**********/
.ModuleTitle_MenuItem {border: none;}
.ModuleTitle_MenuIcon {height: 0px;}
.DNNEmptyPane {
    height: 0px;
    padding: 0px 0 0 0 !important;
}