@charset "utf-8";
/*  CSS Document for BVD */
/*
******************************************************************************************************

Title:			main.css
Browser(s): 	All 

Author: 		Marko Prljić (http://www.markoprljic.iz.hr)
Created: 		31.01.2009

******************************************************************************************************
*/


/*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/



* {
	padding: 0;
}
body{
	margin:0;
	font-size: 62%;
	font-family: Arial, Helvetica, sans-serif; /*change font*/
	line-height: normal;
	color:fff; /*change font color*/
	background: #fff; /*background color*/
	position:relative;
	text-align: left;
}

div, p, ul, img{
	padding:0px;
	margin:0px;
	border:none;
	margin-top: 0px;
	text-align: left;
}
ul{
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}

.clear {
	clear:both;
}

a {
	outline:none; /* Remove Firefox's dotted borders */
	text-decoration:none;
	color:#000000;
	padding:0;
	margin:0;
}
a img { border:none;} /* Remove IE's blue borders */

/*txt a:hover()*/

h1 {font-size: 2.4em;}
h2 {
	font-size: 1.8em;
	line-height:0.8em;
	font-weight:normal;
	border:none;
	margin:0 0 35px 0;
	padding:0;
	color:#333;
}
h3 {
	font-size: 3.2em;
	line-height:1.2em;
	font-weight:normal;
	border:none;
	margin:0;
	padding:0 0 22px 0;
	color:#227ab0;
}
h4 {font-size: 1.6em;}
h5 {font-size: 1.8em;}
h6 {font-size: 1.2em;}


.hr{ border-bottom:1px solid #CCCCCC; border-left:none; border-right:none; border-top:none; margin:10px 0 20px 0; }
.left{ float:left;}
.left_margin_right{ float:left; margin:0 10px 0 0; font-size:1.2em;}
.left_margin_right_top{ float:left; margin:4px 10px 0 0;}
.right{ float:right;}
.right_margin_top{ float:right; margin:40px 0 0 0;}
.right_margin_right{ float:right; margin:0 20px 0 0;}

/*-------------------------------END----------DEFINE BODY PROPERTIES----------------------------------------*/

/*------------------------------GLOBAL TYPOGRAPHY--------------------------------*/

p  {
	font-size: 1.2em;
	padding:0;
	line-height:1.4em;
}
.gray {color: #666; font-size:1em; font-style:normal;}
.fat{font-weight:bold;}
.small  {font-size: 1.1em; padding:0; line-height:1.4em;}
.big {font-size: 1.8em; padding:0; line-height:1.2em; color:#f1f1f1; margin:0 0 22px 0;}
.white {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em; color:#fff;}
.title{ font-size:1.1em; font-style:italic; color:#227ab0;}
.stroke { border:1px solid #fff;}

/*------------------------------CONTENT--------------------------------*/

#top_content{
	background:#dddddd url(i/bg.gif) top left repeat-x;
	height:145px;
}

#nav_content{ background:#e4e4e3; height:52px;}

#header{
	background:#268abe url(i/bg_header.jpg) top center repeat-x;
	height:300px;
}
#header.contactPage {
	height:130px;
}
#header p{ color:#fff;}

#main_content{
	background:#B2C2D1 url(i/bg_cont.jpg) top center repeat-x;
	padding:0 0 3px 0;
	overflow: hidden;
}
#main_content_index{width: 100%; margin: 0 auto; position:relative; top:-20px}
#main_content p{
	color:#4b4d4a;
	margin-bottom:10px;
	font-weight: normal;
}
#main_content h2 {
	margin-bottom:0px;
	line-height: 1.1em;
}

#footer{
	background:#4b4d4a url(i/bg_footer.jpg) top center repeat-x;
	height:130px;
}

#footer a {font-size:13px; line-height:18px;}

#footer_nav{ background:#dcdcda url(i/bg_footer_nav.jpg) top center repeat-x; height:32px; padding:15px 0 0 0;}
#footer_nav .center a.footer_logo{ float: left; display:block; width:25px; height:16px; background: transparent url(../images/logo_footer.png) no-repeat; text-indent:-9999px; overflow:hidden;}
#footer_nav .center p { float:left; font-size:1.1em; color:#848484; padding:0 0 0 20px; }
#footer_nav .center ul { float:right;}
#footer_nav .center ul li{ float:left; margin:0 20px 0 0; }
#footer_nav .center ul li a { font-size:1.1em; text-transform:uppercase; color:#848484;}
#footer_nav .center ul li a:hover { color:#505457;}
#footer_nav .center ul li a:active { color:#505457;}



.center{
	width:960px;
	height:105%;
	margin:0 auto;
	padding:0;
}
.center1{width:960px; height:100%; margin:0 auto; padding:0;}

#top_light1{ background:transparent url(i/bg_top_overlay.png) top center no-repeat; }
#top_light2{ background:transparent url(i/bg_nav_overlay.png) top center no-repeat; }
#top_light3{ background:transparent url(i/bg_header_overlay.jpg) top center no-repeat; padding-top:0px;}
#top_light4{ background:transparent url(i/bg_cont_overlay.png) top center no-repeat; }
#top_light5{
}

h1 a img{ border:0px;}

.left_column { width:469px; float:left; padding:0px 0 40px 0;}
.right_column { width:470px; float:left; padding:0px 0 0 0;}
.right_column .description{ float:left; width:100%; margin-bottom:10px;}
.tagline{ width:436px; height:97px; background:transparent url(../images/tagline.png) no-repeat; text-indent:-9999px; overflow:hidden;}

.getquote {float:left; margin:42px 0 0 -4px; display:block; width:168px; height:45px; background: transparent url(i/button_quote.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.portfolio {float:left; margin:42px 0 0 10px; display:block; width:168px; height:45px; background: transparent url(i/button_portfolio.png) no-repeat; text-indent:-9999px; overflow:hidden;}

.featured { width:407px; height:237px; padding:17px 0 0 13px; background:transparent url(i/bg_image.png) no-repeat;}

ul.listing{ float:left; padding:12px 80px 28px 10px; margin:0;}
ul.listing li{ list-style-image: none; background-image:url(i/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 2px 25px; margin:0 0 5px 0; font-size:1.2em;}

.signup { float:right; width:87px; height:30px; display:block; margin:10px 0 0 0; background:transparent url(i/button_signup.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.login {float:right; margin:15px 10px 0 0;}

#testimonials{margin:0; width:938px; background:#f2f2f2; border:1px solid #e0e0df;}
#testimonials_inner {
	margin:10px;
	padding:20px;
	width:878px;
	background:url(i/linksContainer_bg.gif) left top repeat-x;
	border:1px solid #ffffff;
}
#testimonials_inner p.intro{ color:#d05606; font-weight:bold; font-size:1.4em;}
#testimonials_inner h4{
	padding:0px 0px opx 0px;
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
	color:#144A5C;
	font-weight:bold;
	margin: 0;
	margin-bottom: 4px;
}
#testimonials_inner a.all { display:block; width:192px; background:#f2f2f2; border:1px solid #e0e0e0; color:#6c6c6c; font-size:1.2em; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#testimonials_inner a.all:hover { display:block; width:192px; background:#fff; border:1px solid #e0e0e0; color:#6c6c6c; font-size:1.2em; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#testimonials_inner p.sig{ float:right; padding:0 20px 0 0;}
#testimonials_inner p.sig span{ font-size:1.1em; font-style:italic; color:#666;}
#testimonials_inner a.logo {float:right; width:162px; height:16px; display:block; background: transparent url(../images/logo_testimonials.png) no-repeat; text-indent:-9999px; overflow:hidden;}
#testimonials_inner a {
	font-size:12px;
	line-height:17px;
	color:#307083;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#testimonials_inner a:hover {
	color:#6D038F;
}


.column { width:225px; padding:0 15px 0 0; margin:30px 0; float:left; color:#f0f0f0;}
.column h5{ font-size:1.4em; font-weight:bold; letter-spacing:-1px; text-transform:uppercase;}
.column h6 { margin:0 0 10px 0;}
.column h6 a { margin:0 0 10px 0; color:#fafafa;}
.column h6 a:hover { margin:0 0 10px 0; color:#d05606;}
.column .date{ float:left; width:34px; height:17px; padding:0 0 0 5px; margin:0 10px 0 0; background:transparent url(i/ico_date.png) no-repeat; font-size:1.1em; font-weight:bold;}
.column p {font-size:1.1em;}
.column p.lead {font-size:1.1em; margin:0 0 20px 0;}

.column_odd { width:235px; padding:0; margin:30px 0; float:left; color:#f0f0f0;}
.column_odd p {font-size:1.1em;}
.column_odd h5{ font-size:1.4em; font-weight:bold; letter-spacing:-1px; text-transform:uppercase;}
.column_odd #tweeter { width:181px; height:185px; padding:18px 20px 18px 20px; background: transparent url(i/bg_twitter.png) no-repeat; position:relative; font-size:1.4em; color:#333; font-family:"Times New Roman", Times, serif; font-style:italic;}
.column_odd #tweeter a.from { font-weight:bold;}
.column_odd #tweeter a.follow { position:absolute; bottom:60px; left:0; color:#fff; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:0.8em; font-style:italic;}
.column_odd #tweeter a.follow:hover { position:absolute; bottom:60px; left:0; color:#d05606; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:0.8em; font-style:italic;}
.column_odd #tweeter p.posted { font-size:0.8em; margin:5px 0 0 0; color: #999;}

.column .ad{ float:left; display:block; width:88px; height:88px; border:1px solid #fff; padding:5px; margin:0; background:#eaeaea;}
.column .ad_odd { float:left; display:block; width:88px; height:88px; border:1px solid #fff; padding:5px; margin:0 15px 15px 0; background:#eaeaea;}

.column .recent_comment { background:transparent url(i/ico_comment.png) top left no-repeat; padding:0 0 0 40px; margin:0 0 20px 0; font-size:1.2em;}
.column a.comment { display:block; font-size:0.9em; margin:5px 0 0 0; color:#f0f0f0;}
.column a.comment:hover {display:block; font-size:0.9em; margin:5px 0 0 0; color:#d05606;}



#searchform {float: right; margin:30px 0 15px 0; background: transparent url(i/bg_search.png) no-repeat;}
fieldset.search {
	border: none;
	width: 146px;
	
	}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #a4a3a3;
	font-size: 1.2em;
	width: 109px;
	height: 17px;
	padding: 5px;
	vertical-align:middle;
	margin: 0;
	background:none;
	outline: none;
}
.search input.box:focus {
	background: none;
	outline: none;
}
.search button.btn {
	width: 27px;
	height: 27px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(i/bg_search.png) no-repeat top right;
}
.search button.btn:hover {
	background: url(i/bg_search.png) no-repeat bottom right;
}

/*NAVIGATION*/

.nav ul {margin:10px 0 0 0; padding: 0; list-style: none; float:left; }
.nav ul li{float: left; display: block; margin: 0 10px 0 0; padding: 0;}
.nav ul li a.button {
/* Sliding right image */
display: block;
float: left;
height: 27px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 14px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #848484;
font-size:1.2em;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
text-transform:uppercase;
}
.nav ul li a.button span {
/* Background left image */ 

display: block;
line-height: 27px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding:0 0 0 15px;
} 

.nav ul li a.button:hover {
/* Sliding right image */
background: transparent url(i/button_nav_right.png) no-repeat scroll top right; 
display: block;
float: left;
height: 27px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 14px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #7b3500;
font-size:1.2em;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
text-transform:uppercase;
}
.nav ul li a.button:hover span {
/* Background left image */ 
background: transparent url(i/button_nav_left.png) no-repeat; 
display: block;
line-height: 27px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding:0 0 0 15px;
}

.nav ul li.selected a {
/* Sliding right image */
background: transparent url(i/button_nav_right.png) no-repeat scroll top right; 
display: block;
float: left;
height: 27px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 14px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #7b3500;
font-size:1.2em;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
text-transform:uppercase;
}
.nav ul li.selected a span {
/* Background left image */ 
background: transparent url(i/button_nav_left.png) no-repeat; 
display: block;
line-height: 27px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding:0 0 0 15px;
} 


/*
	WIDGET STRUCTURE
*/
#blogSliderWrap 					{
	width: 940px;
	margin: 0 0 20px;
	padding: 5px 0 0px 0;
	position: relative;
}
#blogSlider 						{ margin: 0 auto; width: 960px; }
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 960px; }
.stripNav 							{ position: relative; top: 0;left: 20px; z-index: 99; }
.wrapper 							{ padding: 10px; }
.innerWrap 							{ width: 960px; overflow: hidden; }


/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul li 					{ float: left; }

.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height: 69px; text-indent: -9999px; }
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { background: url(i/tab_1.png) top center no-repeat; width: 231px; }
.stripNav li.tab2 a { background: url(i/tab_2.png) top center no-repeat; width: 240px; }
.stripNav li.tab3 a { background: url(i/tab_3.png) top center no-repeat; width: 240px; }
.stripNav li.tab4 a { background: url(i/tab_4.png) top center no-repeat; width: 230px; }

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 				{ /* Restore focus styling that we removed when we removed outlines */
									  background-position: top center; }

/* It is neccessary to repeat the image paths here */
.stripNav li.tab1 a.current {background: url(i/tab_1.png) bottom center no-repeat; }
.stripNav li.tab2 a.current {background: url(i/tab_2.png) bottom center no-repeat; }
.stripNav li.tab3 a.current {background: url(i/tab_3.png) bottom center no-repeat; }
.stripNav li.tab4 a.current {background: url(i/tab_4.png) bottom center no-repeat; }

/*OTHER PAGES*/
.padding{padding:50px 0 0 0px;}
.center_box{
	width:939px;
	margin:0 auto;
	padding: 10px 10px 35px 10px;
	overflow:hidden;
	background-color: #fff;
	background: url(i/center_bg.jpg) top center no-repeat;
}

/**/
.center_left{float: left; width: 180px;}
.center_left_top{ width: 158px; padding: 10px; border: 1px solid #eaeaea; background-color: #f0f0f0; text-align: center; overflow: hidden;}
.center_left_top h3{width: 158px; height: 21px; background: url(i/free_call.png) top center no-repeat; text-indent: -9999px;}
.center_left_top span{width: 158px; font-size: 2.4em; line-height: 20px; color: #db8146; padding: 0 0 10px 0;}

.center_left_top ul{text-align: left; padding: 25px 0 0 0px; position:absolute;top:0;left:0; width:297px;}
.center_left_top ul li{text-align: left; padding: 15px 0 0px 10px; height: 30px; width:297px;}
.center_left_top ul li.arrow{margin: 0 0 0 0px; padding: 15px 0 0px 10px; height: 30px; background: transparent url(i/arrow_right.png) no-repeat scroll 0 0; width:297px;}
.center_left_top ul li.arrow a{color: #fff;}
.center_left_top ul li a{font-size: 1.4em; line-height: 15px; color: #515450;}

.center_left ul.listing{float:left; padding: 30px 0px 0px 20px; margin:0;}
.center_left ul.listing li{list-style-image: none; background-image:url(i/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}

.center_right{
	float: right;
	width: 590px;
	padding: 0px 15px 0px 20px;
	margin-right: 50px;
}

.center_right.contactPage {
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	width:700px;
	float:left;
	padding-top:8px;
}

.big_content {
	float:left;
	padding-left:0px;
	margin:0px;
	width:675px;
}

.center_right h2{
	font-size: 21px;
	line-height: 5px;
	color: #006666;
	font-weight: normal;
	padding: 0 0 5px 0;
	margin: 0px;
}
.center_right .subtitle{font-size: 2.2em; line-height: 20px; color: #7d807c; font-weight: normal; padding: 0 0 10px 0;}
.center_right .title{
	font-size: 1.8em;
	line-height: 20px;
	color: #d56b26;
	font-weight: normal;
	padding: 0px 0 20px 0;
	font-style: normal;
}
.center_right p{font-size: 1.2em; line-height: 18px; color: #7d807c; font-weight: normal; padding: 0 0 10px 0;}

/*Blog*/
.center_left_top h3.blog{width: 158px; margin: 30px 0 0 0; background: url(i/the_blog.png) top center no-repeat; text-indent: -9999px;}
.center_left .subscribe{font-size: 1.6em; font-weight: bold; padding: 30px 0 0 5px; float: left; width: 100%;}
.center_left p{font-size: 1.2em; padding: 20px 0 10px 5px; float: left; width: 100%;}
.center_left img{padding: 0 0 0 2px;}

.center_left .img_holder{overflow: hidden; padding: 40px 0 5px 0px;}
.center_left .img_holder img{float: left; padding: 0; margin: 0 0 10px 0;}
.center_left .img_holder img.first{float: left; padding: 0; margin: 0 10px 0 0;}

.center_left p.join{font-size: 1em; line-height: 10px; padding: 0px 0 0 30px; margin: 0px; float: left; width: 100%;background: url(i/2dot.png) top left no-repeat}

.center_right h2.blog{font-size: 2.8em; line-height: 28px; color: #4b4d4a; font-weight: bold; padding: 0 0 0 0; margin: 0px;}
.blog_line{width: 100%; height: 1px; background-color: #d8d8d8; margin: 0 0 20px 0;}

.center_right .publish{font-size: 1.1em; line-height: 28px; color: #4b4d4a; padding: 0 0 30px 0; margin: 0px;}
.center_right .publish a{color: #db8146; font-weight: bold;}

p.blog_p{padding: 0 0 40px 0;}
p.blog_p a{color: #db8146; font-weight: normal; font-style: italic;}

/*Contact*/
.center_left_top h3.office_europe{width: 158px; line-height: 14px; margin: 10px 0 0 0; padding: 0; background: url(i/office_europe.png) top left no-repeat; text-indent: -9999px;}
.center_left_top h3.office_asia{width: 158px; line-height: 14px; margin: 10px 0 0 0; padding: 0 0 0 0; background: url(i/office_asia.png) top left no-repeat; text-indent: -9999px;}

p.office{text-align: left; width: 100%; padding: 5px 0 0px 0px; margin: 0px 0 10px 0;}

.center_right .subtitle2{
	font-size: 12px;
	line-height: 20px;
	color: #006699;
	font-weight: normal;
	padding: 0 0 10px 0;
}

#contact div{
	width: 100%;
	padding:0;
	margin:0px 0px 0px;
	height: 40px;
}
#contact input{
	padding: 5px;
	margin: 0;
	border: 1px solid #BFBFBF;
	background-color: #FFF;
	width: 358px;
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
	color:#515151;
}

#contact input:focus, #contact textarea:focus {
	background:#fffbeb;
}

#contact input#send{
	padding: 0px; 
	margin: 5px 0 15px 0; 
	border: none;
	width:83px;
	height:33px;
	background: url(i/send.png) no-repeat left top; 
	font-size: 1.1em; 
	font-weight: bold; 
	font-style: normal; 
	color:#1e96a0; 
	text-align: left; 
	cursor: pointer;
}

#contact div.textWrap {
	height:100px;
}

#contact textarea{
	border: 1px solid #BFBFBF;
	background-color: #FFF;
	padding: 7px;
	width: 354px;
	height: 75px;
	font-size: 13px;
	font-weight: normal;
	font-style:normal;
	color:#9a9a9a;
	font-family: Lucida Grande, Arial, sans-serif;
	color:#707249;
}

form#contact {
	display:block;
	width:390px;
	float:left;
	padding:0px;
	border:1px solid #cccccc;
	background:#f5f5f5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: rgba(255,204,0, 0.3) 0px 0px 5px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;  
    -webkit-box-shadow: rgba(255,204,0, 0.3) 0px 0px 5px;
}

form#contact > div.contactWrapper {
	width:auto;
	height:auto;
	padding:0px;
	margin:0px;
	padding:20px 0px 10px 10px;
}

form#contact h2 {
	background:url("../images/content_tabs_bg.gif") repeat-x scroll left bottom transparent;
	border-bottom:1px solid #DFDFDF;
	display:block;
	font-weight:normal;
	height:36px;
	margin:0;
	padding:14px 0 0;
	text-align:center;
	width:auto;
	font-size:17px;
	color:#000000;
}

div#contactBlocks div#gallery {
	width:288px;
	height:auto;
	background:grey;
	float:right;
	margin:0px 0px 10px;
	text-align: left;
	background:#ffffff;
	border:1px solid #cccccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
}

div#contactBlocks > div.amenities {
	margin-bottom:20px;
	background:#ffffff;
}

div#contactBlocks > div.amenities ul {
	display:block;
	width:290px;
	list-style: none;
	list-style-type: none;
}

div#contactBlocks > div.amenities ul > li {
	display:block;
	width:105px;
	float:left;
	height:18px;
	font-size:11px;
	border-bottom:1px dotted #cccccc;
	color:#319F8B;
	padding:9px 0px 0px 40px;
}

div#contactBlocks > div.amenities h3 {
	font-size:15px;
	color:#000000;
	font-weight:normal;
	text-align:left;
	padding:0px;
	margin-bottom:10px;
}

div#contactBlocks div#gallery > div {
	padding-left:15px;
	padding-top:15px;
}

div#contactBlocks div#gallery a img {
	border:1px solid #acacac;
	border-radius:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius:3px;
	padding:5px;
	display:block;
	float:left;
	width:109px;
	margin-right:15px;
	margin-bottom:15px;
}

div#contactBlocks div#gallery a img:hover {
	background:#efefef;
}

div#contactBlocks div#gallery h4 {
	display:block;
	width:288px;
	height:43px;
	background:url(../images/content_tabs_bg.gif) left bottom repeat-x;
	border-bottom:1px solid #dfdfdf;
	margin:0px;
	padding:0px;
	text-align: center;
	padding:7px 0px 0px;
	font-weight:normal;
}

div#contactBlocks div#gallery h4 div {
	width:288px;
	height:43px;
	text-align:center;
	background:url(../images/camera-icon.png) 70px 3px no-repeat;
}

div#contactBlocks div#gallery h4 span {
	color:#444444;
	display:block;
	font-size:11px;
	margin-top:2px;
}

div#contactBlocks {
	float:right;
	width:290px;
	height:auto;
}

a.contactBlock {
	height:43px;
	overflow:hidden;
	background:#eff1f2;
	border:1px solid #d6d6d6;
	margin:0px 0px 10px;
	padding:5px;
	display:block;
	box-shadow: rgba(0,0,0, 0.3) 0px 0px 5px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 2px;  
    -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 5px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#contact div.lines {
	border-bottom:1px solid #d0d0d0;
	height:22px;
	width:370px;
	margin-bottom:15px;
	padding:8px 0px 0px;
	color:#666666;
	font-size:12px;
	position: relative;
}

div.lines {
	border-bottom:1px solid #d0d0d0;
	border-top:1px solid #d0d0d0;
	color:#666666;
	font-size:12px;
	height:22px;
	width:460px;
	clear:left;
	margin-bottom:15px;
	padding:8px 0px 0px;
}

.border_bottom {
	border-bottom:1px solid #d0d0d0;
	width:460px;
	font-size:18px;
	font-weight:normal;
	color:#006666;
	padding-bottom:10px;
	margin-bottom:10px;
}

a.brochureLink {
	background:url("../images/pdf.png") no-repeat scroll left top transparent;
	color:#308485;
	display:block;
	font-size:12px;
	height:23px;
	padding:7px 0 0 30px;
	position:absolute;
	right:0;
	top:2px;
}

a.brochureLink:hover {
	color:#99cc00;
}

#contact div.picCon {
	width:370px;
	height:180px;
	background:url(../images/box.png) left top no-repeat;
	margin-bottom:10px;
	padding-left:6px;
	padding-top:11px;
}

#contact div.picCon.small_slides img {
	width:358px;
	height:165px;
	margin-top:11px;
	margin-left:6px;
}

#contact div.cHead {
	font-size:13px;
	font-weight:bold;
	background:url(../images/blue_round_arrow.png) left top no-repeat;
	padding-left:30px;
	padding-top:5px;
	height:25px;
	margin-bottom:20px;
}

a.first {
	cursor:pointer;
}

a.contactBlock div#gMap {
	height:250px;
	clear:both;
	position: relative;
	top:20px;
}

a.contactBlock:hover {
	border:1px solid #ffe169;
	background:#fffdef;
	box-shadow: rgba(255,204,0, 0.3) 0px 0px 5px;  
    -moz-box-shadow: rgba(255,204,0, 0.1) 0px 0px 5px;  
    -webkit-box-shadow: rgba(255,204,0, 0.3) 0px 0px 5px;
}

a.contactBlock.bigger {
	height:100px;
}

div.contactInfo {
	width:230px;
	float:right;
	font-size:12px;
	color:#5E8C8C;
	text-decoration: none;
}

div.contactInfo span {
	color:#6D9F1D;
}

div.contactInfo b {
	display:block;
	margin:1px 0px 0px;
	font-size:13px;
	color:#343434;
}

a.contactBlock div.contactIcon {
	float:left;
}

a.contactBlock div#icon_email {
	width:35px;
	height:35px;
	background:url(../images/contactIcons.png) -70px 0px no-repeat;
}

a.contactBlock div#icon_phone {
	width:35px;
	height:35px;
	background:url(../images/contactIcons.png) -665px 0px no-repeat;
}

a.contactBlock div#icon_web {
	width:35px;
	height:35px;
	background:url(../images/contactIcons.png) -630px 0px no-repeat;
}

a.contactBlock div#icon_fax {
	width:35px;
	height:35px;
	background:url(../images/contactIcons.png) -104px 0px no-repeat;
}

a.contactBlock div#icon_location {
	width:35px;
	height:35px;
	background:url(../images/contactIcons.png) -348px 0px no-repeat;
}

a.contactBlock div#icon_info {
	width:35px;
	height:35px;
	background:url(../images/contactIcons.png) -245px 0px no-repeat;
}

img#contactPic {
	width:198px;
	height:350px;
	float:right;
}

.find{font-size: 1.4em; font-weight: bold; color: #4b4d4a; padding: 20px 0 10px 0;}

.google_holder{width: 100%; overflow: hidden; padding: 10px 0 0 0;}
.google_map{width: 444px; float: left; border: 1px solid #e5e3e3;}
.google_description{width: 144px; float: left; padding: 15px 0 0 30px;}

/*Portofolio*/
.portofolio{position: relative;}
.center_left_top h3.categories{width: 158px; line-height: 14px; margin: 30px 0 10px 0; padding: 0; background: url(i/categories.png) top center no-repeat; text-indent: -9999px;}
.portofolio_main{width: 100%; padding: 20px; margin: 10px 0 0 0; overflow: hidden; border: 1px solid #cdcbcb; background-color: #f0f0f0;}
.portofolio_main h3{color: #4b4d4a; font-size: 2.2em; padding: 0 0 5px 0;}
.portofolio_main .publish{color: #4b4d4a; font-size: 1.1em; padding: 0 0 10px 0;}

.featured2{width:407px; height:237px; padding:17px 0 0 13px;position: absolute; background: url(i/featured.png) top left no-repeat; top: 112px; left: 68px; margin: 0px 0 0 0;}
.div_image{float: left; border: 1px solid #cdcbcb; width: auto; padding: 10px; margin-right: 20px; background-color: #ffffff;}

.blog_thumb{width: 100%; padding: 20px; margin: 20px 0 0 0; border: 1px solid #cdcbcb; overflow: hidden; background-color: #f4f4f4;}
.blog_thumb img{border: 1px solid #cdcbcb; margin-right: 30px;}
.blog_thumb h2{width: 455px; font-size: 1.6em; padding: 0; margin: 0 0 20px 0; line-height: normal;}

/*Pricing*/
.pricing_main{width:918px; padding: 20px;}
.pricing_main h2{margin: 0 0 10px 0; font-size:2.8em; font-weight:bold;}
.pricing_main .subscribe{padding: 30px 0 30px 0; font-size: 1.4em; font-weight: bold; color: #4b4d4a;}
.pricing_main p{padding: 0px 0 20px 0;}

.pricing_header{overflow: hidden; width: 100%;}
.pricing_header_left{float: left; width: 630px;}
.pricing_header_left .title{font-size: 2.2em; line-height: normal; color: #7d807c; padding: 0 0 20px 0; font-style: normal;}
.pricing_header_right{float: left; width: 223px; padding: 0 0 0 65px;}
.pricing_header_right .card{font-size: 1.4em; line-height: normal; color: #7d807c; font-weight: bold; padding: 0 0 10px 0;}

.pricing_table{width: 898px; margin: 50px 0 20px 0; padding: 20px 10px 20px 10px; overflow: hidden; border: 1px solid #cdcbcb; background-color: #f3f3f3;}
.pricing_table .thumb{float: left; width: 189px; padding: 10px 10px 10px 25px; border-right: 1px solid #cdcbcb;}
.pricing_table .thumb .subtitle{ font-size: 1.3em; color: #5c6458; padding: 0 0 20px 0;}
.pricing_table .thumb_last .subtitle{ font-size: 1.3em; color: #5c6458; padding: 0 0 20px 0;}
.pricing_table .thumb_last{float: left; width: 188px; padding: 10px 10px 10px 25px;}
.pricing_table .thumb .price{font-size: 2.2em; font-weight: bold; color: #d15806; line-height: normal;}
.pricing_table .thumb_last .price{font-size: 2.2em; font-weight: bold; color: #d15806; line-height: normal;}
.pricing_table .thumb .price span{font-size: 11px; font-weight: normal; color: #b1b1b1 ;line-height: normal;}
.pricing_table .thumb_last .price span{font-size: 11px; font-weight: normal; color: #b1b1b1; line-height: normal;}
.thumb a, .thumb_last a{float: left; width: 160px; height: 40px; display: block; margin: 20px 0 10px 0; background: url(i/buynow.png) top left no-repeat; text-indent: -9999px;}

.pricing_table .thumb ul.listing, .pricing_table .thumb_last ul.listing{float:left; padding: 30px 0px 0px 0px; margin:0;}
.pricing_table .thumb ul.listing li{list-style-image: none; background-image:url(i/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}
.pricing_table .thumb_last ul.listing li{list-style-image: none; background-image:url(i/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}
.pricing_table .thumb ul.listing li.no{list-style-image: none; background-image:url(i/no.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}
.pricing_table .thumb_last ul.listing li.no{list-style-image: none; background-image:url(i/no.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}


.pricing_table h4.professional{width: 100%;float: left; line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(i/professional.png) center left no-repeat; text-indent: -9999px;}
.pricing_table h4.basic{width: 100%; float: left;line-height: 47px; margin: 0 0 35px 0; padding: 0 0 0 0; background: url(i/basic.png) center left no-repeat; text-indent: -9999px;}
.pricing_table h4.advanced{width: 100%;float: left; line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(i/advanced.png) left center no-repeat; text-indent: -9999px;}
.pricing_table h4.nitro{width: 100%; float: left;line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(i/nitro.png) center left no-repeat; text-indent: -9999px;}

.pricing_table_footer{font-size: 1.2em; color: #949494; font-style: italic;}



/* here comes my CSS! */

#callUs {
	display:block;
	width:325px;
	float:right;
	margin-top:12px;
}

div#sShow {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:960px;
	height:110px;
	position:relative;
}

div#sShow.contactPage {
	height:130px;
}

div#sShow div#buttonContainerBG {
	position:absolute;
	height:70px;
	width:440px;
	background:#ffffff;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	box-shadow: rgba(0,0,0, 0.4) 0px -5px 9px;
	-moz-box-shadow: rgba(0,0,0, 0.4) 0px -5px 9px;
	-webkit-box-shadow: rgba(0,0,0, 0.4) 0px -5px 9px;
	opacity:0.8;
	filter:alpha(opacity=80);
	bottom:-189px;
	left:260px;
	z-index:100;
}

div#sShow div#buttonContainer {
	position:absolute;
	height:70px;
	width:440px;
	background:none;
	bottom:-188px;
	left:260px;
	z-index:100;
}

div#sShow div#buttonContainer div#call {
	width:150px;
	height:31px;
	background: transparent url(../images/callus.png) left top no-repeat;
	float:left;
	margin:0px 10px 0px 20px;
	padding:0px 0px 0px 40px;
}

div#sShow div#buttonContainer a#quote {
	display:block;
	width:190px;
	height:31px;
	background: transparent url(../images/getquote.png) left top no-repeat;
	float:right;
	margin:0px 20px 0px 0px;
}

div#sShow div#buttonContainer a#quote:hover {
	background: transparent url(../images/getquote.png) left bottom no-repeat;
	opacity:1;
	filter:alpha(opacity=100);
}

div#sShow div#buttonContainer h2 {
	text-align:center;
	font-size:17px;
	margin:9px 0px 9px;
	color:#005F8C;
	font-weight:bold;
}

div#sShow ul li, div#sShow ul li a img {
	width:960px;
	height:300px;
}

div#sShow.contactPage ul li a img {
	width:960px;
	height:130px;
}

div#sShow.contactPage ul li {
	height:130px;
	overflow:hidden;
}

div#sShow.contactPage ul li a {
	height:130px;
	display:block;
}

div#sShow ul li {
	margin:0px 0px 0px 0px;
}

div#sShow ul li div.description {
	width:940px;
	height:42px;
	position:absolute;
	background:#ffffff;
	bottom:-15px;
	opacity:0.9;
	filter: alpha(opacity-80);
	padding:10px;
	overflow:hidden;
}

div#sShow ul li div.description h2 {
	font-size:20px;
	margin-bottom:3px;
	color:#444444;
}

div#sShow ul li div.description p {
	color:#444444;
}

div#boxes {
	width:960px;
	height:85px;
	margin:0px 0px 0px 0px;
	overflow:visible;
	padding:25px 0px 0px;
	position:relative;
}

div#boxes p.top {
	width:940px;
	text-align:center;
}

div#boxes a.office {
	display:block;
	width:218px;
	height:50px;
	background:#f2f2f2;
	/*-moz-border-radius: 3px;*/
	border:1px solid #a8a8a8;
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 7px;
	-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 7px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 7px;
	float:left;
	margin-left:0px;
	margin-right:20px;
	margin-bottom:10px;
	padding:5px 0px 6px;
	color:#006699;
	font-size:11px;
	overflow:hidden;
}

div#boxes a.office p {
	margin:5px 10px 10px;
	font-size:12px;
}

div#boxes a.office:hover {
	/*background:#efefef;*/
	color:#000000;
}

div#boxes a.office:hover h3 {
	color:#8CBB00;
}

div#boxes a.office img.small {
	border:1px solid #ffffff;
	background:#dddddd;
	float:left;
	margin:0px 10px 0px 5px;
	height:48px;
	width:48px;
}

div#boxes a.office h3 {
	font-size:17px;
	color:#333333;
	text-transform: uppercase;
	text-shadow:#ffffff 1px 1px 1px;
	margin-bottom:0px;
	font-weight:bold;
	border:0px;
	padding:0px;
}

div#boxes a.office span.office_moreInfo {
	display:none;
}

div#boxes span {
	font-size:12px;
	color:#333;
	display:block;
	text-align: left;
}

div#boxes div#getaquoteWrapper {
	height:50px;
	padding:0px 0px 0px 0px;
	font-size:17px;
	line-height:44px;
	text-shadow:#f6f6f6 1px 1px 1px;
}

div#boxes div#getaquoteWrapper a {
	display:block;
	float:left;
	margin-right:20px;
}

div.linkBlock {
	width:219px;
	float:left;
}

div.linkBlock ul {
	margin-bottom:10px;
}

div.linkBlock li {
	background:url(i/grey_tri.png) left 4px no-repeat;
	padding-left:15px;
}

div#fFooter {
	padding-top:20px;
	font-size:11px;
	text-align:center;
	color:#333;
	line-height:19px;
}

div#top_light1 h1 {
	padding-top:0px;
	height:70px;
	margin-top:7px;
	font-size:20px;
	width:600px;
	float:left;
	font-size:22px;
	margin-left: 0px;
	padding-left: 0px;
	text-shadow:#ffffff 1px 1px 1px;
}

div#top_light1 a#login {
	display:block;
	width:134px;
	height:50px;
	float:right;
	margin:27px 0px 0px;
}

div#top_light1 h1 img {
	margin-bottom:20px;
	margin-top: 13px;
}

div#top_light1 div#phone {
	float:right;
	clear:right;
	font-size:18px;
	color:#333333;
	text-shadow:1px 1px 1px #efefef;
	margin:32px 10px 0px 0px;
	height:26px;
	background:url(../css/i/phone.png) left top no-repeat;
	padding:4px 0px 0px 40px;
	font-weight: bold;
}

.theContent h3 {
	font-size:23px;
	padding:0px;
	margin-bottom:3px;
}



/* three columns */

#blogSliderWrap  div.rightAd {
	height:103px;
	width:208px;
	margin-bottom:15px;
	padding:0px;
}

div.three_column {
	width:198px;
	float:left;
	background:fff;
	padding:10px 10px 0px;
	z-index:0;
	position:relative;
	padding-top: 0px;
}

div.three_column_big {
	width:461px;
	float:left;
	background:fff;
	z-index:0;
}

div.three_column div.inner, div.three_column_big div.inner {
	background:#ffffff;
	height:100%;
	padding:10px;
}

div.three_column div.inner h2 {
	margin-bottom:10px;
}

div.three_column div.inner img.contentPic {
	border:1px solid #e0e0df;
	padding:1px;
	background:#ffffff;
	margin:10px 0px;
	width:181px;
}

div.rightMargin {
	margin-right:20px;
	margin-left: 0px;
	margin-top: 0px;
}

div.right_col {
	border-left:1px solid #cccccc;
	margin-top:10px;
	padding-right:0px;
	width:208px;
}

div.socialBar a {
	border-bottom:1px dotted #cccccc;
	display:block;
	font-size:12px;
	height:44px;
	margin-bottom:5px;
	margin-left:0px;
	text-decoration: none;
	clear:both;
}

#navigationContainer {
	height:100%;
	padding-right:20px;
	margin-top:10px;
	width:188px;
	border-right:1px solid #cccccc;
}

h2.float_left {
	width:450px;
	float:left;
}

.right_sidebar {
	width:198px;
	float:right;
	border-left:1px solid #cccccc;
	height:380px;
	padding:10px;
	margin-left:20px;
}

.picCon_adpage {
	width:460px;
	height:204px;
	background:url(../images/ad_page_box.png) left top no-repeat;
	clear:left;
	margin-bottom:10px;
}

.picCon_adpage img {
	margin-top:11px;
	margin-left:6px;
}

#thebody #facebox .body {
	width:270px;
}

div#promo {
	display:none;
	height:400px;
	width:280px;
	background:url(../images/promo_bg.png) right bottom no-repeat;
	padding:10px;
}

div#promo p {
	font-size:13px;
	margin:20px 0px;
}

div#promo img#logo {
	width:200px;
}

div#promo form {
	display:block;
}

div#promo form > div {
	margin-bottom:7px;
}

div#promo form > div > input {
	border:1px solid #cecece;
	padding:6px 4px;
	width:270px;
}

div#promo form > div > input#submit {
	background:#79af23;
	background: -moz-linear-gradient(top, #b4db76, #79af23);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#b4db76), to(#79af23));
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;  
    -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;  
    -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #6b9d1c;
	color:#ffffff;
	font-size:13px;
	padding:4px;
	cursor:pointer;
	width:auto;
	float:right;
	margin-top:15px;
}

a.promotion_button {
	display:inline;
	width:auto;
	background:#79af23;
	background: -moz-linear-gradient(top, #b4db76, #79af23);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#b4db76), to(#79af23));
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;  
    -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;  
    -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #6b9d1c;
	color:#ffffff;
	font-size:13px;
	padding:4px;
	cursor:pointer;
}

.leftAd {
	border:1px solid #cccccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top:20px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
}

.leftAd > a {
	padding:10px;
	display:block;
}

.leftAd > a > img {
	border:0px;
}

.leftAd h5 {
	height:23px;
	background:url("../images/content_tabs_bg.gif") repeat-x scroll left bottom transparent;
	margin:0px;
	padding:8px 0px 0px;
	font-size:13px;
	text-align:center;
	font-weight:normal;
	border-bottom:1px solid #dfdfdf;
	color:#343434;
}

.leftAd h5 > div {
	width:145px;
	margin:0px auto;
	text-align:right;
	background:url("../images/camera-icon.png") no-repeat scroll 0px 1px transparent
}

#navigationContainer h3 {
	color:#006666;
	font-size:18px;
	margin-bottom:10px;
	padding:0;
}

#blogSliderWrap div.inner.socialBar {
	width:100%;
	padding:0px;
}

div.socialBar h3, .navigationContainer h3 {
	font-size:18px;
	color:#006666;
	padding:0px;
	margin-bottom:10px;
}

div.socialBar a:hover b {
	color:#97D130;
}

div.socialBar a img {
	border:0px;
	float:left;
	height:38px;
	vertical-align: top;
	width:38px;
}

div.socialBar a div {
	color:#666666;
	display:block;
	float:left;
	font-size:12px;
	padding:4px 0px 0px 10px;
}

div.socialBar a div b {
	color:#343434;
	display:block;
	font-size:13px;
	margin-bottom:2px;
	position: relative;
}

/* end three columns */


/* vert nav */

ul#navigation li a {
	display:block;
	padding:5px 5px 5px 20px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom:1px solid #d9d9d9;
	margin-bottom:1px;
	color:#66818E;
	text-transform: capitalize;
	background:url("../images/mini_icons.png") no-repeat scroll -265px 2px transparent;
}

ul#navigation li a.current {
	
}

ul#navigation li a:hover {
	color: #9C0;
	
}

/* end vert bar */

div.clear {
	clear:both;
	height:0px;
}

#main_content .mainContainer {
	background:#ffffff;
	-moz-border-radius: 2px;
	border:1px solid #a8a8a8;
	margin-top:20px;
	padding:0px 0px 10px 10px;
	width:950px;
}