body{
	margin:0;
	font:14px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#131313;
	background:#ffeded url(../images/bg-body.gif) repeat-x;;
	min-width:912px;
}
* html body{
	width:expression(document.documentElement.clientWidth < 912 ? "912px" : "auto");
}
a{
	color:#d42525;
	text-decoration:underline;
}
img{
	border:0;
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
.wrap-header{
	width:100%;
	background:url(../images/bg-header.gif) repeat-x;
}
#header{
	width:912px;
	margin:0 auto;
	height:179px;
}
#wrapper{
	width:912px;
	margin:0 auto;
	overflow:hidden;
}
#content{
	height:1%;
	margin:0 auto;
	padding:0 34px 34px 0;
	overflow:hidden;
}
#content a:hover{
	color: #FFFFFF;
	background: #d42525;
}

#wrapper h1{
	font-size:30px;
	color:#d42525;
	margin:0 0 24px;
}
}
#content h1{
	font-size:30px;
	color:#d42525;
	margin:0 0 24px;
}
#content h2{
	font-size:18px;
	margin:0 0 15px;
}
.text{
	float:left;
	width:497px;
	padding:8px 0 0;
	overflow:hidden;
}
.text p{
	margin:0 0 14px;
}
.sidebar{
	float:right;
	width:329px;
	padding:26px 0 0;
	text-align:center;
	overflow:hidden;
}
#content .sidebar h2{
	margin:0 0 11px;
}
.portfolio{
	height:1%;
	margin:0 0 5px;
}
.wrap-main{
	width:100%;
	background:#d42525 url(../images/bg-main.gif) repeat-x;
	overflow:hidden;
}
#main{
	width:890px;
	margin:0 auto;
	padding:0 20px 17px 6px;
	overflow:hidden;
	color:#fff;
}
.one-column{
	float:left;
	width:330px;
	padding:48px 0 0;
}
.list{
	width:330px;
	background:url(../images/bg-list.gif) repeat-y 100% 0;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.list li{
	height:1%;
	margin:5px 0 -5px;
	background:url(../images/bg-list-li.gif) no-repeat 0 100%;
	text-align:right;
}
.up{
	height:1%;
	padding:3px 16px 19px 0;
	background:url(../images/bg-up.gif) no-repeat 0 100%;
}
.up .up-to{
	font-size:18px;
	color:#131313;
}
.free{
	height:1%;
	padding:3px 16px 19px 0;
	background:url(../images/bg-free.gif) no-repeat 0 100%;
}
.custom{
	height:1%;
	padding:3px 16px 19px 0;
	background:url(../images/bg-custom.gif) no-repeat 0 100%;
}
.list strong{
	display:block;
	color:#131313;
	font-size:30px;
	margin:0 0 13px;
	font-weight:normal;
}
.list strong span{
	color:#fff;
	font-size:24px;
}
.box-list{
	height:1%;
	padding:0 0 0 75px;
	overflow:hidden;
}
.box-list p{
	margin:0;
}
.two-column{
	float:right;
	width:495px;
	padding:30px 0 0;
}
.two-column h2{
	font-size:24px;
	color:#131313;
	margin:0 0 20px;
	font-weight:normal;
}
.two-column h3{
	font-size:18px;
	margin:0;
}
.two-column p{
	margin:0 0 16px;
}
.two-column a{
	color:#fff;
	text-decoration:none;
}
.two-column a:hover{
	text-decoration:underline;
}
.two-column .more{
	display:block;
	color:#131313;
	margin:0 0 35px;
	text-decoration:underline;
}
.two-column .more:hover{
	color:#fff;
}
.two-column blockquote{
	margin:0;
}
.two-column q{
	display:block;
	margin:0 0 20px;
}
.two-column cite{
	display:block;
	margin:0 0 19px;
}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
.wrap-footer{
	width:100%;
	background:#131313 url(../images/bg-footer.gif) repeat-x;
	overflow:hidden;
}
#footer{
	width:912px;
	margin:0 auto;
	padding:11px 0 23px;
	overflow:hidden;
	font-size:12px;
	color:#fff;
	background:url(../images/bg-footer-b.gif) no-repeat 0 3px;
}
.nav{
	float:left;
	height:1%;
	overflow:hidden;
	padding:22px 0 0;
}
.nav ul{
	float:left;
	margin:0 10px 0 -10px;
	padding:0;
	list-style:none;
	width:78px;
	padding:0 0 0 28px;
	background:url(../images/bg-nav.gif) no-repeat 0 6px;
}
.nav ul li{
	height:1%;
	margin:0 0 5px;
}
.nav a{
	color:#fff;
	text-decoration:none;
}
.nav a:hover{
	color:#d42525;
}
.wrap-logo{
	float:right;
	width:500px;
	margin:10px 0 0;
	overflow:hidden;
}
.copyright{
	display:block;
}
.img,
.wrap-logo span{
	float:right;
	clear:right;
}
.wrap-logo a{
	color:#d42525;
	text-decoration:none;
}
.wrap-logo a:hover{
	color:#fff;
}
.wrap-cards{
	width:100%;
	padding:15px 0 20px;
	border-top:1px solid #696969;
	background:#ebebeb;
	overflow:hidden;
}
.cards{
	width:912px;
	margin:0 auto;
	overflow:hidden;
	font-size:12px;
}
.credit{
	float:right;
	display:inline;
	margin:0 133px 0 0;
	padding:0 11px 0 0;
	color:#6d6d6d;
	background:url(../images/bg-credit.gif) no-repeat 100% 55%;
}
.cards ul{
	float:right;
	clear:right;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.cards li{
	display:table-cell;
	padding:0 3px 0 0;
	height:1%;
	vertical-align:bottom;
}
* html .cards li{
	display:block;
	float:left;
}
*+html .cards li{
	display:block;
	float:left;
}

#textmainlightgrey {
width: 100%;
background-color: #FBD7D7;
padding: 20px;
}

#textmainlightgrey2 {
width: 100%;
background-color: #FDECEC;
padding: 20px;
}

#submit{ 
 width: 80px; 
 float:left;
 margin-left: 125px; 
 text-align:left;
 margin-top: 5px; 
}

#contact{
 width: 450px; 
 }
 
#button{
   color: #FFFFFF;
   font-family: Trebuchet MS, Verdana, Arial;
   font-size:11px;
   font-weight:bold;
   background-color: #82009D;
   }
   
   
<style type="text/css">
<!--

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 780px;
  width: 780px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #F4C6C6;
  border-width: 1px;
  border-style: solid;
  color: #F4C6C6;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em;
	 /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 170px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}


form input, form textarea, select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}


form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 167px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .formtext {
font-weight:bold;
font-family: Trebuchet MS, Verdana, Arial;
font-size: 12px;
color: black;

}

form .formheader {
font-weight:bold;
font-family: Trebuchet MS, Verdana, Arial;
font-size: 16px;
size: 750px;
color: black;
}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
-->

.asterix {
font-family: Trebuchet MS, Verdana, Arial;
font-size: 12px;
color: #666666;

}

.contactleft {
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 12px;
	color: black;
	width: 200px;
	margin: 10;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-indent: 0px;
}

.contactright {
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 12px;
	color: black;
	margin: 10;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-indent: 0px;
}

#contactleft { 
 float: left;
 width: 75px; 
 margin: 0 auto; 
 text-align:left; 
 height: auto;  
 padding: 0px 10px 10px 10px; 
}

#contactright {
 float: left;
 width: 500px; 
 margin: 0 auto; 
 text-align:left; 
 height: auto; 
 padding: 0px 10px 10px 10px; 
}

#contactbottom {
 float: left;
 width: 780px; 
 margin: 0 auto; 
 text-align:left; 
 height: auto; 
 padding: 0px 10px 10px 10px; 
}