/* 
	Coffee Bean Design
	stylesheet.css
	Copyright 2008 Coffee Bean Design	
*/

/* == STYLES == */

*{padding:0;margin:0;}
img,a img{padding:0;margin:0;border:none;}

object {outline:none;}

body{font-family:Helvetica, Verdana, Arial, sans-serif;color:#333333;line-height:20px;text-align:justify;margin:0;font-size:11px;
background-color:#FFFFFF;background:url(../images/bg_body.jpg);background-repeat:no-repeat;background-position:top center;}

a{text-decoration:none;color:#FF6600;}
a:hover{color:#0099FF;}
p {margin:0 0 15px 0;padding:0;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{height:1px;}

p.warning{color:#FF0000;font-weight:700;}

h1{display:none;}

h2,h2 a{font-family:Helvetica, Verdana, Arial, sans-serif;color:#0066FF;padding:0 0 10px 0;margin:0 0 10px 0;font-weight:normal;font-size:24px;line-height:30px;}

h2.orange, h2.orange a,p.orange {color:#FF6600;}
.green{color:#009900;}

h3{font-family:Helvetica, Verdana, Arial, sans-serif;font-size:14px;color:#000000;padding:0 0 10px 0;margin:0;font-weight:700;}

h4{margin:0;color:#333333;font-size:16px;padding:0 0 20px 0;font-weight:normal;line-height:22px;}

h5{margin:0;color:#333333;font-size:11px;text-transform:uppercase;padding:0 0 5px 0;}

h6{margin:0;color:#285DA2;font-weight:bold;padding:0 0 10px 0;font-size:14px;}

.bold{font-weight:700;}
.clear{clear:both;}

.breaker{border-bottom:1px solid #999999;height:1px;}
.highlight{color:#285DA2;font-weight:bold;}

.big{line-height:24px;}
.small{font-size:9px;}

.float_right {display:inline;float:right;}
.float_left {display:inline;float:left;}
.clear {clear:both;}
noscript *{clear:none;display:inline;margin:0;padding:0;}

.overflow_vert {overflow:-moz-scrollbars-vertical;overflow-x:hidden;overflow:auto;padding-right:20px;}

.text_center{text-align:center;}
.text_left{text-align:left;}
.text_right{text-align:right;}

/* == END STYLES == */

/* == LAYOUT == */

#container{margin:15px auto 20px auto;width:900px;padding:0;}

#header{height:80px;padding:0 10px 3px 10px;}
#header .byline{margin:0;float:right;}

#page{padding:40px 40px 0 40px;margin:0;background-color:#FFFFFF;background:url(../images/bg_page.png);background-repeat:repeat-y;float:left;width:820px;}

#bottom{height:30px;background-color:#FFFFFF;background-position:bottom;background:url(../images/bg_bottom.png);background-repeat:no-repeat;clear:both;}

#footer{color:#666666;padding:2px 10px 2px 10px;font-size:10px;margin:0;}
#footer a{color:#666666;}

#menu {height:50px;background-color:#FFFFFF;background:url(../images/bg_menu.png);background-repeat:no-repeat;padding:0;position:relative; z-index:100;}
#menu .email{margin:16px 0 0 15px;float:left;font-size:14px;}
#menu .email a{color:#FFFFFF;}
#menu .email a:hover{color:#FF6600;}
#menu ul {list-style:none;padding:0;margin:0;float:right;display:inline;}
#menu li{position:relative;float:left;margin:4px 0 0 0;height:23px;font-size:14px;padding:12px 12px 11px 12px;}
#menu li a{color:#FFFFFF;text-decoration:none;padding:0 0 14px 0;}
#menu li a:hover{color:#FF6600;}
#menu .on{background-color:#000000;}
#menu #left{padding:12px 16px 11px 12px;}
#menu #left.on{background:url(../images/bg_menu_right.png);background-repeat:no-repeat;background-position:right top;}
#menu .on a,#menu .on a:hover{color:#FFFFFF;}

#menu ul ul {visibility:hidden;position:absolute;height:0;top:46px;left:0;float:left;margin:0;width:120px;}
#menu ul ul li{margin:0;display:block;clear:both;padding:0;height:auto;width:120px;}
#menu ul ul a{font-size:10px;display:block;margin:0;height:18px;color:#FFFFFF;background:url(../images/bg_trans_black.png);background-repeat:repeat;padding:4px 10px 4px 10px;border-bottom:2px solid #000000;}
#menu li.on ul a:hover{color:#Ff6600;}
#menu ul li:hover ul,.menu ul a:hover ul{visibility:visible; }

#message{padding:0 0 5px 0;margin:0 0 15px 0;font-weight:700;}
#message.warning{border-bottom:3px solid #CC0000;color:#CC0000;}
#message.success{border-bottom:3px solid #006600;color:#006600;}

.left_panel{padding:0;margin:0;width:480px;display:inline;float:left;}

.home_panel{padding:10px 0 0 0;}
.home_middle{padding:20px 0 0 0;display:inline;width:820px;float:left;}
.home_panel .bottom{float:right;margin:30px 10px 20px 0;}

.home_left,.home_right{padding:10px 10px 10px 10px;width:360px;height:230px;background:url(../images/bg_home_box.gif);background-repeat:no-repeat;}
.home_left{float:left;}.home_right{float:right;}
.flash * {margin:0;padding:0;}
.virtual_tour{background:url(../images/bg_home_flash.png);background-repeat:no-repeat;height:152px;padding:28px 0 30px 0;}

#home_virtual{height:410px;overflow:hidden;}

.home_clients {width:820px;overflow:auto;height:100px;margin:0 0 20px 0;}
.home_clients table{display:inline;float:left;}
.home_clients table tr td {padding:0 10px 0 10px;}

.home_panel .blue{color:#FFFFFF;background:#2A4A88;padding:15px 20px 10px 20px;font-size:14px;margin:0 0 20px 0;}

#services_hover{background-repeat:no-repeat;background-position:right;}

.feature{border:1px solid #2A4A88;clear:both;display:inline;width:820px;float:left;margin:0 0 20px 0;}
.feature h3{line-height: 26px;}
.feature p {padding:15px 15px 0 15px;font-size:14px;margin:0 0 5px 0;}
h6.feature_title{background:#2A4A88;padding:10px;color:#FFFFFF;display:inline;float:left;clear:both;}
.home_box {display:inline;float:left;width:100%;margin:0 0 20px 0;}
.feature_left {width:365px;float:left;}
.feature_left ul{margin:0;padding:0;}
.feature_left ul li{margin:0 0 0 20px;}
.feature_right{width:365px;float:right;}
.feature_left, .feature_right{color:#FFFFFF;background:#2A4A88;padding:10px 20px 10px 20px;font-size:14px;height:420px;}
.feature_left h6, .feature_right h6{color:#FFFFFF;margin:0 0 10px 10px;font-size:16px;}
.padding{padding:20px;width:780px;}

.newsletters ul{list-style:none;}

#iphone {background:url(../images/gr_iphone.jpg) no-repeat;padding:20px 78px 29px 91px; width:311px; height:208px;margin:0 0 20px 0;}


.home_panel h3, .home_right h3{font-size:16px;color:#FF6600;margin:0;padding:0 0 4px 0;line-height:20px;}

.bottom_panel{clear:both;margin:30px 0 0 0;border-top:1px solid #CCCCCC;padding:10px 0 0 0;}
.top_panel{clear:both;margin:0 0 20px 0;z-index:-100;height:347px;}

.login_panel{width:210px;margin:50px auto 20px auto;padding:0 0 50px 0;}

.right_panel{background:url(../images/bg_trans_grey.png);background-repeat:repeat;padding:10px 20px 10px 18px;margin:0 0 10px 0;width:260px;float:right;border-left:2px solid #999999;border-top:2px solid #999999;}
.right_panel h2{margin:0 0 15px 0;border-bottom:2px solid #FF6600;text-align:right;color:#666666;padding:0 0 10px 0;font-size:18px;}
.right_panel h3{color:#666666;padding:0 0 5px 0;margin:0;}

.right_panel .list{list-style:none;margin:0 0 10px 0;padding:4px;}
.right_panel .list li{padding:0 0 4px 0;font-size:14px;}
.right_panel .list li.on a{color:#000000;}

.preview {padding:0;margin:0 0 20px 0;}
.preview img{border:3px solid #000000;width:474px;}
.comment{border-bottom:1px dotted #999999;padding:0 0 10px 0;}

.logos td {padding:0 0 2px 0;}
.logos td a img{padding:14px;border:1px solid #CCCCCC;}
.logos td a img:hover{border:1px solid #FF6600;}



/* == END LAYOUT == */


/* == FORMS == */
form{margin:0;padding:0;display:inline;font-family:Helvetica, Verdana, Arial, sans-serif;}
form .cell{clear:both;width:100%;float:left;}
form label{text-align:left;clear:left;display:block;float:left;width:150px;padding:0 10px 0 0; color:#333333; margin:0 10px 10px 0;font-weight:700;color:#0066FF;}
form input, form textarea{font-family:Helvetica, Verdana, Arial, sans-serif;font-size:11px;background-color:#FFFFFF;border: 1px solid #999999;color:#333333;padding:5px;}
form input.input_text{margin:0 0 10px 0;width:200px;}
form input.small{width:100px;}
form textarea{height:120px;width:360px;margin:0 0 10px 0;}
form textarea.small{display:inline;float:left;width:200px;}
form button{font-family:Helvetica, Verdana, Arial, sans-serif;color:#FF6600;background-color:#FFFFFF;border:1px solid #999999;font-size:11px;padding:0 10px 0 10px;float:right;display:inline;margin:10px 0 0 0;height:28px;line-height:27px;}
form button:focus, form button:hover {color: #666666;background-color: #E5E5E5;}
form select{margin:0 0 10px 0;width:150px;font-family:Helvetica, Verdana, Arial, sans-serif;font-size:11px;background-color:#FFFFFF;border: 1px solid #999999;color:#333333;padding:2px;}


.subscribe {width:390px;clear:both;}
.subscribe {clear:both;display:block;}
.subscribe  button{margin:0 10px 0 0;}

/* == END FORMS == */


.post_image{border:10px solid #E5E5E5;margin:10px 0 10px 0;}
.news_item{border-bottom:1px dotted #CCCCCC;margin:10px 0 20px 0;}

.split_page_links {list-style:none;height:40px;font-size:10px;margin:0;}
.split_page_links li{float:left;margin:0;padding:0;margin:0 10px 0 0;}
.split_page_links li a{border:1px solid #CCCCCC;padding:2px 10px 2px 10px;display:block;}
.split_page_links li.on a{background:#E5E5E5;}
.split_page_links li.label{padding:4px 0 4px 0;}


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
}

ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 5px 0 0;
	list-style-image:none !important; 
}

ul.tabs a { 
	display:block;
	height: 30px;  
	line-height:30px;
	text-align:center;	
	text-decoration:none;
	color:#FFF;
	padding:0 5px 0 5px;
	margin:0px;	
	position:relative;
	background:#556EA0;
	font-weight:700;
	font-size:10px;
}

ul.tabs a:active {
	outline:none;		
}

ul.tabs a:hover {
	background:#2A4A88;
}

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background:#2A4A88;	
	color:#FFF;
}

div.panes{	background:#333;height:390px;}
 
div.panes div.pane {
	display:none;	
	height:384px;
	border-bottom:6px solid #2A4A88;

}

div.panes div.hidden{display:none;}