/************************* CRUNCHWEBSITES.COM 20/10/2009 ************************************/


body {
	margin: 0;
	padding: 0;
	background: #ffffff url(/images/bg.gif) no-repeat top center;
	font: normal 15px Calibri, Trebuchet, sans-serif;
	color: #444444;
	}

#bigdiv{
margin: auto;
padding:0;
background: #ffffff url(/images/top.jpg)  no-repeat top right;
color: #444444;
width: 960px; 
text-align: left;
position: relative;
}

#wrap{
width: 920px;
margin: 0 auto;
}




#content{
background: #ffffff url(/images/wrapbg.jpg) repeat-x;
margin: 0;
float:left;
clear: both; 
width: 920px;
position:relative;
}

#content p {
margin: 0 20px 0 20px;
}



/********************************* STEPS *******************************************/

#step img{
margin:  0 20px 0 0;  
float: left;
}



#step {
margin: 15px 0 0 20px;  
float: left;
width:400px;
height:180px;
background: url(/images/steps.gif) no-repeat;
padding:20px 0 0 30px;
position: relative;
}

#step  p{
margin: 10px 0 0 0;  
width:220px;
position: absolute;
left: 180px;
}

/********************************* MAIN COLUMNS *******************************************/

#left{
width: 580px;
float:left;
margin-top: 10px;
}

#right{
margin: 10px 0 0 20px;
width:300px;
float: left;
}

#middle{
width: 920px;
}

#hold{
height: 550px;
float:left;
clear:both;
padding:10px 0 40px 0;
}

#one{
margin: 0 10px 0 10px;
padding: 0 5px 5px 5px;
width:280px;
float: left;
}

#two{
margin: 0 10px 0 0;
padding: 0 5px 5px 5px;
width:280px;
float: left;
}

#three{
margin: 0 0 0 0;
padding: 0 5px 5px 5px;
width:290px;
float: left;
}

#one ul, #two ul, #three ul {
height: 480px;
margin-bottom: 15px;
}

#center{
width: 500px;
clear:both;
margin-left: 20px;
float:left;
}

#left ul{
margin:0 0 0 20px;
}
/********************************* TOP *******************************************/

#top{
width: 920px;
height: 135px;
}

#buynow{
position: absolute;
right:30px;
top: 75px;}




/********************************* MENU *******************************************/

#menu {
	width: 920px;
	height: 30px;
	margin: 0 auto;
	background: #972966 url(/images/menu.jpg) repeat-x;
	padding: 0;
	}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 3px 20px 3px 20px;
	text-transform: lowercase;
	text-decoration: none;
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#menu a:hover {
	color: #f0a050;
}

.home a#homenav,
.price a#pricenav,
.about a#aboutnav,
.examples a#examplesnav,
.contact a#contactnav
{
color: #f0a050;
}

/********************************* PRICE *******************************************/

#hold #one, #hold #two, #hold #three{
width: 280px;
}

#hold ul{
width: 250px;
}

/********************************* FLASH *******************************************/

#flash{
background: url(/images/flash.jpg) no-repeat;
padding: 0;
width: 920px;
height: 380px;
clear:both;
} 

#flashobject{
width:330px;
height:210px;
position:absolute;
left:105px;
top:55px;}


#flashtext {
position: absolute;
top: 150px;
left: 490px;
}

#flashtext p{
font-size: 12px;
width: 400px;
padding: 0 0 10px 0;
margin:0;
}






/********************************* BOTTOM *******************************************/
#bottom{
width:920px;
height:90px;
background: #ffffff url(/images/bottom.jpg) repeat-x top;
font-size: 12px;
float: left;
clear:both;
margin: 20px 0 20px 0;
padding: 10px 0 0 0;
}

#bottom p{
padding:0;

}



/********************************* HEADINGS *******************************************/

h1, h2, h3,  .zhometitle, .zproductstitle, .gallerycategorygroup, .ztestimonialstitle, .zservicestitle{
	margin: 0;
	padding: 0;
	font-size: 15px;
}

h1{
	padding:0;
	margin:0;
}


h2{
	padding:5px 0 3px 0;
	margin:0;
}

h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
}


h5 {
	font-size: 10px;
}

h5 a:hover{
	color: #f0a050;
	text-decoration:none;
}

h5 a{
padding: 0 0 0 20px;
	color: #c0c0c0;
	text-decoration:none;
}



/********************************* P TAGS AND MISC *******************************************/

p, blockquote, ul, ol  {
	line-height: 16px;
	padding:0 0 10px 0;
	margin:0;
	}
	
li {
list-style-image: none;
padding: 0 0 10px 0;
}

li.plus {
list-style-image: url(/images/pluds.gif);
padding: 0 0 8px 0;
}


ul{
padding: 5px 0 10px 15px;
}


/********************************* A LINKS *******************************************/


a {
text-decoration: none; 
	color: #1e78a8;
	font-weight: bold;
	outline: none;
}

a img{
border: none;
text-decoration: none;
outline: none;

}

a:hover {
	text-decoration: none;
	color: #555555;
}

.zgallerygallery div{
float:right;
margin: 0 0 8px 10px;
}


/********************************* HOME *******************************************/
.zhomerow{
width: 296px;
height: 200px;
border: 1px solid #333333;
margin: 0 14px 14px 0;
float:left;
}

.zhometitle{
padding: 15px 0 0 15px;
}

.zhomewaffle{
padding: 0 15px 0 15px;
}


/********************************* ABOUT  *******************************************/

#left img {
padding: 0 0 0 20px;
}

.about #right p{
margin: 0;
width: 280px;
}

.about h2{
margin: 0 0 0 20px;
font-weight: bold;}

/********************************* EXAMPLES *************************************/

.zexamplesimage{
width:280px;
height: 200px;
float:left;
margin: 0 18px 20px 0;
border: 1px solid #e1e1e1;
}

.zexamplesrow{
margin: 10px 0 0 20px;
}

.examples p{
padding-right: 20px ;
}

/********************************* CONTACT ****************************************/

.contact p{
padding-right: 20px ;
}



/********************************* TERMS ****************************************/

.terms h2{
padding: 20px 0 10px 0;}

.terms #middle {
width: 880px;
margin-left: 20px;
}

.terms #bottom p{
margin-left:0; }

/************************* FORM ********************************/	


input {
margin: 3px 0 0 0;
color: #555555;
}

.buynow input {
margin: 3px 0 0 0;
color: #555555;
}

.buynow #left img{
padding:0;
}

.buynow #left{
margin: 10px 0 0 20px;
padding:0;
width:560px;
}

textarea {
width: 250px;
height: 110px;
margin: 3px 0 0 0;
font: normal 15px GillSans, Calibri, Trebuchet, sans-serif;
color: #555555;
}

#domainstatus{
color:#666;}




.submit input {
height: 23px;
width: 78px;
}

form p{
color: #000;
}


#domainsearch{
position: relative;
height:40px;
padding: 2px 0 0 15px;
background: url(/images/search.gif) no-repeat ;
}

#domainstatus {
position:absolute;
left: 375px;
top: 8px;
width: 100px;}



/********************************* FOOTER *******************************************/
	
#footer {
	padding: 20px 0 0 0;
	clear:both;
	height: 65px;
	width:960px;
	background: url(/images/footer.jpg) no-repeat;
}

#footer h5 {
	text-align: left;
	color: #f0a050;
	padding: 0 0 0 170px;
	margin:0;
	}

	
/*********************************  SPANS *******************************************/

.purple{
color:#972966;
}		

.orange{
color:#f0a050;}

.blue{
color: #1e78a8;
}