@charset "windows-1252";

@import url(template.css);

body {
	font-family:"Century Gothic",Verdana, Helvetica;
	margin: 0px 0px 0px 0px;
	color: #fff;
	background-color: #2d2d2d;
	font-size: small;
}


a.style{
color: white;
}

a {
	text-decoration:none;
}

img {
	border:none;
}


#bw{
float: left;
display: inline;
}

#container{
width: 842px;
margin-right: auto; 
margin-left: auto; 
margin-top: 0px; 
padding-top: 0em;
}

#black{
width: 840px;
border: 1px solid white;
margin: 0px 0px 0px 0px;
background-color: #000;
padding: 10px 0px 20px 30px;
float: left;
display: inline;
	/*background-image: url(../images/paint1.png);
 	//background-repeat: no-repeat;
	//background-position: 0px -20px;*/
}

#top{
width: 800px;
height: 78px;
margin: 0px 0px 10px 0px;
float: left;
display: inline;
}

#logo{
width: 365px;
height: 78px;
margin: 0px 0px 0px 0px;
float: left;
display: inline;
	background-image: url(../images/logo.png);
 	background-repeat: no-repeat;
	background-position: right;
}


#logo h1{
text-indent: -3000px;
width: 200px;
float: left;
}

#logo p{
text-indent: -1000px;
}


#nav{
height: 78px;
float: left;
display: inline;
	background-image: url(../images/nav.png);
 	background-repeat: no-repeat;
}


#nav ul{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	display: block;
	float: left;
}
#nav li{
	display: inline;
	margin: 0px;
	padding: 0px;
	height: 31px;
}

#nav a{
color: #fff;
font-size: 0.9em;
	height: 75px;
	text-decoration: none;
	padding: 55px 5px 0px 6px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: normal;
	background-color: black;
}

#nav a:hover{
	background-color: transparent;
}

#nav a.selected{
	background-color: transparent;
	}


#subnav{
width: 798px;
height: 23px;
float: left;
display: inline;
	background-image: url(../images/subnav.png);
 	background-repeat: no-repeat;
	border: 1px solid white;
	margin: 10px 0px 0px 0px;
}


#subnav ul{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	display: block;
	float: left;
}
#subnav li{
	display: inline;
	margin: 0px;
	padding: 0px;
	height: 23px;
}

#subnav a{
color: #fff;
font-size: 0.9em;
	height: 21px;
	text-decoration: none;
	padding: 2px 5px 0px 6px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: normal;
}

#subnav a:hover{
	background-color: black;
}

#subnav a.selected{
	background-color: black;
	}
	
	
#banner1{
width: 798px;
height: 143px;
margin: 0px 0px 0px 0px;
float: left;
display: inline;
	background-image: url(../images/prom.png);
 	background-repeat: no-repeat;
	background-position: right;
	border: 1px solid white;
}


#banner1 h1{
text-indent: -3000px;
width: 200px;
float: left;
}

#banner1 p{
text-indent: -3000px;
}
	
#banner2{
width: 798px;
height: 143px;
margin: 0px 0px 0px 0px;
float: left;
display: inline;
	background-image: url(../images/prom2.jpg);
 	background-repeat: no-repeat;
	background-position: right;
	border: 1px solid white;
}


#banner2 h1{
text-indent: -3000px;
width: 200px;
float: left;
}

#banner2 p{
text-indent: -3000px;
}	

#banner0{
width: 798px;
height: 143px;
margin: 0px 0px 0px 0px;
float: left;
display: inline;
	background-image: url(../images/prom3.jpg);
 	background-repeat: no-repeat;
	background-position: right;
	border: 1px solid white;
}


#banner0 h1{
text-indent: -3000px;
width: 200px;
float: left;
}

#banner0 p{
text-indent: -3000px;
}
#left{
width: 450px;
float: left;
display: inline;
	margin: 0px 0px 0px 0px;
}

#left h1 {
	color:#d24d82;
	font-size:1.1em;
	padding-bottom:10px;
}

#left h2 {
	color:#d24d82;
	font-size:1.2em;
	margin-top:5px;
	margin-bottom:5px;
}


#left h3 {
	color:#d24d82;
	font-size:1.2em;
	margin-top:5px;
	margin-bottom:5px;
}

#left h4 {
	color:#d24d82;
	font-size:1.0em;
	margin-top:5px;
	margin-bottom:5px;
}

#left a {
	color:#d24d82 ;
	font-weight:bold;
}

#left p{
	margin: 0px 0px 0px 0px;
}

#right{
width: 330px;
float: left;
display: inline;
	margin: 0px 0px 0px 0px;
}

#breadcrumb{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

#breadcrumb p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#breadcrumb a{
	color:#d24d82 ;
}


#in_touch{
width: 235px;
height:37px;
	margin: 0px 0px 0px 0px;
float: left;
display: inline;
	background-image: url(../images/in_touch.png);
 	background-repeat: no-repeat;
	float: right;
	border: 1px solid white;
		padding: 15px 0px 0px 0px;
}

#content{
width: 800px;
	margin: 10px 0px 0px 0px;
float: left;
display: inline;
}

#right a{
color: white;
font-size: 1.1em;
background-color: none;
	padding: 20px 0px 0px 20px;
		margin: 10px 0px 0px 0px;
}

#mac{
width:331px;
height:283px;
	margin: 0px 0px 0px 0px;
float: left;
display: inline;
	background-image: url(../images/mac.png);
 	background-repeat: no-repeat;
	padding: 32px 0px 0px 30px
}

#mac img{
	margin: -8px 0px 0px 0px;
}

#testimonials{
width: 235px;
height:37px;
	margin: 20px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
float: left;
display: inline;
	background-image: url(../images/testimonials.png);
 	background-repeat: no-repeat;
	float: right;
	border: 1px solid white;
}



#whats_new{
width: 235px;
height:37px;
	margin: 20px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
float: left;
display: inline;
	background-image: url(../images/whats_new.png);
 	background-repeat: no-repeat;
	float: right;
	border: 1px solid white;
}

#footer_new{
width: 835px;
margin: 10px 0px 0px 25px;
float: left;
display: inline;
}

#footer_new p.small{
font-size: 0.8em;
clear: both;
color: white;
}


#contacts{
width: 450px;
float: left;
display: inline;
	margin: 0px 0px 0px 0px;
		color:#d24d82;
}

#contacts a{
	color:#d24d82;
}



#login{
width: 360px;
float: left;
display: inline;
	margin: 0px 0px 0px 0px;
}

#login a{
	background-image: url(../images/login.png);
 	background-repeat: no-repeat;
	color: white;
	float: right;
		padding: 0px 0px 0px 15px;
}

#formx1{
padding: 20px;
border: 1px solid #ccc;
}

#formx1 input{
width: 200px;
}

#formx1 label{
font-size: 1em;
font-weight: bold;
min-width: 150px;
float: left;
}

#formx1 label.label_long{
font-size: 1em;
font-weight: bold;
min-width: 370px;
float: left;
}

#formx1 label.heightx{
font-size: 1em;
font-weight: bold;
min-width: 150px;
height: 200px;
float: left;
}

#formx1 input[type="radio"]{
width: 20px;
font-size: 0.8em;
}

#formx1 input[type="checkbox"]{
width: 20px;
font-size: 0.8em;
}

#formx1 select {
background: none;
border: 2px solid #D24D82;
color: #D24D82;
font-size: 14px;
margin-top: 5px;
padding: 5px;
}

#formx1 textarea{
width: 270px;
font-size: 0.8em;
}

span.radio{
font-size: 0.8em;
}

form ul{
margin:0;
padding:0;
list-style: none;
width:100%;
}

#formx{
margin:0;
padding:0;
list-style: none;
width:100%;
}


form li{
display:block;
margin:0;
padding:3px 5px 3px 9px;
clear:both;
}


.req{
color: red;
}

#formx1 input.button{
color: #fff;
	background-image: url(../images/button.png);
 	background-repeat: no-repeat;
	border: none;
	width: 85px;
height: 27px;
display: block;
background-color: #D24D82;
font-size: 1.2em;
cursor: pointer;
	font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 0px;
	background-position: 5px 3px;
}

form.app_form input{
margin: 0px 0px 0px 0px;
}

form.app_form input.required{
margin: 0px 0px 0px 0px;
}

label.error {
	background-image: url(../images/kill.png);
	background-position: 2px 4px;
	padding:4px 4px 4px 24px;
 	background-repeat: no-repeat;
 float: none; color: red; 
 border: 1px solid #555;
 position: absolute;

 font-weight: bold;
 z-index: 200;
 margin: 20px 0px 0px 0px;
 background-color: pink;
	opacity:0.95;
	filter:alpha(opacity=95);
 }