/*--------------------------------------
Stylesheet For MinsiteLibrary.com
Design by James Dyson/Minisitestudio.com
----------------------------------------*/

body {
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#410100;
	color:#ffffff;}
p {
	margin:0px;
	padding:0px;
	color:#FFFFFF;

}
a {
	color:#ffffff;
	text-decoration:none;
}
a:hover {
	color:#ffffff;
	text-decoration:underline;
	border: 0;
}



/*---LAYOUT CODING---*/

#headerbar {
	margin:0px;
	padding:0px;
	height:34px;
	background-image:url(images/navbk.gif);
	background-color:#000000;
	background-repeat:repeat-x;}
	
#headerbarcontent{
	width:750px;
	margin:0px auto;
	height: 34px;
}

#maintopbar {
	margin:0px;
	padding:0px;
	background-image:url(images/mainbk.jpg);
	background-color:#CD3800;
	background-repeat:repeat-x;
	background-position:top;
}

#maintopbarcontent{
	margin-top:15px;
	width:750px;
	margin:0px auto;
	height:90px;
	padding-top: 10px;
}

#mainbottombar {
	margin:0px;
	padding:0px;
	background-image:url(images/bottombk.gif);
	background-color:#680200;
	background-repeat:repeat-x;
	background-position:top;
	height:280px;
}

#maintopbarlogo{
	float:left;
	width:299px;
	height:65px;
	background-image:url(images/logo.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-left: 5px;
}

#maintopbarlogo h1{
display:none;
}

#maintopbarpromo{
	float:left;
	width:307px;
	height:72px;
	background-image:url(images/promoheader.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-left: 30px;
}
#maintopbarprice{
	float:left;
	width:81px;
	height:80px;
	background-image:url(images/pricebutton.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-left: 20px;
}

#stepscontainer{
	width:715px;
	padding-left: 35px;
}
.aclear{clear:both}

.stepbottom{width:139px;text-align:center;font-weight:bold;}
#step1container{
	float:left;
	width:139px;
	margin-right:40px;
}

#step1top{width:141px;background-image:url(images/step1.jpg);height:139px;}
#step2container{float:left;width:139px;margin-right:40px;}
#step2top{width:141px;background-image:url(images/step2.jpg);height:139px;}
#step3container{float:left;width:139px;margin-right:40px;}
#step3top{width:141px;background-image:url(images/step3.jpg);height:139px;}
#step4container{float:left;width:139px;}
#step4top{width:141px;background-image:url(images/step4.jpg);height:139px;}


#footerbar{	
	margin:0px;
	padding:0px;
	background-image:url(images/footerbk.gif);
	background-color:#ebead1;
	background-repeat:repeat-x;
	background-position:top;
	height:49px;}

#middlebarshadow{
	margin:0px;
	padding:0px;
	background-image:url(images/topshadow.jpg);
	background-color:#ebead1;
	background-repeat:repeat-x;
	background-position:top;
	height:12px;
	width:750px;
	margin:0px auto;
}
	
#middlebarshadowbottom{
	margin:0px;
	padding:0px;
	background-image:url(images/topshadowlong.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width:750px;
	margin:0px auto;
}

#middlebarshadowbottom h2{
font-size:1.4em;
padding-left:20px;
padding-top:10px;
padding-bottom:10px;
margin:0px;
line-height:0px;
text-transform:uppercase;
}

#middlebarshadowbottom p{
	font-size:14px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
	line-height:20px;
	padding-right:20px;
	width:650px;
}

#middlebarshadowbottom h3{
	font-size:1.2em;
	padding-left:20px;
	padding-top:15px;
	margin:0px;
	line-height:0px;
	padding-bottom: 5px;
    color: #FF9933;
}

#middlearealeft{
	float:left;
	width: 510px;
}
#middlearearight{
	float:left;
	width:180px;
	padding-left: 40px;
	margin: 0;
}










.steps{color:#FF8700;}

#bottomcontent{width:750px;margin:0px auto;}

#bottomcontentleft{
	float:left;
	width:500px;
	padding-top:10px;
	padding-right: 40px;
}

#bottomcontentleft h2{
	font-size:18px;
	font-weight:normal;
	color:#ffe1d6;
	margin:0;
	padding-top:7px;
}
#bottomcontentleft h3{
	font-size:14px;
	font-weight:bold;
	color:#ffe1d6;
	margin:0;
	padding-top:15px;
}
#bottomcontentleft p{
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	color:#db815f;
	margin:0;
	padding-top:5px;
}

#bottomcontentright{
	float:left;
	width:180px;
	background-image:url(images/includedbar.gif);
	background-repeat:repeat-x;
	height:260px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 10px;
}

#bottomcontentright h2{
	font-size:18px;
	font-weight:normal;
	color:#ffe1d6;
	margin:0;
	padding-top:7px;
}
#bottomcontentright h3{
	font-size:14px;
	font-weight:bold;
	color:#ffe1d6;
	margin:0;
	padding-top:15px;
}
#bottomcontentright p{
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#db815f;
	margin:0;
	padding-top:10px;
	padding-bottom: 6px;
}

.includedcontainer{
	width:170px;
	height:20px;
	padding-top:2px;
}
.includedbullet{
	float:left;
	width:25px;
	height:20px;
}
.includedtext{float:left;width:140px;height:20px;color:#ffb092;}

#footercontainer{padding-top:15px;margin:0px auto;width:750px;}
#footercontentleft{
	float:left;
	width:400px;
	color: #ffbfa7;
}
#footercontentright{
	float:left;
	width:350px;
	color: #ffe1d6;
}


/*--Navigation Bar--*/

#nav {
	margin: 0;
	padding: 0;
	height: 34px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;

	}

#nav a {
	float: left;
	padding: 34px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:34px; /* for IE5/Win only */

	}
	
#nav a:hover {
	background-position: 0 -34px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -34px;
	}
	
#thome a  {
	width: 51px;
	background: url(images/bhome.gif) top left no-repeat;
	}
#tordernow a  {
	width: 84px;
	background: url(images/bordernow.gif) top left no-repeat;
	}
#tmoreinfo a  {
	width: 86px;
	background: url(images/bmoreinfo.gif) top left no-repeat;
	}
#tcustomdesign a  {
	width: 113px;
	background: url(images/bcustomdesign.gif) top left no-repeat;
	}
#tfaq a  {
	width: 46px;
	background: url(images/bfaq.gif) top left no-repeat;
	}
#tcontact a  {
	width: 88px;
	background: url(images/bcontact.gif) top left no-repeat;
	}

#getstarted{height:60px;text-align:center;padding-top:15px;}