/* PNG FIX */

/* BG2009 last modified 22.12.2008  */

html>body #CF-sub {
height: auto;
min-height: 595px;
}

BODY {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-image: url(/images/backgrounds/bg_content.jpg); 
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	margin: 0 auto 0 auto;
}

#CFModeration {
	background-image: none;
	text-align: left;
	font-size: 12px;
	margin: 5px;
}

IMG {
	border: 0;
}

DIV {
	margin: 0;
	padding: 0;
}
/* Main Elements ----------------------------------------------------------------------------------*/

.CFMain {
	width: 980px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

.CFHeader {
	height: 55px;
}

.CFHeaderLogo {
	width: 221px;
	float: left;
	margin-top: 9px;
}

.CFHeaderNavi {
	float: right;
	margin-top: 9px;
	text-align: right;
}

.ContentToolbar {
	margin: 0 38px 24px 38px;
	height: 42px;
}

.ContentTopic {
	float: left;
}

.ContentTopic H1 {
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #FFF;
	margin: 9px 0 0 0;
	padding: 0;
}

.ContentTopic H1 a:link, .ContentTopic H1 a:visited { 
	color: #859e6c;
}	

.ContentTopic H1 a:hover {
	color: #fff;
}

.ContentTopic H1 B {
	font-weight: normal;
	color: #859e6c;
}

.ContentTopic H1 .Year {
	color: #707f8b;
}

.ContentTools {
	float: right;
	padding-top: 18px;
	font-size: 12px;
}
.CFCopyright {
	clear: both;
	border-top: 1px solid #242729;
	padding-top: 15px;
	margin: 42px 0 50px 0;
}

#CF-sub {
	clear: both;
	width: 980px;
	height: 595px;
	background-image: url(/images/bg_content_area.png); 
	background-repeat: repeat-x;
	text-align:left;
	margin-top: 80px;
	padding: 0;
}

/* About us  ----------------------------------------------------------------------------------------*/



#About {
	clear: both;
	width: 904px;
	text-align:left;
	margin-top: 80px;
	padding: 0 38px;
}

#About P {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #bdbcb9;
	text-align: justify;
	line-height: 18px;
	padding: 0;
	margin: 0 0 18px 0;
}

#About h1 {
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: normal;
	color: #FFF;
	margin: 0;
	padding: 8px 0 10px 0;
}


#About h4 {
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #FFF;
	margin: 0;
	padding: 0 0 10px 0;
}

.AboutLeft {
	float: left;
	width: 511px;
}

.AboutRight {
	float: left;
	width: 343px;
	padding: 6px 0 0 50px;
}

.AboutSlideshow {
	border: 4px solid #fff;
	width: 335px;
	height: 223px;
}

.AboutCredits {
	border-top: 1px solid #25282a;
	border-bottom: 1px solid #25282a;
	padding: 0 0 22px 0;
	margin: 27px 0 23px 0;
}

.AboutCredits h6 {
	clear: both;
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFF;
	padding: 0;
	margin: 20px 0 10px 0;
}

.AboutCredits UL {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0 0 22px 18px;
}

.AboutCredits UL LI {
	float: left;
	color: #859e6c;
	font-size: 13px;
	padding-right: 5px;
}

.AboutModeration {
	float: left;
	width: 904px;
	border-top: 1px solid #25282a;
	padding: 28px 0 0 0;
	margin: 20px 0 0 0;
}

.AboutContactAddress {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	height: 155px;
	text-align: center;
	padding-top: 108px;
}

.AboutContactAddress a:link, .AboutContactAddress a:visited {
	color: #859e6c;
}

.AboutContactAddress .AboutCountry {
	color: #808080;
	border-left: 1px solid #292d2f;
	border-right: 1px solid #292d2f;
	padding: 0 8px;
	margin: 0 8px;
}

.AboutContactAddress h5 {
	color: #808080;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 0 0;
}




/* Brighton Pagoda FrontPage ------------------------------------------------------------------------------*/

#CF-front {
	float: left;
	width: 980px;
	margin-top: 0px;
	background-image:
	background-repeat: repeat-y;
	text-align: left;
}

.FrontAlbum {
	float: left;
	width: 464px;
}

.FrontAlbumSingle {
	float: left;
	width: 464px;
	margin-bottom: 25px;
}

.FrontAlbumThumb {
	float: left;
	width: 185px;
}

.FrontAlbumThumb IMG {
	border: 2px solid #ccd4d9;
	margin-right: 20px;
}

.FrontAlbumDetails {
	float: left;
	width: 249px;
}

#CF-front H1 {
	font-family: Arial, Tahoma, Verdana;
    font-size: 14px;
	color: #fff;
    font-weight: normal;
	padding-bottom: 3px;
	margin: 0;
	padding: 0;
}

#CF-front H1 a:link, #CF-front H1 a:visited, #CF-front H1 a:hover {
	color: #fff;
	text-decoration: none;
}

.FrontDate {
	font-family: Tahoma, Arial, Verdana;
    font-size: 10px;
    color: #859e6c;
	margin: 0 0 4px 0;
	padding: 0;
}

.FrontDescription {
	font-family: Tahoma, Arial, Verdana;
    font-size: 11px;
    line-height: 16px;
	color: #bdbcb9;
	margin-top: 4px;
	padding: 0;
}

.FrontContent {
	float: left;
	width: 516px;
}

.FrontContentRight {
	float: left;
	width: 243px;
}

.FrontContentPost {
	float: left;
	width: 219px;
	height: 92px;
	padding: 0 0 0 38px;
}

#Stabilizer, .Stabilizer {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	font-size:1px;
	width:auto;
}

/*  clearfix style (replaces stabilizer divs) */
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.Clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .Clearfix {height: 1%;}
.Clearfix {display: block;}
/* End hide from IE-mac */



/* ContactPage  */

#ContactLeft {
	float: left;
	with: 480px;	
	margin: 0px 60px 20px 40px;
	position: relative;	/* IE6 fix - do not remove */
}
#ContactRight {
	float: left;
	with: 480px;	
	margin: 0px 0 0 0;
	padding: 0 0 0 1px;
	color: #859e6c;
	font-size: 12px;
	position: relative;	/* IE6 fix - do not remove */
}

#ContactProblem {
	float: left;
	margin: 0px 0px 0px 150px;
	position: relative;
}

.ContactTable {
	margin-top: 10px;
}


.FormLabel {
	text-align: right;
	padding: 7px 8px 0 0;
	color: #859e6c;
	font-size: 12px;
}
.FormLabel SPAN {
	color: #707070;
}

.FormField {
	color: #485058;
	padding-bottom: 15px;
}
.ContactBubble {
	float: left;
	width: 100px;
}

.ContactTo {
	float: left;
	width: 270px;
	margin: 0;
	padding: 0;
}
.ContactTo H1 {
	margin: 0;
	padding: 20px 0 0 0;	
	color: #FFF;
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;	
}
.ContactTo H1 B{
	color: #859e6c;
	font-weight: normal;	
}
.FormField {
	background-image: url(../images/contact_bg_form.gif); 
	background-repeat: no-repeat;
	width: 204px;
	height: 24px;
}
.FormField INPUT {
	border: none;
	background: transparent;
	width: 190px;
	height: 24px;
	color: #FFF;
	margin: 0 0 0 5px;
	padding: 3px 0 0 0;
}

.FormFieldCode {
        background-image: url(../images/contact_bg_form2.gif);
        background-repeat: no-repeat;
        width: 204px;
        height: 24px;
}
.FormFieldCode INPUT {
        border: none;
        background: transparent;
        width: 70px;
        height: 24px;
        color: #FFF;
        margin: 0 15px 0 5px;
        padding: 3px 0 0 0;
} 

.FormField P {
	margin: 0;
	padding-top: 5px;
}

.ContactMessageField TEXTAREA{
	border: none;
	background: transparent;
	width: 375px;
	height: 240px;
	margin: 10px 0 0 10px;
	padding: 0 10px 0 40px;
	color: #FFF;
	font-size: 12px;
	line-height: 16px;
	font-family: arial, verdana, tahoma;
	scrollbar-arrow-color: #666c72;
	scrollbar-3dlight-color: #3c4248;
	scrollbar-darkshadow-color: #3c4248;
	scrollbar-face-color: #494f56;
	scrollbar-highlight-color: #3c4248;
	scrollbar-shadow-color: #3c4248;
	scrollbar-track-color: #34393e;
	overflow: auto;
}

#ContactRight P {
	margin: 0;
	padding: 0;
	color: #485058;
	text-align: right;
	font-size: 11px;
}

.SendButton {
	padding-top: 20px;
}
.SendButton INPUT{
	background: #31363b;
	border: 1px solid #3e4347;
	color: #FFFFFF;
	padding: 0 10px 0 10px;
}

.GarageFeatures {
	clear: both;
	float: none;
	width: 245px;
}
.GarageFeatureImage{
	float: left;	
	widtht: 67px;
	padding: 4px 10px 10px 0 !important;
}
.GarageFeatureText{
	float: none;
	clear: both;
	width: 245px;
	margin: 0 0 40px 0 !important;
	padding: 0 0 0 0 !important;
	font-size: 11px !important;
	color: #7c8798 !important;
}

.GarageFeatures H1, .GarageTuning H1{
	font-size: 13px;
	font-weight: bold !important;
	margin: 0 !important;
	padding: 0 0 10px 0 !important;

}
.GarageFeatureText H3{
	text-align: left !important;
	display: block;
	color: #6494bb;
	font-size: 12px;	
	font-weight: bold;
	margin: 0 !important;
	padding: 0 0 5px 0!important;	
}
.GarageFeatureText H3 SPAN{
	color: #78a86f !important;
}
.GarageFeatureText H3 A:LINK, .GarageFeatureText H3 A:VISITED{
	color: #6494bb !important;
}
.GarageFeatureText H3 A:HOVER {
	color: #FFF !important;
}
.GarageTuning P {
	color: #cccccc;
	margin: 0;
	padding: 0 0 10px 0;
}
#TuningMeterBox {
	background-image: url(../images/tuningbg.gif); 
	background-repeat: no-repeat;
	width: 242px;
	height: 40px;
}

#TuningMeter {
	padding: 7px 0 0 51px;
	margin: 0;
}
#TuningMeter P {
	margin: 0;
	padding: 0;
	color: #c2c2c2;
	letter-spacing: 13px;
	font-size: 18px;
	font-weight: normal !important;
}
#TuningMeter P SPAN{
	color: #41484f;
}

#TuningText {
	padding-top: 10px;
}

#TuningText P{
	color: #878787;
}
#TuningText SPAN{
	color: #FFFFFF;
}
.TuningInfo{
	color: #7c8798 !important;
	border-top: 1px solid #2b2d2f;
	padding-top: 10px !important;
	padding-right: 2px;
}

.Info H3 {
	font-size: 15px !important;
	font-weight: bold !important;
	color: #FFF !important;
}
.Info SPAN {
	color: #859e6c !important;
}
.Info TABLE TD {
	color: #bdbcb9 !important;
	font-family: tahoma;
}
.Info TABLE TD SPAN{
	color: #859e6c !important;
}

.Info A:LINK, .Info A:VISITED {
	color: #859e6c !important;
}

.Info {
	padding-bottom: 30px;
}

.Info .AboutLeft {
	width: 532px;
}

.Info .AboutRight {
	width: 312px;
	padding: 0 0 0 60px;
}