/*
Colours:

feature:
light-blue:cfe6f0
mid-blue:67cff7
purple: ddc0ee
lilac: c9c4fc
green: 15e458
gold:f4cc1f

*/


BODY {
	font-size:62.5%;
	COLOR: #ffffff; TEXT-ALIGN: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
/*	font-family:Tahoma;*/
}
 HTML BODY {
	PADDING-LEFT: 1px
}
.hide {
	DISPLAY: none
}
.clearer {
	CLEAR: both
}
.divider {
	CLEAR: both; MARGIN-TOP: 5px; DISPLAY: block; BACKGROUND: url(../img/bg_divider.gif) repeat-x 50% 50%; MARGIN-BOTTOM: 5px; HEIGHT: 8px
}
#header {
	/*background-image:url(../images/header_gradient.jpg); background-repeat:repeat-x; */
	WIDTH: 100% /*; HEIGHT: 150px*/; TEXT-ALIGN: center;
}
#header img {

}
#header DIV {
	BACKGROUND-COLOR: #cfe6f0; MARGIN: 0px auto; WIDTH: 760px; POSITION: relative;
}
#header DIV A IMG {
	LEFT: 40px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; TOP: 13px; BORDER-BOTTOM-STYLE: none
}
#wrap {
 MARGIN: 0px auto; WIDTH: 760px; 
 background: url(../images/wrap-background.jpg) repeat-y 50% 50%;
}
#main {
	FLOAT: left; PADDING-BOTTOM: 30px;  TEXT-ALIGN: left
}
#right {
	FLOAT: left; PADDING-BOTTOM: 30px; MARGIN: 0px; WIDTH: 260px;
	
}
#nav {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #7a94b3 0px 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 760px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none
}
#nav LI {
	FLOAT: left; POSITION: relative
}
#nav A {
	PADDING-RIGHT: 21px; 
	DISPLAY: block; 
	PADDING-LEFT: 20px; 
	BACKGROUND-COLOR:#7a94b3; 
	PADDING-BOTTOM: 0px; 
	FONT: bold 1.2em/30px Arial, Helvetica, sans-serif; 
	COLOR: #ffffff; 
	PADDING-TOP: 0px; 
	TEXT-DECORATION: none;
	border-right:1px solid white;
	margin:0px;
}

#nav ul{
list-style: none;
line-height: 0;
padding:0px;
margin:0px;
background-color:#7a94b3;
}
#nav li A:hover {
	background-color:#2d3947;
	color:#ffffff;
}
#nav li ul { position: absolute; left: -999em; } 
#nav li:hover ul { left: auto; }

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li ul li{
float:none;
padding:0px;
margin:0px;
text-align:left;
}
#nav li ul li a{
border:none;
width:170px;
}

#content {
	FLOAT: left;  /*background-color:#515a6b; */
	WIDTH: 500px;
}
#content H1 {
	PADDING-BOTTOM: 5px; MARGIN: 20px 20px 10px; FONT: 2.4em "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; 
	COLOR: #15e458; BORDER-BOTTOM: #15e458 1px solid; LETTER-SPACING: -1px
}
#content H2 {
	/*padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;*/
	padding-left:20px;
	font: bold 1.6em Arial, Helvetica, sans-serif; 
	COLOR: #67cff7;
}
#content h5{
	font: bold 1.1em Arial, Helvetica, sans-serif; 
	padding:5px 0px 0px 0px;
	margin:0px 0px 4px 0px;
}
ol strong{
padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font: bold 1.3em Arial, Helvetica, sans-serif; 
	COLOR: #67cff7;
}
ol bold{
font-weight:bold;
font-size:larger;
}
#content H3 {
	MARGIN: 10px 0px 0px 20px;;
	padding:0px;
	FONT: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; 
	COLOR: #ffffff
}
#content A H2 {
	DISPLAY: block; PADDING-BOTTOM: 2px; COLOR: #ccc; BORDER-BOTTOM: #636c76 1px dotted; TEXT-DECORATION: none
}
#content H2 A {
	DISPLAY: block; PADDING-BOTTOM: 2px; COLOR: #ccc; BORDER-BOTTOM: #636c76 1px dotted; TEXT-DECORATION: none
}
#content A:hover H2 {
	COLOR: #fff; BORDER-BOTTOM: #fff 1px dotted
}
#content H2 A:hover {
	COLOR: #fff; BORDER-BOTTOM: #fff 1px dotted
}
#content A:hover H3 {
	COLOR: #fff; BORDER-BOTTOM: #fff 1px dotted
}
#content H3 A:hover {
	COLOR: #fff; BORDER-BOTTOM: #fff 1px dotted
}
#content A H3 {
	DISPLAY: block; PADDING-BOTTOM: 2px; COLOR: #ccc; BORDER-BOTTOM: #636c76 1px dotted; TEXT-DECORATION: none
}
#content H3 A {
	DISPLAY: block; PADDING-BOTTOM: 2px; COLOR: #ccc; BORDER-BOTTOM: #636c76 1px dotted; TEXT-DECORATION: none
}
#content P, #content table.plain, #content ol.plain {
	FONT-SIZE: 1.2em; MARGIN: 15px 20px; COLOR: #e8ecf0; LINE-HEIGHT: 1.5em
}

#content ul{
FONT-SIZE: 1.2em;
 COLOR: #e8ecf0; 
 LINE-HEIGHT: 1.5em;
 padding:0px 20px 0px 30px;
}

#content a, #content a:visited{
color:#c9c4fc;
font-weight:bold;
}
#content a:hover{
/*color:#67cff7;*/
color:#f4cc1f;
}

#content A IMG {
	BORDER-RIGHT: #ffffff 3px solid; BORDER-TOP: #ffffff 3px solid; MARGIN-TOP: 5px; BORDER-LEFT: #ffffff 3px solid; BORDER-BOTTOM: #ffffff 3px solid
}
#content A:hover {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#content A:hover IMG {
	BORDER-RIGHT: #c0f975 3px solid; BORDER-TOP: #c0f975 3px solid; BORDER-LEFT: #c0f975 3px solid; BORDER-BOTTOM: #c0f975 3px solid
}

#content ol li{
margin:0px 0px 10px 0px;
}

#content-left{
position:relative;
float:left;
}

#feature-wrap{
background:#cfe6f0 url(../images/top-left-feature.jpg) top left no-repeat;
margin:10px 0px 10px 20px;
padding:0px;
width:91%;
}
#feature-wrap div{
padding:20px;
}
table.feature{
border-collapse:collapse;
margin-right:20px;
margin-left:20px;

}
table.subscribe a, table.subscribe a:visited{
color:#c9c4fc
}
table.subscribe a:hover{
color:#f4cc1f
}
tr.light{
background-color:#c9c4fc;
}
tr.dark{
background-color:#9dd6ef;
}
table.feature td{
color:black;
}
#content table.feature td p{
color:black;
margin:0px 5px 5px 0px;
padding:0px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
table.feature td img{
padding:5px 4px 5px 5px;
}
#content table.feature td p a{
color:black;
}
#content table.feature td p a:hover{
color:black;
}
#feature-inner{
padding:30px 30px 30px 30px;
}
#feature-inner p{
/*padding:0px 0px 0px 40px;*/
color:black;
}
img.icon{
padding:2px 0px 2px 15px;
float:left;
}

#para1 {
	clear: left;
	font-size: 1.35em;
	font-weight: bold;
	line-height: 1.2;
	color: #476FA1;
}
.sidebox {
	BACKGROUND-COLOR:#637686;
	background-image:url(../images/top-left-sidebox.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	FLOAT: right; 
	MARGIN: 20px 0px 0px; 
	WIDTH: 230px; TEXT-ALIGN: left;
	padding:0px;
}


#store .sidebox H1 {
	PADDING: 10px 0px 0px 35px;
	FONT: 2em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; 
	COLOR: /*#afe85c*/#67cff7; 
	BORDER-BOTTOM: #7e92a0 1px solid; 
	LETTER-SPACING: -1px; 
	TEXT-ALIGN: left
}
.sidebox ul{
margin: 0px 0px 0px 20px;
padding:0px;
list-style-type:none;
}
.sidebox LI A {
	COLOR: #f1f1f1; 
	TEXT-DECORATION: none;
	padding:0px;
	font-weight:bold;
}
.sidebox LI A:hover {
	COLOR: #95d85e
}
blockquote{
	font-size:1.3em;
	width:430px;
	margin:20px 30px 20px 30px;
	font-style:italic;
	COLOR: white; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
p.quote{
	font-size:1.3em;
	padding:5px 20px 5px 20px;
	font-style:italic;
	COLOR: white; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

hr{
border:1px dotted #637686;
margin:5px 20px 5px 20px;;
}
input.submit{
padding:3px;
width:90px;
text-align:center;
border:3px solid #67cff7;
font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
}
input.submit_hover{
padding:3px;
width:90px;
text-align:center;
border:3px solid #15e458;
font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
}
table.plain input.button{
padding:2px;
width:95px;
text-align:center;
float:left;
margin:0px;
background-color:#67cff7;
border:2px solid white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
table.plain input.button_hover{
padding:2px;
width:95px;
text-align:center;
float:left;
border:2px solid white;
background-color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
table.plain input.remove{
padding:2px;
width:95px;
text-align:center;
float:right;
margin:0px;
border:2px solid white;
background-color:#ddc0ee;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
table.plain input.remove_hover{
padding:2px;
width:95px;
text-align:center;
border:2px solid white;
float:right;
background-color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
td.label_login{
font-weight:bold;
text-align:right;
width:100px;
}
#footer{
clear:both;
width:760px;
HEIGHT: 130px;
text-align:right;
border-top:1px dotted #637686;
}
#footer img{
padding:10px;
}
#footer img.logo{
padding:10px 20px 10px 10px;
}
#footer a img{
text-decoration:none;
border:none;
}
span.bold{
font-weight:bold;
}
table.pricing{
border-collapse:collapse;
margin:5px 20px 5px 20px;
}
table.pricing td{
font-size:11px;
color:black;
}
table.pricing td img{
padding:4px;
}
#content td a.pricing img {
border:none;
text-decoration:none;
}
#content td a.pricing:hover img{
border:none;
text-decoration:none;
}
p.address{
padding:20px 30px 0px 30px;
}
table.questionnaire{
margin:10px 20px 10px 20px;
}
table.questionnaire input, table.plain input {
width:250px;
}
table.questionnaire textarea, table.plain textarea{
width:250px;
height:100px;
}
td.label{
text-align:right;
}
table.questionnaire td.label{
width:160px;
}
table.plain td.label{
width:120px;
}
table.plain select{
width:255px;
}
table.questionnaire input.submit, table.plain input.submit{
width:90px;
}
table.questionnaire input.submit_hover, table.plain input.submit_hover{
width:90px;
}
table.questionnaire input.radio, table.plain input.radio{
width:15px;
}
table.subscribe{
margin:5px 15px 5px 15px;
}

#owners{
background-color:#2d3947;
width:760px;
}
#photo{
margin:5px 20px 5px 20px; 
padding-top:10px; 
width:450px; 
height:300px; 
text-align:center;
}


