html, body{
 text-align:center;
 font-family: arial;
} 



h1 {
position: relative;
top: 67px;
left: 90px;
width: 540px;
font-size: 15px;
color: #FFF;
padding: 0px;
margin: 0px;
float: left;
}

 
#pagewidth{ 
 width:900px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
background-image: url("pagebg.gif");
background-position: top center;
background-repeat: repeat-y;
} 
 
#header{
 position:relative; 
 height:114px; 
background-image: url("headerbg.gif");
background-position: top center;
background-repeat: no-repeat;
 width:100%;
}
 
#leftcol{
 width:206px; 
 float:left; 
 position:relative; 
 background-color:#FF692A; 
font-size: 12px;
font-weight: bold;
line-height: 2.2em;
text-align: left;
 }
 
#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:694px; 
 }
 
 
 
 
 
#fullcol{
 color: both;
 float: left;
 display:inline;
 position: relative;
 width:900px;
background-image: url("fullcolbg.gif");
background-position: top center;
background-repeat: repeat-y;
 }




 
#footer{
 height:34px; 
  background-color:#FF692A; 
background-image: url("footerbg.gif");
background-position: top center;
background-repeat: no-repeat;

position: relative;
 clear:both;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}







#website {
float: left;
position: relative;
top: 6px;
height: 68px;
width: 226px;
margin: 0px;
padding: 0px;
background-image: url("logo.gif");
background-position: top center;
background-repeat: no-repeat;
}


#descriptor {
font-size: 14px;
float: left;
color: #FF6B2C; 
font-weight: bold;
top: 40px;
left: -210px;
position: relative;
}

#descriptorbtm {
font-size: 14px;
float: left;
color: #FF6B2C; 
font-weight: bold;
top: 56px;
left: -320px;
position: relative;
}

#number {
font-size: 20px;
color: #FFF;
left: 130px;
top: 52px;
position: relative;
}



#leftcol a:link { color: #981E53; text-decoration: none; }
#leftcol a:active {color: #981E53; text-decoration: none;} 
#leftcol a:visited {color: #981E53; text-decoration: none;} 
#leftcol a:hover {color: #FFF; text-decoration: underline; }

#leftlinks {
left: 20px;
position: relative;
margin-bottom: 90px;
}













//RACHAEL STUFF BELOW HERE...


#main{
background-color: white;
height: 406px;
width: 692px;
text-align: left;
left: 120px;
top: 150px;
position: relative;
}

#hpleft {
width: 371px;
background-color: white;
float: left;
position: relative;
border-right: 1px #c8c6c5 solid;
}

#lstage {
width: 352px;
height: 382px;
background-color: white;
}


#hpright {
width: 321px;
float: left;
position: relative;
}

#rstage {
width: 304px;
height: 379px;
left: 10px;
position: relative;
}

h2 {
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
color: #ac255f;
padding-left: 5px;
position: relative;
margin-top: 0px;
margin-bottom: 0px;
}

p {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
color: black;
padding-left: 5px;
margin-top: 8px;
}



h3 {
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
color: #ff692a;
padding-left: 5px;
top: 15px;
position: relative;
}

h4 {
margin: 0px;
padding: 0px;
font-size: 15px;
font-weight: bold;
top: -7px;
position: relative;
}

#text {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
color: black;
font-weight: bold;

}

#contain {
width: 25px;
height 25px;
background-color: red;



}








.orange {
color: #FF692A;
}



#tickrow {
margin-top: 8px;
margin-bottom: 8px;
width: 304px;
clear: both;
float: left;
position: relative;
}

#tick {
width: 29px;
height: 30px;
float: left;
position: relative;
background-image: url("tick.jpg");
background-position: top center;
background-repeat: no-repeat;
}

#ticktxt {
width: 275px;
float: left;
position: relative;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ac255b;
}












#leftbtm {
width: 206px;
height: 111px;
background-image: url("leftbtmbg.gif");
background-position: bottom left;
background-repeat: no-repeat;
left: 0px;
top: -0px;
position: relative;
}





#loginform {
top: 0px;
left: 10px;
position: relative;
height: 160px;
color: white;
font-size: 11px;
font-weight: bold;
}

.logintxt {
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
left: 46px;
position: relative;
background-color: #AC255F;
}

form {
margin: 0px;
padding: 0px;
padding-top: 4px;
}

.textfields {
width: 70px;
color: #981E53;
}

#success {
width: 278px;
height: 129px;
left: 10px;
background-image: url("success.gif");
background-position: top center;
background-repeat: no-repeat;
position: relative;
clear: both;
}

#story {
width: 260px;
top: 43px;
left: 8px;
position: relative;
font-size: 12px;
font-weight: bold;
}

#story a:link { color: #000; text-decoration: none; } 
#story a:active {color: #000; text-decoration: none;} 
#story a:visited {color: #000; text-decoration: none;} 
#story a:hover {color: #000; white; text-decoration: none; }

#blobs {
width: 359px;
height: 62px;
top: 10px;
left: 2px;
position: relative;
}

#purpleblob {
text-align: left;
width: 178px;
height: 62px;
background-image: url("purpleblob.jpg");
background-position: top center;
background-repeat: no-repeat;
float: left;
position: relative;
cursor: pointer;
}

#blobs a:link { color: #fff; text-decoration: none; }
#blobs a:active {color: #fff; text-decoration: none;}
#blobs a:visited {color: #fff; text-decoration: none;}
#blobs a:hover {color: #fff; text-decoration: none; }


#purpleblob a:link { color: #fff; text-decoration: none; }
#purpleblob a:active {color: #fff; text-decoration: none;}
#purpleblob a:visited {color: #fff; text-decoration: none;}
#purpleblob a:hover {color: #fff; text-decoration: none; }

#orangeblob a:link { color: #fff; text-decoration: none; }
#orangeblob a:active {color: #fff; text-decoration: none;}
#orangeblob a:visited {color: #fff; text-decoration: none;}
#orangeblob a:hover {color: #fff; text-decoration: none; }



#orangeblob {
text-align: left;
width: 178px;
height: 62px;
background-image: url("orangeblob.jpg");
background-position: top center;
background-repeat: no-repeat;
float: left;
position: relative;
cursor: pointer;
}

.blobtxt a:link { color: #000; text-decoration: none; } 
.blobtxt a:active {color: #000; text-decoration: none;} 
.blobtxt a:visited {color: #000; text-decoration: none;} 
.blobtxt a:hover {color: #000; white; text-decoration: none; }



#blobtxt {
width: 126px;
left: 10px;
top: 7px;
position: relative;
text-align: left;
font-weight: bold;
font-size: 12px;
color: #fff;
}


ul {
margin-bottom: 0px;
}


li {
font-size: 12px;
color: #ac255f; 
font-weight: bold;
margin-bottom: 4px;
}




#updates {
color: #ff692a;
font-weight: bold;
text-indent: 7px;
}



#midblock {
width: 666px;
float: left;
position: relative;
left: 12px;
position: relative;
}



#topblocktop {
height: 12px;
width: 666px;
background-image: url("topblocktop.gif");
background-position: top left;
background-repeat: no-repeat;
font-size: 1px;
}

#topblockmid {
width: 666px;
background-image: url("topblockmid.gif");
background-position: top left;
background-repeat: repeat-y;
}

#topblockbtm {
height: 12px;
width: 666px;
background-image: url("topblockbtm.gif");
background-position: top left;
background-repeat: no-repeat;
clear: both;
margin-bottom: 12px;
}

#servicebg {
width: 285px;
height: 141px;
background-image: url("servicebg.gif");
background-position: top left;
background-repeat: no-repeat;
float: left;
position: relative;
color: #AC255F;
}


#servicecontent {
width: 268px;
height: 125px;
float: left;
left: 8px;
top: 8px;
position: relative;
}

#smaller {
margin-top: 3px;
font-size: 12px;
}

#learn {
font-size: 12px;
float: right;
position: relative;
margin-right: 17px;
margin-top: 7px;
font-weight: bold;
}


#hpbtn1 {
width: 130px;
height: 32px;
background-image: url("hpbtn1.jpg");
background-position: top left;
background-repeat: no-repeat;
float: left;
position: relative;
color: #FFF;
line-height: 32px;
text-align: center;
font-weight: bold;
font-size: 14px;
left: -8px;
margin-bottom: 4px;
margin-top: 25px;
}

#hpbtn2 {
width: 130px;
height: 32px;
background-image: url("hpbtn2.jpg");
background-position: top left;
background-repeat: no-repeat;
float: right;
position: relative;
color: #FFF;
line-height: 32px;
text-align: center;
font-size: 14px;
font-weight: bold;
left: -8px;
margin-bottom: 4px;
margin-top: 25px;
}

#hpbtn1 a:link { color: #fff; text-decoration: none; }
#hpbtn1 a:active {color: #fff; text-decoration: none;}
#hpbtn1 a:visited {color: #fff; text-decoration: none;}
#hpbtn1 a:hover {color: #fff; text-decoration: none; }

#hpbtn2 a:link { color: #fff; text-decoration: none; }
#hpbtn2 a:active {color: #fff; text-decoration: none;}
#hpbtn2 a:visited {color: #fff; text-decoration: none;}
#hpbtn2 a:hover {color: #fff; text-decoration: none; }



#tplft {
width: 424px;
float: left;
position: relative;
}

#tprgt {
width: 268px;
float: left;
position: relative;
}



.cl {
color: #323232;
text-decoration: none; 
}

.cl a:link { color: #323232; text-decoration: none; }
.cl a:active {color: #323232; text-decoration: none;}
.cl a:visited {color: #323232; text-decoration: none;}
.cl a:hover {color: #323232; text-decoration: none; }


#hpformtop {
width: 176px;
height: 36px;
float: left;
position: relative;
background-image: url("hpformtop.gif");
background-position: top left;
background-repeat: no-repeat;
}

#hpformmid {
width: 176px;
float: left;
position: relative;
background-image: url("hpformmid.gif");
background-position: top left;
background-repeat: repeat-y;
text-align: left;
line-height: 1em;
}


#hpformbtm {
width: 176px;
height: 28px;
float: left;
position: relative;
background-image: url("hpformbtm.gif");
background-position: top left;
background-repeat: no-repeat;
clear: both;
}

#hpftxt {
width: 168px;
float: left;
position: relative;
left: 4px;
}




.sf {
color: #353269;
font-size: 18px;
}

.sf2 {
color: #353269;
font-size: 15px;
font-weight: bold;
}

.smalltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	line-height: 14px;
	font-weight: normal;
	border: 1px #484848 solid;
	background-color: white;
	padding: 2px;
}

.btn {
font-size: 11px; 
}



#webhosting{
 position:relative; 
 width: 187px;
 height:139px;
background-image: url("webhosting.gif");
background-position: top center;
background-repeat: no-repeat;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
}



#redonion{
 position:relative; 
 width: 187px;
 height:139px;
background-image: url("redonion.gif");
background-position: top center;
background-repeat: no-repeat;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
}


#designerjewellery{
 position:relative; 
 width: 187px;
 height:139px;
background-image: url("designerjewellery.gif");
background-position: top center;
background-repeat: no-repeat;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
}



#indicia{
 position:relative; 
 width: 187px;
 height:289px;
background-image: url("indicia.gif");
background-position: top center;
background-repeat: no-repeat;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
}



#scooterinsurance{
 position:relative; 
 width: 187px;
 height:385px;
background-image: url("scooterinsurance.gif");
background-position: top center;
background-repeat: no-repeat;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
}









#itdiscounts{
 position:relative; 
 width: 187px;
 height:139px;
background-image: url("itdiscounts.gif");
background-position: top center;
background-repeat: no-repeat;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
}








#vwh{
 position:relative; 
 width: 187px;
 height:139px;
background-image: url("vwh.gif");
background-position: top center;
background-repeat: no-repeat;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
}

#webhostinginfo {
width: 160px;
font-size: 11px;
line-height: 1em;
top: 70px;
left: 20px;
position: relative;
}





#webhostinginfo a:link { color: #000; text-decoration: none; }
#webhostinginfo a:active {color: #000; text-decoration: none;}
#webhostinginfo a:visited {color: #000; text-decoration: none;}
#webhostinginfo a:hover {color: #000; text-decoration: none; }