@charset "utf-8";
body { margin:0; padding:0; width:100%; background: url(images/main_bg.gif); }
html { padding:0; margin:0;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}
.vsmall {font-size: 16px;}
/* main */
.main { background-color: #00aded; padding:0; margin:0 auto;}
/********** header **********/
.blok_header { margin:0; padding:0; background: url(images/header_bg.gif) top repeat-x;}
.header { width:960px; margin:0 auto; padding:0;}
/* logo */
.logo { padding:0; margin:0; width:300px; height: 85px; float:left;}
/* menu */	
.menu { padding:20px 0 0 0; margin:0; width:600px; float:right; }
.menu ul { text-align: right;  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:#8a8a8a; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu ul li a span { padding:12px 9px; background:none;}
.menu ul li a:hover { color:#bdbdbd;  background: url(images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span { color:#bdbdbd;  background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a.active { color:#bdbdbd; background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a.active span { color:#bdbdbd;  background:url(images/l_menu.gif) no-repeat left;}
/* search */
.search { padding:8px 0 0 0; margin:0; width:320px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:216px; padding:0; height:29px;}
.search form .keywords { line-height:15px; height:15px; width:206px; float:left; background: url(images/search_bg.gif) left top no-repeat; border:0;  padding:7px 5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#fff;}
.search form .button { float:left; margin:0; padding:0;}
/*header_text*/
.header_text_bg { background: #00aded url(images/slider_bg.gif) top repeat-x; margin:0; padding:0;}
.header_text_bg h2 { margin:0; padding:10px 0;}
.header_text { margin:0; padding:0; background:#00aded; border-bottom:1px solid #f0f0f0; border-top:1px solid #fff;}
.header_text_resize {padding:5px 10px; width:940px; margin:0 auto;}
.header_text_resize a{color:#c52100;}
.header_text h2 { font: normal 20px Arial, Helvetica, sans-serif; color:#525252; padding:5px 0; margin:0;}
.header_text h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#a2a2a2;}
.header_text img { float:right; margin:0; padding:5px 0 0 0;}
/* Ca3er style */
.cu3er_resize { width:960px; margin:0 auto; padding:10px 0 40px 0; background: url(images/slider_bg_bottom.gif) no-repeat bottom;}
#cu3er-container { width:960px; outline:0; }

.bordered { width: 500px; border:1px solid #cccccc;}
/********** body **********/
.body_resize { background-color: #fff; margin:0; padding:0;}
.body { background: #FFFFFF; width:940px;  margin:0 auto; padding:10px 10px;}
.body h6 { font: bold 13px Arial, Helvetica, sans-serif; color:#343434; padding:5px 5px; margin:0;}
.body h5 { font: bold 14px Arial, Helvetica, sans-serif; color:#343434; padding:5px 5px 3px 5px; margin:0;}
.body h5 span { font: normal 12px Arial, Helvetica, sans-serif; color:#605f5f;}
.body h4 { font: normal 18px Arial, Helvetica, sans-serif; color:#343434; padding:5px 5px; margin:0;}
.body h4 span { font: italic 11px Arial, Helvetica, sans-serif; color:#7d7d7d;}
.body h4 span.value,
.body h4 span.curr { font: normal 18px Arial, Helvetica, sans-serif; color:#343434; padding:0; margin:0;}
.body h3 { font: normal 24px Arial, Helvetica, sans-serif; color:#343434; padding:5px 5px; margin:0;}
.body h3 span { font: italic 12px Arial, Helvetica, sans-serif; color:#7d7d7d;}
.body h2 { width:279px; height:40px; font: normal 18px Arial, Helvetica, sans-serif; color:#fff; margin:0;  padding: 5px 10px; background:url(images/h2_bg_top.gif) top no-repeat;}
.body h2 a{font: normal 18px Arial, Helvetica, sans-serif; color:#fff;}
.body h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#9d9d9d;}
.body img {  padding:0; margin:10px auto;}
.body img.floated { float:left; padding:0; margin:10px 15px 10px 0;}
.body ul { /*list-style:none; margin:10px auto; padding:0px 0;}*/
	margin-top: -5px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: disc;
	color: #666666;
	padding-top: 8px;
	}
	
.body ol { /*list-style:none; margin:10px auto; padding:0px 0;}*/
	margin-top: -5px;
	list-style-position: outside;
	color: #666666;
	padding-top: 10px;
	}
	
.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:#c52100; text-decoration:none;}
.body li a:hover { color:#c52100;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#605f5f; line-height:1.8em; padding:10px 5px; margin:0;}
.tablep p{ line-height:1.1em; padding:10px 5px; margin:0;}
.body a { text-decoration:none; color:#c52100; /*line-height:1.2em; font: normal 12px Arial, Helvetica, sans-serif;*/ }
.body a.grey { text-decoration:underline; color:#666666; line-height:1.2em; font: normal 12px Arial, Helvetica, sans-serif;}
.right { width:330px; float:right; padding:0 10px; margin:0;}
.righttestimonial { width:500px; height: 300px; float:right; padding:0 10px; margin:0; border-bottom:1px solid #cccccc;}
.righttestimonial2 { width:500px; height: 250px; float:right; padding:0 10px; margin:0; border-bottom:1px solid #cccccc;}
.righttestimonial400 { width:500px; height: 400px; float:right; padding:0 10px; margin:0; border-bottom:1px solid #cccccc;}
.righttestimonialtitle { width:500px; height: 50px; background:url(images/portfolio-header-bg2.gif) top no-repeat;}
.righttestimonialtitle h4 { color: #fff; padding: 10px 10px 10px 10px;}
.left { width:560px; float:left; padding:0 0; margin:0;}
.leftportheader { width:400px; height: 300px; float:left; padding:0 0; margin:0; border-bottom:1px solid #cccccc;}
.leftportheader2 { width:400px; height: 250px; float:left; padding:0 0; margin:0; border-bottom:1px solid #cccccc;}
.leftportheader3 { width:400px; height: 400px; float:left; padding:0 0; margin:0; border-bottom:1px solid #cccccc;}
.leftportheadertitle { width:400px; height: 50px; background:url(images/portfolio-header-bg1.gif) top no-repeat;}
.leftportheadertitle h4 { color: #fff; padding: 10px 10px 10px 10px;}

.leftfull { width:950px; float:left; padding:0 0; margin:0;}
.leftfull h3{ font-size: 18px; margin-top: 10px; font-weight: bold;}
.leftfull h4{ font-size: 14px; font-weight: bold;}

.block { width:255px; float:left; margin:10px; padding:0;}
.port_resize { width:299px; float:left; margin:10px 5px 10px 8px; padding:0;}

.bodytable p {font:normal 12px Arial, Helvetica, sans-serif; color:#605f5f; line-height:1.3em; padding:5px 5px; margin:0;}
.bodytable td {border-top:1px dotted #e5e5e5;}

/*FBG*/
.FBG { background:#f3f3f3; border-top:1px solid #e7e7e7; margin:0; padding:0;}
.FBG_resize { width:960px; margin:0 auto; padding:10px 0;}
.FBG_resize a { text-decoration:none; color:#c52100; line-height:1.8em; font: normal 12px Arial, Helvetica, sans-serif;}
.FBG_resize p { font: normal 12px Arial, Helvetica, sans-serif; color:#605f5f; padding:5px; margin:0; line-height:1.8em;}
.FBG_resize p span { color:#2b2b2b;}
.FBG_resize ul { list-style:none; margin:10px auto; padding:0;}
.FBG_resize li { padding:0 5px; margin:0;}
.FBG_resize li a { font: normal 12px/1.6em Arial, Helvetica, sans-serif; color:#605f5f; text-decoration:none;}
.FBG_resize li a:hover { color:#2b2b2b;}
.FBG_resize h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#2b2b2b; padding:5px; margin:0;}
.FBG_resize .left { width:205px; float:left; margin:10px 5px 10px 15px; padding:10px 5px;}

.spacer80 {width:80px;height:30px;float:left;}
.spacer125 {width:125px;height:30px;float:left;}
.spacer80b {width:80px;height:50px;float:left;}
.spacer125b {width:125px;height:50px;float:left;}
.spacer200 {width:200px;height:30px;float:left;}
.spacer200b {width:200px;height:50px;float:left;}
.spacer200c {width:200px;height:20px;float:left;}

/*  Portfolio styles ***************/
.portfolioheader{
	width: 550px;
	height: 20px;
	background:url(images/portfolio-item-header.gif) top no-repeat;	
}

.portfoliocontent{
	width: 550px;
	height: 200px;
	background:url(images/portfolio-item-content.gif) top repeat-y;	
}

.indent {
	padding: 0px 10px 0px 10px;
}

.portfoliofooter{
	width: 550px;
	height: 20px;
	background:url(images/portfolio-item-footer.gif) top no-repeat;	
}

.portfolioitemcol1{width: 130px; height: 200px; float: left; text-align: center;}
.portfolioitemcol2{width: 200px; height: 200px; float: left;}
.portfolioitemcol2a{width: 200px; height: 145px;}
.portfolioitemcol2b{width: 230px; height: 30px; margin: 0 0; padding: 0 0;}
.portfolioitemcol3{width: 200px; height: 200px; float: left;}

/*  Portfolio styles ***************/
.portfolioitemfull{width: 850px; height: 140px;	background:url(images/portfolio-item-bg.jpg) top no-repeat;}
.portfolioitemfull2{width: 850px; height: 175px; background:url(images/portfolio-item-bg2.jpg) top no-repeat; margin-top: 20px;}
.portfolioitemfull2 h3{line-height: 24px; padding-top: 6px; color: #fff;}
.portfolioitemfull3{width: 850px; height: 175px; background:url(images/portfolio-item-bg3.jpg) top no-repeat; margin-top: 20px;}
.portfolioitemfull3 h3{line-height: 24px; padding-top: 6px; color: #fff;}
.portfolioitemfull4{width: 850px; height: 270px; background:url(images/portfolio-item-bg4.jpg) top no-repeat; margin-top: 20px;}
.portfolioitemfull4 h3{line-height: 24px; padding-top: 6px; color: #fff;}
.portfolioitemfull5{width: 850px; height: 210px; background:url(images/portfolio-item-bg5.jpg) top no-repeat; margin-top: 20px;}
.portfolioitemfull5 h3{line-height: 24px; padding-top: 6px; color: #fff;}
.portfolioheaderfull{width: 850px; height: 20px; background:url(images/portfolio-item-header2.gif) top no-repeat;}
.portfoliocontentfull{width: 850px;	height: 140px; background:url(images/portfolio-item-content2.gif) top repeat-y;}
.portfoliofooterfull{width: 850px; height: 20px; background:url(images/portfolio-item-footer2.gif) top no-repeat;}

.portfolioitemcolfull1{width: 130px; height: 140px; float: left; text-align: center;}
.portfolioitemcolfull2{width: 270px; height: 140px; float: left;}
.portfolioitemcolfull2 img{margin-top: 0px;}
.portfolioitemcolfull2a{width: 270px; height: 100px;}
.portfolioitemcolfull2a p{line-height: 16px;}
.portfolioitemcolfull2b{width: 200px; height: 30px; margin: 0;}
.portfolioitemcolfull3{width: 240px; height: 140px; float: left;}
.portfolioitemcolfull3 h4{padding-top: 10px;}
.portfolioitemcolfull3 ul{padding: 0 0 0 25px; margin:0 0 0 0px;}
.portfolioitemcolfull3 li{padding: 2px 0 0 0; margin:0 0 0 0; color: #999999;}
.portfolioitemcolfull4{width: 160px; height: 140px; float: left;}
.portfolioitemcolfull4 h4{padding-top: 10px;}
.portfolioitemcolfull4 ul{padding: 0 0 0 25px; margin:0 0 0 0px;}
.portfolioitemcolfull4 li{padding: 2px 0 0 0; margin:0 0 0 0; color: #999999;}

/* END_bloga*/
/*************footer**********/
.footer {padding:0;  margin:0; background:#f9f9f9; border-top:1px solid #e8e8e8;}
.footer_resize { width:940px; margin:0 auto; padding:20px 10px;}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#737373;}
.footer a { font:bold 12px Arial, Helvetica, sans-serif; color:#444; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right;} 
.footer p.leftt { text-align:left; width:550px; margin:0; padding:15px 0 0 0; float:left;} 
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#222; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:480px; border:1px solid #e8e8e8; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}
#contactform textarea { width:480px; border:1px solid #e8e8e8; margin:10px 0; padding:2px; background:#f8f8f8; height:150px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 370px; border:0; color:#FFF;}
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 #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
.greyline { width:100%; border-bottom:1px solid #e8e8e8;}

#smoothmenu1 {
	float: left;
}

.ddsmoothmenu{
font: bold 12px Arial;
/*background: #414141; background of menu bar (default state)*/
width: 650px;
padding-top: 30px;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #282828; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: #000; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}
.ddsmoothmenu ul li ul li a{
background: black;
}

.ddsmoothmenu ul li ul li a:hover{
background: #dba22d;
color: #000;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Arial;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;*/
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 1.0;
}

.red {
color: #F00;	
}

.inputborderred {
	border: 1px solid #F00;	
}

table.rates {
  border-spacing:0;
}

table.rates thead tr:first-child td:first-child {
  border-top-left-radius: 6px
}

table.rates thead tr:first-child td:last-child {
  border-top-right-radius: 6px
}

table.rates tbody tr:last-child td:first-child {
  border-bottom-left-radius: 6px
}

table.rates tbody tr:last-child td:last-child {
  border-bottom-right-radius: 6px
}

table.rates tr td:first-child {
  padding-left: 15px;
}

table.rates td {
  width: 160px;
  height: 60px;
  padding: 0;
}

table.rates tbody p {
  font-size: 15px;
}

table.rates thead p {
  font-size: 16px;
  font-weight: bold;
}

#enrol label.error { margin-left: 10px; }