/* undo some default styling of common (X)HTML browsers
 ************************************************************/

/* No list-markers by default - 
* must redefine bullets w/ bg graphics
********************************************************/
ol, ul {
    list-style:none;
}

/* Avoid browser default inconsistent heading, 
* font-sizes and pre/code
********************************************************/
td, code, pre, h6, h5, h4, h3, h2, h1, body {
    font-size:1em;
}

/* Remove inconsistent (among browsers) - 
* default padding or margin 
********************************************************/
hr, img, td, tr, table, dl, dt, dd, div, label, input, fieldset, blockquote, p, html, body, form, pre {
    margin:0; padding:0;
}

h6, h5, h4, h3, h2, h1 {
    margin:0; padding:0;
}

li, ol, ul {
    margin:0; padding:0;
}

/* prevent blue linked image borders
********************************************************/
fieldset {
    border:none;
}

:visited img {
    border:none;
}

:link img {
    border:none;
}

a img {
    border:none;
}

/*** START STYLES ***/

body, html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	letter-spacing:0;
	color:#555;
	/*overflow-x:hidden;*/
}

body#lime {
    background:#fff url('../images/hand.jpg') no-repeat fixed 1025px bottom;
}

body#rum {
    background:#fff url('../images/hand.jpg') no-repeat fixed 1025px bottom;
}

body#grey {
    background:#fff url('../images/hand.jpg') no-repeat fixed 1025px bottom;
}

body#green {
    background:#fff url('../images/hand.jpg') no-repeat fixed 1025px bottom;
}

body#orange {
    background:#fff url('../images/hand.jpg') no-repeat fixed 1025px bottom;
}

h1 {
	font-size: 25px;
	letter-spacing:-1px;
	font-weight:normal;
	padding:0 0 15px 0;
	color:#666;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	padding:0 0 10px 0;
}

h2.second {
    padding:20px 0 0 0;
}

p {
	line-height:20px;
	padding:0 0 15px 0;
	font-size:13px;
}

a, a:link, a:visited, a:active, a.normal, a.normal:link, a.normal:visited, a.normal:active {
    color:#616F14;
    border-bottom:1px #616F14 solid;
    text-decoration:none;    
}

a:hover, a.normal:hover {
    color:#222;
    border-bottom:1px #222 solid;
    text-decoration:none;    
}

a.none, a.none:link, a.none:visited, a.none:active {
    color:#333;
    border:0;
    font-weight:bold;
}

span#top {
    font-size:10px;
}

span#top a, span#top a:link, span#top a:visited, span#top a:active {
    color:#555;
    border-bottom:1px #555 dotted;
}

span#top a:hover {
    color:#555;
    border-bottom:1px #555 solid;
}

/*** END STYLES ***/

/*** START STRUCTURE ***/

div#top-bar {
	position:relative;
	width: 100%;
	height: 25px;
	background:transparent url('../images/top-bar-bg.png') repeat-x scroll left top;
}

div#container {
	position: relative;
	width: 980px;
	min-height: 350px;
	height: auto;	background: #FFF;
}

#header-slide{
	position: relative;
	width: 980px;
	height: 379px;
	margin-top: -25px;
	z-index: 0;
}

#header-slide IMG{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
}

#header-slide IMG.active{
	z-index: 10;
}

#header-slide IMG.last-active{
	z-index: 9;
}

div#header-green {
	background: url('../images/header-green.jpg') no-repeat left top;
}

div#header-grey {
	background: url('../images/header-grey.jpg') no-repeat left top;
}

div#header-lime {
	background: url('../images/header-lime.jpg') no-repeat left top;
}

div#header-orange {
	background: url('../images/header-orange.jpg') no-repeat left top;
}

div#header-rum {
	background: url('../images/header-rum.jpg') no-repeat left top;
}

/* simple viewer gallery resize */

div#flashcontent {
	height: 500px;
	width: 695px;
	background: transparent;
	margin-left: -150px;
	margin-bottom:60px;
	padding:20px 0 0 0;
}

div#flashcontent2 {
	height: 500px;
	width: 695px;
	background: transparent;
	margin: -60px 0 0 157px;
	float: left;
	margin-bottom: 80px;

}

div#flashcontent3 {
	height: 500px;
	width: 695px;
	background: transparent;
	margin: -60px 0 0 157px;
	float: left;
	margin-bottom: 80px;
}

div#flashcontent4 {
	height: 500px;
	width: 695px;
	background: transparent;
	margin: -60px 0 0 157px;
	float: left;
	margin-bottom: 80px;
}

div#sidebar {
	position: relative;
	background: aqua;
	width: 300px;
	height: 500px;
	float: left;
}

div#footer {
	position: relative;
	width: 980px;
	height: 100px;
	background:#fff url('../images/members-greenpainters.jpg') no-repeat left top;
	z-index: 3;
}

/* footer, site links and quote buttons */
div#footer p {
	font-size:16px;
	font-weight:bold;
	padding:0 0 0 35px;
}

div#mpa-link {
	position: relative;
	width: 82px;
	height: 61px;
	background: transparent;
	float: left;
	margin: 13px 0 0 25px;
}

div#mpa-link a {
	width: 82px;
	height: 61px;
	display:block;
	border:none;
}

div#greenpainters-link{
	position: relative;
	width: 68px;
	height: 62px;
	background: transparent;
	float: left;
	margin: 12px 0 0 12px;
}

div#greenpainters-link a {
	width: 68px;
	height: 62px;
	display:block;
	border:none;	
}


div#quote {
	width:85px;
	height:83px;
	float:right;
	margin-top:30px;
	margin-bottom: -30px;
	z-index:3;
	margin-top: 21px;
	background: transparent url('../images/get-a-quote.jpg') no-repeat scroll left top;
}

div#quote a {
    width: 85px;
    height: 83px;
    display:block;
    border:none;
}

div#bot-bar{
	position: relative;
	background:transparent url('../images/bottom-bar-bg.jpg') repeat-x scroll left top;
	height: 25px;
	width: 100%;
	z-index: 0;
	float: left;
}

div#clear {
	clear:both;
}

div#content {
	position: relative;
	margin: auto;
	width: 500px;
	min-height:450px;
	height: auto;
	float: right;
	right: 173px;
	margin-top: -121px;
}

div#content ul#content {
    position:relative;
    width:auto;
    height:auto;
    padding: 0 0 0 15px;
}

div#content ul#content li {
    padding:0 0 15px 0;
    font-size: 16px;
    list-style: disc;
}

div#content ul#content li.no-list {
    list-style:none;
}

div#content ul#content li a, div#content ul#content li a:link, div#content ul#content li a:visited, div#content ul#content li a:active {
    color:#333;
    border-bottom:1px #333 solid;
}

div#content ul#content li a:hover {
    color:#666;
    border-bottom:1px #666 solid;
}

ul#menu {
	position:relative;
	width:600px;
	height:30px;
	margin:0 0 20px -30px;
	font-size:18px;
}

ul#menu li {
	width:100px;
	height:30px;
	float:left;
	text-align:center;
}

ul#menu li.gp {
    width:138px;
    margin:0 13px 0 0;
}

ul#menu li a, ul#menu li a:link, ul#menu li a:visited, ul#menu li a:active {
	width:auto;
	height:30px;
	display:block;
	text-decoration:none;
	color:#888;
	font-weight:normal;
	border: none;
}

ul#menu li a:hover {
	color:#333;
}

ul#menu li.active a {
	color:#333;
}

/*** END STRUCTURE ***/