/* -- GENERAL REDECLARATIONS -- */

html				{height: 100%;}
* 					{margin:0; padding:0;}

body 				{
	text-align:center;
	height: 100%;
	padding-top: 20px;
	color: #666666;
}

body#page-home {background: #444 url("../images/backgrounds/trees.jpg") no-repeat center fixed;}
body#page-about-us {background: #444 url("../images/backgrounds/bubbles.jpg") no-repeat center fixed;}
body#page-services {background: #444 url("../images/backgrounds/leaves.jpg") no-repeat center fixed;}
body#page-info {background: #444 url("../images/backgrounds/ocean.jpg") no-repeat center fixed;}

body, tr,
td, input,
select, textarea 	{font:normal small/1.3 Verdana, Arial, Helvetica, sans-serif;}

a				{outline: none;}
a:link 			{color:#000; text-decoration:underline;}
a:visited 		{color:#300; text-decoration:underline;}
a:hover 			{color:#600; text-decoration:none;}
a:active 		{color:#900; text-decoration:none;}

ul, ol	 			{margin:0 0 10px 25px;}
dl 					{margin:0 0 10px;}
dt 					{font-weight:bold;}
dd					{margin:0 0 3px 10px;}
p 					{margin:0 0 15px;}
h1 					{font-size:large; margin:0 0 12px;}
h2 					{font-size:medium; margin:8px 0;}
h3 					{font-size:small; margin:6px 0 5px;}
h4 					{font-size:x-small; margin:4px 0;}
h5					{font-size:xx-small; margin:3px 0;}
h6 					{font-size:xx-small; margin:0;}
hr 					{border-style: none; border-bottom: 1px dashed #e3e3e5; color: #fff; background-color: #fff;}
					/*color and background color should be the same as the background color of the div it is contained within*/
img 				{border:none;}
acronym			{border-bottom: 1px dotted;}
blockquote 	{margin:0 25px 20px 25px; font-style:italic;}

#preload {position: absolute; top: -400px;left: 0px;}
.clr {clear:both;}
.right {float: right;}
.left {float: left;}
.rightimage {float: right; margin: 0 0 10px 10px;}
.leftimage {float: left; margin: 0 10px 10px 0;}
.small {font-size: 11px;}

/* Standard Layout */

#wrapper {
	position: relative;
	background: transparent;
	width: 850px;
	margin: 0 auto;
	text-align: left;
/*	height:100%;*/
}

#header-top {
	position: relative;
	padding: 0px;
	margin: 0 auto;
	width: 850px;
	height: 40px;
	background: transparent url("../images/header-top.png") no-repeat 0 0;
}

#header {
	padding: 0px;
	padding-top:0px;
	margin: 0 auto;
	width: 850px;
	height: 80px;
	background: #fff;
}

#header h1 {
	margin-top: 0px;
	margin-left: 30px;
}


#header h1 a {
	display: block;
	width: 360px;
	height: 58px;
	text-indent: -9000px;
	background: url("../images/logo.gif") no-repeat 0 0;
}

#header h2 {
	float: left;
	text-indent: -9000px;
}

#header-content {
	width: 850px;
	height: 300px;
	background: url("../images/green.jpg") no-repeat 0 0;
}

body#page-info #header-content {
	height: 140px;
}

#header-text {
	position: absolute;
	width: 408px;
	height: 77px;
	top: 150px;
	left: 30px;
	/*text-indent: -9000px;*/
}

body#page-info #header-text {
	width: 232px;
	height: 87px;
	text-indent: -9000px;
	background: url("../images/text/header-free-home.gif") no-repeat 0 0;
}		
	
a#apply-now-button {
	position: absolute;
	width: 297px;
	height: 93px;
	top: 305px;
	left: 30px;
	text-indent: -9000px;
	background: url("../images/apply-now-button.jpg") no-repeat 0 0;
}	
	
#header-photo {
	float:right;
	width: 350px;
	height: 248px;
	margin-top: 27px;
	margin-right: 30px;
}

body#page-home #header-photo {background: url("../images/leaves.jpg") no-repeat 0 0;padding: 65px 20px 0 20px;width: 310px;height: 183px;}
body#page-about-us #header-photo {background: url("../images/bubbles.jpg") no-repeat 0 0;}

body#page-services #header-photo {
	width: 438px;
	height: 270px;
	margin-top: 22px;
	margin-right: 20px;
	background: url("../images/house-diagram.png") no-repeat 0 0;
}

body#page-info #header-photo {
	width: 373px;
	height: 105px;
	margin-top: 22px;
	margin-right: 20px;
	text-indent: -9000px;
	background: url("../images/more-info.png") no-repeat 0 0;
}

#content {
	margin: 0;
	width: 850px;
	height:auto;
	background: #fff;
}

#content-main {
	float:left;
	width: 400px;
	height: 100%;
	padding: 30px 0px 2px 35px;
	color: #666666;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height:15px;
}

#content-bottom {
	width: 220px;
	padding-top: 0px;
}

body#page-home #content-main {
	background: #fff url("../images/lightblub-thumbs-up.jpg") no-repeat 315px bottom;
}

body#page-about-us #content {
	background: #fff url("../images/lightblub-handstand.jpg") no-repeat 270px bottom;
}

body#page-services #content {
	background: #fff url("../images/lightblub-handstand.jpg") no-repeat 450px bottom;
}

body#page-info #content {
	background: #fff url("../images/lightblub-thumbs-up.jpg") no-repeat 10px bottom;
	padding-bottom: 40px;
}

#content-side {
	float: right;
	width: 373px;
	padding:  15px 19px 2px 0px;
	background: #fff;
	height:100%;
}

body#page-info #content-side {
	padding-top: 30px;
}

a#more-info {
	float:right;
	width: 373px;
	height: 105px;
	margin-top: 10px;
	text-indent: -9000px;
	background: url("../images/more-info.png") no-repeat 0 0;
}

#testimonials {
	float:right;
	width: 373px;
	height: 230px;
	margin-top: 10px;
	text-indent: -9000px;
	background: url("../images/testimonials.jpg") no-repeat 0 0;
}

#highlight-box {
	float:right;
	width: 313px;
	height: auto;
	background: url("../images/highlight-box-top.jpg") no-repeat 0 0;
	padding: 20px 30px 0 30px;
	margin-top: 10px;
	color: #666;
	font-size:13px;
	line-height:15px;
}

#highlight-box-bottom {
	float:right;
	width: 373px;
	height: 24px;
	background: url("../images/highlight-box-bottom.jpg") no-repeat 0 0;
}

h2.text {
	width: 310px;
	height: 24px;
	text-indent: -9000px;
}

h2.its-this-simple {background: url("../images/text/h2-its-this-simple.png") no-repeat 0 0;}
h2.want-to-embrace {background: url("../images/text/h2-want-to-embrace.png") no-repeat 0 0;}
h2.tell-your-friends {background: url("../images/text/h2-tell-your-friends.gif") no-repeat 0 0;height: 15px;}
h2.apply-now {background: url("../images/text/h2-apply-now.gif") no-repeat 0 0;height: 37px;margin-bottom: 20px;}
h2.join-our-mailing-list {background: url("../images/text/h2-join-our-mailing-list.gif") no-repeat 0 0;height: 15px;}
#header-photo h2.tell-your-friends {background: url("../images/text/header-tell-your-friends.png") no-repeat 0 0;height: 16px;width: 300px;}


#footer {
	clear:both;
	height: 45px;
	padding:15px;
	padding-top: 0px;
	text-align: center;
	background: url("../images/footer2.png") no-repeat 0 0;
}

body#page-info #footer {
	margin-top: -12px;
}

#footer a {
	float:right;
	display: block;
	width: 220px;
	height: 36px;
	text-indent: -9000px;
}

/* Navigation - Use this for very basic horizontal text based nav */

#nav {
	list-style: none;
}

#nav ul {

}

#nav li {
	display:inline;
	list-style: none;
}



/*-- FORM STYLING --*/

form {
	font-family: arial, verdana, sans-serif;
}

form hr {
  clear: both;
  border: 0px;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  margin-bottom: 10px;
}

form h3 {
 	margin-bottom:6px;
	padding: 2px; 
}

form .hidden {
  text-indent: -9000px;
}

form input[type="hidden"] {
  display: none;
}

form br {clear:left;}

/*fieldset {
	margin-top: 12px;
	margin-bottom:20px;
	border: 1px solid #51B52D;
	padding: 10px;
	width: 400px;
}*/

label, input, textarea, select, .radiolabel {
	display:block;
	float:left;
  	width:206px;
	margin-bottom:6px;
	padding: 2px;
}

select {width: auto;color: #666;}


input.radio,
input[type="checkbox"] {
  width: auto;
  border: none;
}

input.checkbox {
  width: auto;
  border: none;
  margin-left: 122px;
}

input.shortinput {
	width: 80px;
}

form span {
  color: #FF0000;
}

legend {
  color: #518CF2;
  font-weight: bold;
}

label {
	width:110px;
	text-align:left;
	padding-right:10px;
	padding-top:2px;
	font-weight: bold;
	font-family: arial, verdana, sans-serif;
}

label.radiolabel {
	width: 100px;
	padding: 0 0 0 2px;
	margin-left: 0px;
}

label.check-label {
	width: 200px;
	padding: 0 0 0 2px;
}

label.select-label {

}

input,
textarea{
	padding-left: 3px;
	padding-right: 3px;
	color: #666;
	border: 1px solid #CCCCCC;
	background: #F2F2F2;
}

body#page-home form#refer-form input {
	background: #DCEEC8;
	border: 1px solid #999;
}

body#page-home form#refer-form input.button {
	background: #78BF1B;
	border: 1px solid #999;
}

input:hover, textarea:hover {
  	border: 1px solid #7FC31E;
}

input.radio:hover {
  	border: 0px solid #7FC31E;
}

textarea{
  width: 250px;
  height: 64px;
}

input.button {
	width: auto;
	margin-left: 120px;
	margin-right: 10px;
    margin-top: 10px;
    padding: 5px;
	background: #78BF1B;
}

input.button:hover {
  color: #fff;
  border: 1px solid #CCCCCC;
  background: #3F85BC;
}

input.noborder {border: none;} 

.radio-buttons {
	margin-left: 122px;
	margin-top: 5px;
}


.fieldWithErrors input{
	background-color: #FCC;
}


form#refer-form {
	padding-top: 0px;
}

form#refer-form input {
	padding: 6px 3px 6px 3px;
}

form#refer-form input.button {
	padding: 5px 5px 5px 5px;
	margin-left: 5px;
	margin-top: 0px;
}

body#page-home form#refer-form input:hover {
	background: #DCEEC8;
	border: 1px solid #3F85BC;
}

body#page-home form#refer-form input.button:hover {
	border: 1px solid #CCCCCC;
  	background: #3F85BC;
}

/*-- TABLE STYLING --*/

table {
	margin-bottom: 10px;
}

table td {
	vertical-align: top;
	padding: 1px;
	border-bottom: 1px solid #B1460E;
}

td.bold {
	font-weight: bold;
	color: #F57E3D;
}

/* ----------------------------------------------- 
		NOTICES
----------------------------------------------- */

#error {
	background: #FF4E4E;
	border: 3px solid #FF7C7C;
	padding: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #333;
	margin-bottom:10px;
}

#success {
	background: #BBEECC;
	border: 3px solid #E3FFED;
	padding: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #333;
	margin-bottom:10px;
}