@charset "UTF-8";
/* Your Home Solutions Layout Styles


ASAP Productions



*/


body{
	margin:0px auto;
	background:url("../images/body_bg.jpg") no-repeat white;
	padding:0px;
	height:100%;
	width:100%;
	font-size:62.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body#wysiwyg {
    background:white;
}

html{
	padding:0px;
	margin:0px;
	height:100%;
	width:100%;
}



/* LAYOUT CONTAINERS */

#mainWrapper{
	margin:0px auto;
	background:url("../images/wrapper_bg.png") repeat-y;
	padding:0px;
	width:823px;
}

*html #mainWrapper{
	margin:0px auto;
	background:url("../images/wrapper_bg.gif") repeat-y;
	padding:0px;
	width:823px;
}


#header{
	position:relative;
	margin:0px auto;
	background:url("../images/header.jpg") no-repeat;
	padding:0px;
	height:138px;
	width:797px;	
}

#mainMenu{
	background:url("../images/menu_bg.jpg") repeat-x;
	width:795px;
	height:25px;
	margin:1px auto;
}

#contentWrapper{
	position:relative;
	background:white;
	margin:0 0 0 15px;
	width:750px;
	font-size:1.1em;
	
}

#mainContent{
	position:relative;
	margin-left:105px;
	margin-top:20px;
	width:600px;
}

#pageTitles{
	position:relative;
	float:left;
	width:104px;
}

#footer{
	position:relative;
	clear:both;
	bottom:0px;
	margin:0px auto;
	background:url("../images/footer.png") no-repeat;
	padding:0px;
	height:134px;
	width:823px;	
}

/* MAIN MENU STYLES */

ul.menu a{
	color:#21023e;
	font-size:1.2em;
	text-decoration:underline;
}

ul.menu a:hover, ul.menu a.selected{
	color:#9148d5;
	font-size:1.2em;
	text-decoration:none;
}

ul.menu{
	padding:0px 0 0 105px;
	margin:0px;
	list-style:none;
}

ul.menu li{
	display:block;
	float:left;
	padding:6px 0 0 0;
	margin:0px;
	text-align:center;
}

ul.menu li.about{
	background:url("../images/menutab_01.jpg") no-repeat;
	width:119px;
	height:21px;
}

ul.menu li.commercial{
	background:url("../images/menutab_02.jpg") no-repeat;
	width:119px;
	height:21px;
}

ul.menu li.domestic{
	background:url("../images/menutab_03.jpg") no-repeat;
	width:122px;
	height:21px;
}

ul.menu li.outdoor{
	background:url("../images/menutab_04.jpg") no-repeat;
	width:122px;
	height:21px;
}

ul.menu li.contact{
	background:url("../images/menutab_05.jpg") no-repeat;
	width:137px;
	height:21px;
}

/* IMAGE SWAPS */

/* PAGE TITLES */

h1.aboutus{
	background:url("../images/title_about.jpg") no-repeat;
	width:104px;
	height:0px;
	padding:218px 0px 0px 0px;
	overflow:hidden;
}

h1.commercial{
	background:url("../images/title_commercial.jpg") no-repeat;
	width:104px;
	height:0px;
	padding:300px 0px 0px 0px;
	overflow:hidden;
}

h1.domestic{
	background:url("../images/title_domestic.jpg") no-repeat;
	width:104px;
	height:0px;
	padding:300px 0px 0px 0px;
	overflow:hidden;
}

h1.outdoor{
	background:url("../images/title_outdoor.jpg") no-repeat;
	width:104px;
	height:0px;
	padding:300px 0px 0px 0px;
	overflow:hidden;
}

h1.contact{
	background:url("../images/title_contact.jpg") no-repeat;
	width:104px;
	height:0px;
	padding:300px 0px 0px 0px;
	overflow:hidden;
}


/* FORMATTING STYLES */

p.error {
    color:red;
}

#mainContent img, body#wysiwyg img{
	position:relative;
	float:right;
	margin:0 0 0 20px;
}

ul{
	margin:0px;
	padding:0px;
}

li{
	line-height:1.4em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:circle;
	margin-left:20px;
}

h2{
	font-size:1.2em;
	color:#69319d;
	font-weight:normal;
}

a{
	color:#69319d;
	font-size:1.1em;
	text-decoration:underline;
}

a:hover{
	color:#69319d;
	font-size:1.1em;
	text-decoration:none;
}

p{
	line-height:1.4em;
}

dl{
	margin:0px;
	padding:0px;
}

dt{
	font-weight:bold;
}

dd{
	margin:0px 0 10px 0; 
	padding:0px;
	line-height:1.4em;
	font-size:1.2em;
}

dd a{
	font-size:.9em;
}

dd a:hover{
	font-size:.9em;
}


#footer p{
	text-align:center;
	padding:75px 0 0 0;
}

/* Contact Form */

.contactForm{
	float:right;
	width:350px;
	margin:0 0 0 20px;
}

fieldset {
 	border:none;
  }
label {
	font-size:1.2em;
	padding:0px 0 0 0;
	float:left;
	width:20%;
	text-align:left;
  }
  
input, textarea{
	width:220px;
	border:1px solid black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:1px;
	font-size:1.1em;
}

textarea{
	height:150px;
}

.button{
	width:60px;
	background:#000000;
	color:white;
	cursor:pointer;
}

.button:hover{
	width:60px;
	background:#333;
	color:white;
	cursor:pointer;
}