/*
CSS
*/
* {margin:0; padding:0}

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4e4e4e;
	background: #b2ada4;
}


a:link, a:visited { color: #831619; text-decoration: none;} 
a:active, a:hover { color: #831619; text-decoration: underline}

.margin_bottom20 { margin-bottom:20px; clear:both;}
h1 {
	margin: 0 0 20px 0;
	padding: 5px 0;
	font-size: 25px;
	font-weight: bold;
	color: #831619;
	border-bottom:4px solid #ccc;
}

h3 {
	margin: 0 0 5px 0;
	padding: 2px 0;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

h4 {
	margin: 0 0 5px 0;
	padding: 2px 0;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

p {
	text-align: justify;
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
}

.cleaner {
	font-size: 1px;
	height: 1px;
}

.readmore{
	float:right;
	background:url(../images/readmore_button.png) bottom right no-repeat;
	width:80px; height:30px;
	margin:2px 5px;
	text-align:left;
	font-weight:bold;
}
*html .readmore{
	text-align:right;
	background:none;
}
.readmore:hover{
	color:#000; text-decoration:underline;
}

.border { border:1px solid #000; padding:1px;}

/* ----- Form ----- */
input[type="text"], textarea{
	width: 250px;
	padding:2px;
	margin-bottom:5px;
	border:1px solid #333;
	background:#efefef;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
textarea{
	height:100px;
}
label{
	width:100px;
	display:inline-block;
	padding:0;
	margin:0;
	vertical-align:top;
}
input[type=submit], input[type=reset]{
	width: 50px;
	padding:2px;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	border:1px solid #333;
	background: #900;
	text-transform:uppercase;
	cursor:pointer;
}
/* ----- End of Form ----- */

#container {
	clear:both;
	margin: 0 auto;
	width: 910px; 
	padding: 0 25px;
	background: #fff url(../images/bg.gif) repeat-y;
}

#container_bottom {
	clear:both;
	width: 960px; height:26px;
	margin: 0 -25px;
	padding: 0;
	background:url(../images/sp_footer_background.gif) bottom center no-repeat;
}
#header_panel {
	width: 910px;
	height: 150px;
	background: url(../images/sp_header_background.jpg) no-repeat bottom;
}

#title_section {
	float: left;
	width: 270px;
	height: 50px;
	padding: 50px 0 5px 0;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

#top_right_section {
	float: right;
	text-align: right;
	width: 330px;
	height:30px;
	font-size:11px;
	background: url(../images/sp_image_top_line.gif) no-repeat top right;
}

#top_right_section ul{
	margin: 0px;
	padding: 5px 0 0 0;
}

#top_right_section ul li{
	display: inline;
	margin-left: 5px;
	font-weight: bold;
}
#top_right_section ul li a{
	font-weight:normal;
	color:#000;
}
#top_right_section ul li a:hover{
	color:#900;
	text-decoration:none;
}
#search_section {
	float: right;
	margin-right:0;
	width: 330px;
	padding: 10px 0 15px 0;
}

#search_section form {
		margin-top:70px;
}
#searchfield {
	background: #F9F9F9;
	border: 1px solid #ccc;
	color: #333;
	font-size: 13px;
	font-variant: normal;
	height: 15px;
	line-height: normal;
	padding: 4px;
	width: 230px;
}
#searchbutton {
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	height: 32px;
	margin: 0 0 0 7px;
	padding: 0 6px;
	text-align: center;
	vertical-align: bottom;
	white-space: pre;
	width: 32px;
	background:url(../images/zoom_search_32.png) left no-repeat;
	border:none;
}

#special_offer {
	float:right;
	position:relative;
	bottom:0;
	right:0;
	margin-right:0;
	width: 330px;
	height:120px;
	padding: 0;
	background: url(../images/special_offer_sm.gif) no-repeat top right;
}
#beatquote {
	float:right;
	margin-right:0;
	margin-top:15px;
	width: 230px;
	padding: 5px 0; text-align:center;
	border-top:2px outset #ccc; border-right:2px inset #ccc;
	border-bottom:2px inset #ccc; border-left:2px outset #ccc;background:#f5f4f3;
}
#beatquote h1, #customdesign h1{
	color: #333; border-bottom:none; font-size:13px; text-transform:uppercase; padding:0; margin:0;
}
#beatquote p, #customdesign p{
	color: #333; font-size:11px; text-align:center; margin:0;
}
#customdesign {
	float:right;
	margin-right:0;
	margin-top:5px;
	width: 230px;
	padding: 5px 0; text-align:center;
	border-top:2px outset #ccc; border-right:2px inset #ccc;
	border-bottom:2px inset #ccc; border-left:2px outset #ccc;background: #f5f4f3;
}


/* menu and banner panel */
#Card_banner_panel {
	display: block;
	width: 910px;
	height: 240px;
	padding: 0px 0px 10px 0;
}
*html #Card_banner_panel {
	padding-bottom:0;
}
#Card_panel {
	float: left;
	height: 220px;	
	width: 238px;
	background: #e1e1e1;
	border: 1px solid #d2d2d2;
	padding: 20px 20px 0 20px;
}

* html #Card_panel {
	margin-right: -2px;
}

#Card_panel form{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #999999;
}

#banner_panel {
	float: left;
	width: 910px;
	height: 240px;
	background: #fff;
	border-top: 0px solid #d2d2d2;	
	border-bottom: 0px solid #d2d2d2;		
}

/*------------- Menu ------------------*/
#menu {
	display: block; float:left;
	width: 910px;
	height: 60px;
	margin-bottom: 25px;
	background: #4c4032 url(../images/sp_menu_background.gif) no-repeat;
}

#menu ul {
	padding: 15px 0 0 0;
	margin: 0 0 0 50px;
	list-style: none;
}

#menu ul li{
	display: inline;
}

#menu ul li a{
	text-transform:uppercase;
	float: left;
	margin: 0 25px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
}

#menu li a:hover, #menu li .current{
	color: #831619;
	border-bottom:2px solid #831619;
}

/* end of menu */


/* content */
#content {
	float: left;
	width: 100%;
	margin: 0 0 0px 0;
	padding: 0 0 0px 0;
}

#leftcolumn {
	float: left;
	width: 610px;
	margin: 0 0 0 0;
	padding: 0;
}

#rightcolumn {
	float: left;
	width: 260px;
	padding: 0px 0 0 0;
	margin: 0px;
}
*html #rightcolumn {
	margin-left:-15px;
}
#rightcolumn h1{
	font-size:20px;
	margin:0;
}

/* left side two column */
.leftcolumn_twocolumn{
	float: left;
	width: 250px;
	height:410px;
	padding: 15px;
	margin-bottom:30px;
	background: #eeeee1;
	border: 1px solid #dbdbdb;	
	border-top: 2px solid #bbb;
}
.margin_right{	margin-right:20px;}
.margin_right_10{	margin-right:10px;}


.leftcolumn_twocolumn img{
	border: 1px solid #000000;
	margin-bottom: 5px;
}

.leftcolumn_twocolumn ul{
	margin: 20px 0 5px 0;
	padding: 0 0 0 20px;
}

.leftcolumn_twocolumn li{
	font-size: 12px;
	padding-bottom: 3px;
}

.leftcolumn_twocolumn li a{
	font-weight: normal;
}

.leftcolumn_twocolumn a:hover{
	text-decoration: underline;
}

.service_box{
	width:100%;
	float:left;
}
.service_box ul{
	float:left;
	width:46%;
	clear:none;
	margin:0 5px 0 5px;
	padding:10px 0px 0 0;
	list-style:none;
}
*html .service_box ul{
	width:110px;
}
.service_box ul li{
	font-size:11px;
}



/* end of left side two column */

/* left side full row */
.leftcolumn_100 {
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}

.leftcolumn_100 span{
	width:280px;
	display:inline-block;

}

.leftcolumn_100 span img{
	background: #0d0d0d;
	width:100px;
	height:22px;
	display:inline-block;
	margin-right:10px;
}

.leftcolumn_fullrow {
	clear: both;
	float: left;
	width: 590px;
	padding-right:30px;
	margin: 0 0 0px 0;
}

.leftcolumn_fullrow p{
	margin-bottom: 15px;
}

.leftcolumn_fullrow ul{
	padding:0 40px;
}

.leftcolumn_fullrow span{
	width:280px;
	display:inline-block;
	float:left;
}

.leftcolumn_fullrow span img{
	background: #0d0d0d;
	width:100px;
	height:22px;
	display:inline-block;
	margin-right:5px;
}

.thumb_gallery {
	clear: both;
	float: left;
	position: relative;
	width: 590px;
}

.thumb_box{
	float: left;
	position: relative;
	width: 135px;
	height: 135px;
	margin: 0 10px 0 0;
}

.thumb_box span{
	width: 135px;
	height: 135px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/sp_thumb_cover.png) no-repeat;
}

.thumb_box img{
	width: 108px;
	height: 108px;
	display: block;
	position: absolute;
	top: 14px;
	left: 13px;
	border: none;
}
/* end of left side full row */

#affiliates{
	width:100%;
}
#affiliates img{
	margin:0 20px;
}

/* search box */

#contact_panel{
	width: 265px;
	margin: 0 0 15px 0;
	padding: 15px;
	background: #1d0307 url(../images/templatemo_right_section_bg.jpg) top center no-repeat;
	border-bottom: 1px solid #900;
}
#contact_panel h1{
	color: #ccc;
	padding-bottom:5px;
	margin-bottom:20px;
	border-bottom:4px solid #900;
}

#contact_panel p{
		color: #ccc;
}
#contact_panel span{
	width:55px;
	display: inline-block;
}
#contact_panel a{
		color: #ccc;
}

#contact_panel .contact_panel_box {
	padding-bottom: 5px;
	border-bottom: 1px solid #dadada;
	margin-bottom: 15px;
}
/* end of search box */

/*download*/
#brochure{
	width:265px; 	
	margin: 0 0 15px 0;
	padding: 15px 15px 10px 15px;
	background: #eeeee1;
	border: 1px solid #dbdbdb;
	border-top: 2px solid #bbb;
}
/*#brochure h1{
	float:left;
	color: #666;
	font-size:16px;
	padding:0px 0 0 0px;
	line-height:40px;
	margin:5px;
	border-bottom:none;
}*/
#brochure h1 a:hover{
	color:#333;
	text-decoration:none;
}
#brochure img{
	border:1px solid #000;
	float:right;
	padding:0px;
	margin:-14px -9px 0 0;
}
*html #brochure img{
	margin:-30px -3px 0 0;
}

#agent{
	width:265px; height:auto; 	
	margin: 0 0 15px 0;
	padding: 15px 15px 10px 15px;
	background: #eeeee1;
	border: 1px solid #dbdbdb;
	border-top: 2px solid #bbb;
}
#agent img{
	border:0px solid #000;
	padding:0px;
	margin:5px 5px 5px 0;
}
#agent p{
	margin:0px; padding:5px 0;
}

/* blog panel */
#blog_section {
	width: 265px;
	margin-bottom: 15px;
	padding: 15px;
	background: #eeeee1;
	border: 1px solid #dbdbdb;
	border-top: 2px solid #bbb;
}

#blog_section .blog_box {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}

#blog_section .datetime{
	font-weight: bold;
}

#blog_section .blog_box hr{
	border:none;
	border-bottom:1px dotted #ccc;
}
#blog_section .blog_box img{
	float:left;
	margin:0 5px 2px 0;
	border:1px solid #000;
	padding:1px;
}

#blog_section .blog_box p{
	text-align:left;
}
/* end of blog panel */

/*About Us*/
.staff{
	float: left;
	height: auto;
	width: 590px;
	padding-right: 0px;
	margin: 0 0 10px 0;
	background: #fff;
}

* html .staff{
	margin: 0 10px 35px 0;
}

.staff img{
	border: 1px solid #000000;
	padding:1px;
	margin: 5px 10px 5px 0;
	float:left;
	background:#fff;
	width:262px;
	height:186px;
}
.staff p{
	display:block;
	height:186px;
}

/*Deck Launch*/
.decklaunch img{
	border:1px solid #000;
	padding:1px;
	margin:4px 4px 0 0;
}
/* ----- Footer ----- */

#footer {
	clear:both;
	width: 910px;
	margin: 0 auto;
	padding:5px 25px;
	font-size:10px;
	color:#fff;
}
#footer .footer_left{
	float:left;
	width:50%;
	text-align:left;
}
#footer .footer_left span{
	float:left; margin-right:5px;
	width:40px;	text-align:right; display:block;
}
#footer .footer_right{
	float:right;
	width:50%;
	text-align:right;
}
#footer a{
	font-weight: normal;
	text-decoration:none;
	color:#fff;
}
#footer a:hover{
	color: #900;
	text-decoration:none;
}