/*

COLORS:

yellow-orange: e6a423
green: 80e66f
blue: 4daae5
purple: 8d74fc

*/





html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }

/* @import("css/reset.css"); */

/* MAIN STRUCTURE */

#container {
	width: 925px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	text-align: left;
	background-color: #FFFFFF; 
	padding: 5px;
	clear: both;	
	zoom: 1;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
}

p {
	margin-top: 1em;
}

#header {
	padding-left: 13px;
	width: 835px;
	float: left;
}

#headerlogo {
width: 225px;
height: 60px;
float: left;
}

#IEroot {
padding: 3px;
margin-left: 50px;
margin-top: 10px;
width:480px; 
height:30px; 
border: 2px solid #f49396;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #f49396;
font-size: 12px;
float: left;
}

#IEroot a {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #f49396;
font-size: 12px;
}

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #8D74FC;
}

#contentheader {
	float: left;
	width: 800px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	padding-top: 10px;
	color: #E6A423;
	font-size: 18px;
	font-weight: bold;
}

#content {
	float: left;
	width: 885px;
	padding-left: 20px;
	line-height: 125%;			
	padding-bottom: 20px;	
}

a.mixes{
font-weight: bold;
color: #e6a423;
}

a.mixes-nonbold{
color: #000;
}

#footer {
	margin-left: 20px;
	margin-right: 20px;
	border-top: 1px solid #000000;
	clear: both; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	}	
	
#footer img {
margin-top: 2px;
width: 80px;
height: 15px;
float: right;	
}

/* ---NAVIGATION--- */

#headerlinks {
float: left;
padding-right: 3px;
height: 63px;
}

#widemenu ul li {
	float: left;
	list-style-type: none;
	padding: 0px 18px 0px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

#widemenu ul li a {
	color: #000000;
	text-decoration: none;
}

#widemenu ul li a:hover {
	border-bottom: 2px solid;
	border-bottom-color: #E6A423;
}

#widemenu { 
	padding-left: 5px;
	margin-bottom: 15px;
	height: 10px;
}

#widemenu ul {
	padding: 0px;
}

a.active {
	border-bottom-style: solid;
    border-bottom-width: 2px;
	color: #E6A423;
	border-bottom-color: #E6A423;
	zoom: 1;	
}

/* ---HOME PAGE--- */

/* SLIDE SHOW TOUR */

.clear {
	clear:both
}

#gallery {
	float: left;
	position:relative;
	width: 590px;
	height: 100px;
	margin-top: 10px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border: 2px solid #8D74FC;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:25px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin: 3px 0px 0px 5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #E6A423;
	}
	
	#gallery .caption .content strong {
		margin:0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		padding:0;
		color:#E6A423;
	}

#newsbox {
	float: left;
	margin-top: 10px;	
	width: 550px;
	height: 275px;
	border: 2px solid #8D74FC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	color: #E6A423;
	font-size: 13px;
	font-weight: bold;
	background-color: #ffffff;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
}

#newsbox a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}	

#newsbox p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

#shoutbox {
margin-top: 10px;
padding-top: 5px;
width: 280px;
height: 393px;
float: right;
border: 2px solid #8D74FC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;	
color: #E6A423;
background-color: #ffffff;	
-moz-border-radius: 15px; 
-webkit-border-radius: 15px;
}

#form-line {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
margin-left: 15px;
width: 251px;
height: 20px;
color: #000;
}
#form-line input {
width: 150px;
height: 13px;
float: right;
border: #8d74fc 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

.altButtonFormat {
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: #80e66f 2px solid;
color: #000;
float: right;
margin-right: 15px;
}

#messages-box {
padding-top: 5px;
width: 240px;
height: 265px;
margin: 5px 0 10px 15px;
border: #8d74fc 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
overflow: auto; padding: 5px;
}

#message-text {
margin-left: 5px;
width: 220px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
font-weight: normal;	
color: #000;
}

#message-text a {
color: #000;
font-weight: bold;
}

#message-date {
text-align: right;
font-weight: normal;	
color: #000;
margin-left: 5px;
width: 220px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

/* -----------------------ABOUT ME PAGE
------------------------------------------ */ 

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/various/solar_map.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#map {position:relative; margin-top:10px; margin-left: 42.5px; width:800px; height:569px; font:76% arial, verdana, sans-serif; color: #ffffff; border:3px solid #8D74FC; zoom: 1px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; }
#map ul {padding:0; margin:0; list-style:none; position:absolute; top:0; left:0;}
#map ul li {position:absolute; display:block; cursor:pointer; background:url(../images/aboutme/transparent.gif); }
#map ul li.recordsbottom {width:532px; height:181px; top:382px; left:66px;}
#map ul li.turntableleft {width:259px; height:135px; top:181px; left:1px;}
#map ul li.mixer {width:171px; height:180px; top:163px; left:230px;}
#map ul li.fortunecookie {width:54px; height:28px; top:81px; left:297px;}
#map ul li.recordsright {width:192px; height:223px; top:181px; left:608px;}
#map ul li.picturedisk {width:169px; height:114px; top:192px; left:403px;}
#map ul li.bike {width:105px; height:183px; top:0px; left:695px;}
#map ul li.sanddollar {width:78px; height:51px; top:14px; left:113px;}
#map ul li.klipsch {width:106px; height:94px; top:101px; left:46px;}
#map ul li.lobster {width:85px; height:82px; top:97px; left:524px;}
#map ul li.scantron {width:38px; height:50px; top:153px; left:306px;}
#map ul li.seabiscuit {width:65px; height:57px; top:15px; left:541px;}
#map ul li.needles {width:52px; height:74px; top:332px; left:364px;}

#map ul li:hover {z-index:300;}
#map ul li:hover {z-index:500;}

#map ul li:hover.recordsbottom {background:url(../images/aboutme/recordsbottom.jpg);}
#map ul li:hover.turntableleft {background:url(../images/aboutme/turntableleft.jpg);}
#map ul li:hover.mixer {background:url(../images/aboutme/mixer.jpg);}
#map ul li:hover.fortunecookie {background:url(../images/aboutme/fortunecookie.jpg);}
#map ul li:hover.recordsright {background:url(../images/aboutme/recordsright.jpg);}
#map ul li:hover.picturedisk {background:url(../images/aboutme/picturedisk.jpg);}
#map ul li:hover.bike {background:url(../images/aboutme/bike.jpg);}
#map ul li:hover.sanddollar {background:url(../images/aboutme/sanddollar.jpg);}
#map ul li:hover.klipsch {background:url(../images/aboutme/klipsch.jpg);}
#map ul li:hover.lobster {background:url(../images/aboutme/lobster.jpg);}
#map ul li:hover.scantron {background:url(../images/aboutme/scantron.jpg);}
#map ul li:hover.seabiscuit {background:url(../images/aboutme/seabiscuit.jpg);}
#map ul li:hover.needles {background:url(../images/aboutme/needles.jpg);}

#map ul li .xsnazzy {visibility:hidden;}

#map ul li:hover .xsnazzy {visibility:visible;}

/* For IE7 to keep the :hover over .xsnazzy - goodness knows why? */
#map ul li:hover .xsnazzy {background:url(../images/transparent.gif);}

.xsnazzy {display:block; position:absolute; height:auto; text-align:center;}

.recordsbottom .xsnazzy {left:35px; top:-220px; width:450px;}
.turntableleft .xsnazzy {left:235px; top:-20px; width:280px;}
.mixer .xsnazzy {left:-450px; top:-90px; width:450px;}
.fortunecookie .xsnazzy {left:-275px; top:-125px; width:350px;}
.recordsright .xsnazzy {left:-150px; top:-90px; width:325px;}
.picturedisk .xsnazzy {left:0px; top:75px; width:350px;}
.bike .xsnazzy {left:-50px; top:150px; width:325px;}
.sanddollar .xsnazzy {left:-40px; top: 30px; width:300px;}
.klipsch .xsnazzy {left:-35px; top:80px; width:300px;}
.lobster .xsnazzy {left:-35px; top:80px; width:250px;}
.scantron .xsnazzy {left:-45px; top:50px; width:300px;}
.seabiscuit .xsnazzy {left:-40px; top: 30px; width:300px;}
.needles .xsnazzy {left:-255px; top:-150px; width:350px;}


.xsnazzy h1, .xsnazzy p {margin:0 10px;}
.xsnazzy h1 {font-size:1.5em; color:#fff; font-weight: bold; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #fff;}
.xsnazzy p {padding-bottom:0.5em; color:#fff; font-size:12px; text-align:left;}
.xsnazzy {background: transparent; margin:1em;}


.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; font-size:0; overflow:hidden;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #80e66f; border-right:1px solid #80e66f;}
.xb1 {margin:0 8px; background:#80e66f;}
.xb2 {margin:0 6px; background:#80e66f;}
.xb3 {margin:0 4px; background:#80e66f;}
.xb4 {margin:0 3px; background:#8D74FC; border-width:0 5px; }
.xb5 {margin:0 2px; background:#8D74FC; border-width:0 4px;}
.xb6 {margin:0 2px; background:#8D74FC; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#8D74FC; border-width:0 3px; height:2px;} 
	
.xboxcontent {display:block; background:#8D74FC; border:3px solid #80e66f; border-width:0 3px;}
.xboxcontent a, .xboxcontent a:visited {text-align: center; display:block; color:#ff0; font-weight:bold; font-size:12px; text-indent:0; padding:4px;}

#map ul li:hover .xsnazzy .xboxcontent a:hover {color:#ff0;}

.xsnazzy em.point_top {display:block; font-size:0; width:25px; height:14px; background:url(../images/point.gif) center top; position:absolute; left:50px; top:-11px;}

.xsnazzy em.point_bottom {display:block; font-size:0; width:25px; height:14px; background:url(../images/point.gif) center bottom; position:absolute; right:50px; bottom:-11px;}
/* for IE5.5 */
* html .xsnazzy em.point_bottom {bottom:-12px;}

.xsnazzy em.point_left {display:block; font-size:0; width:14px; height:25px; background:url(../images/point.gif) left center; position:absolute; left:-11px; top:30px;}

.xsnazzy em.point_right {display:block; font-size:0; width:14px; height:25px; background:url(../images/point.gif) right center; position:absolute; right:-11px; top:125px;}
/* for IE5.5 */
* html .xsnazzy em.point_right {right:-12px; ri\ght:-11px;}


/* -----------------------ART PAGE
------------------------------------------ */ 

#art-photos-box {
	float: left;
	width: 860px;
	padding-left: 67px;
	margin: 0 0 20px 0;
	/*border: 2px solid #80e66f;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #ffffff;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
}

#art-photos-box h1 {
	
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	text-decoration:underline;
}


#art-photo {
	float: left;
	width: 175px;
	height: 130px;
	margin-right: 20px;
	margin-bottom:20px;
	border: 3px solid #8d74fc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	text-align: center;
}

#art-photo:hover {
	/*border: 1px solid #e6a423;*/
	border: 3px solid #80e66f;
}


/* -----------------------PHOTOS PAGE
------------------------------------------ */ 

#trip-photos-box {
	float: left;
	width: 860px;
	padding-left: 67px;
	margin-right: 20px;
	margin-bottom: 10px;
	/*border: 2px solid #80e66f;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
}

#trip-photos-box h1{
	
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	text-decoration:underline;
}

#trip-photo-encapsulation {
float: left;
height: 175px; 
width: 175px;
margin-right: 20px;
margin-bottom: 30px;
}

#trip-photo-vertical-text-encapsulation {
float: left;
margin-left: 22.5px;
height: 175px; 
width: 140px;
}

#trip-photo{
	width: 175px;
	height: 130px;
	margin-right: 20px;
	margin-bottom:5px;
	border: 3px solid #8d74fc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	text-align: center;
}

#trip-photo-horizontal{
	width: 175px;
	height: 130px;
	margin-top: 22.5px;
	margin-right: 20px;
	margin-bottom:5px;
	border: 3px solid #8d74fc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	text-align: center;
}

#trip-photo-vertical{
	float: left;
	width: 130px;
	height: 175px;
	border: 3px solid #8d74fc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	text-align: center;
}

#trip-photo-horizontal:hover, #trip-photo-vertical:hover, #trip-photo:hover{
	/*border: 1px solid #e6a423;*/
	border: 3px solid #80e66f;
}

#photo-album-back {
font-weight: bold;
width: 875px;
float: left;
padding-left: 20px;		
padding-bottom: 20px;	
text-decoration:underline;
}

#photo-album-back a {
color: #000;
}

#photo-album-back a:hover {
color: #e6a423;
}

#trip-photo-albums-title {
	float: left;
	width: 190px;
	height: 160px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}



/* -----------------------GOOD MUSIC PAGE
------------------------------------------ */ 
#bandinfo {
	text-align: left;
	margin-top: 10px;	
	width: 840px;
	border: 2px solid #8D74FC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	font-size: 11px;
	font-weight: bold;
	background-color: #ffffff;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	
}

#bandinfo h2, #bandinfo2	 h2 {
	margin-top: -5px;
	margin-right: -10px;
	margin-left: -10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 15px;
	color: #000;
	font-weight: bold;
	background-color: #ffffff;	
}

#bandinfo li, #bandinfo2 li{
margin: 5px 0 0 -20px;
list-style-type: none;
}

#bandinfo ul.artists{
margin-top: -19px;
margin-left: 130px;
}

#bandinfo li.artists{
margin: 5px 0 0 -40px;
list-style-type: none;
list-style-position: inside;
}

#bandinfo p.videodiv {
    margin-bottom: 0px;
}

#bandinfo p.videodiv a{
    margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #e6a423;
}

#bandinfo p.videodiv a:hover{
color: #000;
}

#bandinfo p{
margin-left: -5px;
}

#bandinfo a{
color: #000;
}

#bandinfo a:hover {
color: #E6A423;
}



#bandphoto{
	float: right;
	padding-left: 4px;
	padding-top: 4px;
	background-color: #8D74FC;
	height: 155px;
	width: 155px;
	border: 3px solid #8D74FC;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}

#bandphoto:hover {
	float: right;
	padding-left: 4px;
	padding-top: 4px;
	background-color: #e6a423;
	height: 155px;
	width: 155px;
	border: 3px solid #e6a423;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}

#bandvids{
	float: left;
	margin: 20px 0 10px 3px;
	padding-left: 10px;
	padding-top: 10px;
	height: 210px;
	width: 260px;
	background-color: #80e66f;
	border: 3px solid #80e66f;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}

#trans {
background:url(../images/aboutme/transparent.gif); }
}

/* -----------------------MIXES PAGE
------------------------------------------ */ 

#track-line {
width: 600px;
height: 40px;
}

#track-line-number {
float: left;
width: 15px;
height: 30px;
margin-top: 10px;	
text-align: right;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;	
}

#track-line-art {
float: left;
margin-left: 10px;
width: 35px;
height: 35px; 
border: 1px solid #000;
}

#track-line-info {
float: left;
width: 770px;
height: 30px;
margin-left: 5px;
margin-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;	
}
#track-line-text {
float: left;
}

#track-line-player {
float: right;
width: 17px;
height: 17px;
margin-left: 5px;
}

#track-line-art a { 
	display:block;
	text-decoration: none;
	}
	
#track-line-art a:hover{ /* buradaki relative degerini a'nin normal durumuna tasimayin. sadece hover durumunda kalmasi gerekiyor */
 	position:relative;
}

#track-line-art img { /* bunu kendi halinde birakin yoksa IE6 linklerin etrafina çerçeve ekliyor */
border-width: 0;

}

.resize_thumb {
	width: 35px; /* istediginiz küçük resim genisligini burada girin */
}

#track-line-art span img {
	border: 1px solid #FFFFFF; /* resmin hemen etrafina çizgi ekliyor */
	margin-bottom: 6px; /* resim yazisini resimden asagi dogru iktiriyor */
}

#track-line-art a span {  /* bu kisim büyk resim ve resim yazisi için */
	position: absolute;
	display:none;
	color: #FFFFFF; /* resim yazisi rengi */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* resim yazisi boyutu  */
	background-color: #000033;
	font-weight: bold;
	padding: 8px;
}




#mixes {
width: 840px;	
margin-top: 15px;
padding-left: 20px;
padding-top: 10px;
padding-right: 20px;
border: 2px solid #8D74FC;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
}

#mix-information {
width: 840px;
height: 50px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #e6a423;
font-weight: bold;
}

#mix-information a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #e6a423;
font-weight: bold;
}

#mix-information-single {
width: 840px;
height: 35px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #e6a423;
font-weight: bold;
}

#mix-information-single a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #e6a423;
font-weight: bold;
}

#mix-information-text {
float: left;
height: 25px;
}

#mix-player {
float: left;
padding-left: 3px;
margin-top: -1px;
width: 200px;
height: 20px;
}

#mix-information-text p.title {
	margin-left: 2px;
    margin-top: 5px;
}

#mix-information-text p.title a{
    margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

#mix-information-text p.title a:hover{
color: #000;
}


/**    CONTACT                 **/

#contact-form{
	text-align: left;
	margin-top: 30px;	
	margin-bottom: 15px;
	margin-left: 20%;
	width: 450px;
	border: 4px solid #8D74FC;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	font-size: 12px;
	background-color: #ffffff;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	
}

#contact-form-text{
	font-weight: bold;
	
}

.altButtonContact {
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
border: #80e66f 4px solid;
color: #000;
float: left;
margin-right: 15px;
margin-bottom: 10px;
}


#contact-form-line {
width: 450px;
height: 30px;
}

#contact-form-text {
width: 120px;
float: left;
}



form label.required input {
	background-color: #f1fdc6;
}

form .success {
    float: right;
	width: 297px;
	color: #2c421b;
	background-color: #8acd55;
	padding: -20px 15px 10px 15px;
	border-top: 1px solid #a9fa68;
	border-bottom: 1px solid #6fa444;
	margin: 1px !important;
}

form .error {
	color: #5f311b;
    float: right;
	width: 297px;
	background-color: #fb834b;
	border-top: 1px solid #fcc8a4;
	border-bottom: 1px solid #ae5832;
	padding: -20px 15px 10px 15px;
	margin: 1px !important;
}

form .error{
	color: #b12123;
	font-weight: bold;
}



/** ERROR PAGE     **/

#content a.contact {
color: #000;
}

img.road {
margin-top: 20px;
margin-bottom: 10px;
margin-left: 30%;
border: 5px solid #80e66f;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}