@charset "utf-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 19px;
	background-color: #E8E8E8;
	background-image: url(images/backgroundblackblack.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}
#containerbg{
	background-image: url(images/backgroundblack.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
#container{
	margin: 0px auto;
	width: 883px;
	background-color: #FFFFFF;
}
#header{
	background-image: url(images/headerdesignstudio3.jpg);
	background-repeat: no-repeat;
	height: 114px;
}
#navigation{
	background-color: #FFFFFF;
	background-image: url(images/navigationlightfaded.jpg);
	background-repeat: no-repeat;
	height: 243px;
	clear: both;
}
#home{width: 341px; height: 41px;}
a.homeroll {
	display:block;
	width:341px;
	height:41px;
	text-decoration: none;
	background-image: url(images/homerolloverbutton.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.homeroll:hover {
	background: url(images/homerolloverbutton.jpg) no-repeat;
	width:341px;
	height:-41px;
	text-decoration: none;
}
a.homeroll span {visibility:hidden; }
#services{width: 341px; height: 22px;}
a.servicesroll {
	display:block;
	width:341px;
	height:22px;
	text-decoration: none;
	background-image: url(images/servicesrolloverbutton.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.servicesroll:hover {
	background: url(images/servicesrolloverbutton.jpg) no-repeat;
	width:341px;
	height:-22px;
	text-decoration: none;
}
a.servicesroll span {visibility:hidden; }
#portfolio{width: 341px; height: 29px;}
a.portfolioroll {
	display:block;
	width:341px;
	height:29px;
	text-decoration: none;
	background-image: url(images/portfoliorolloverbutton.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.portfolioroll:hover {
	background: url(images/portfoliorolloverbutton.jpg) no-repeat;
	width:341px;
	height:-29px;
	text-decoration: none;
}
a.portfolioroll span {visibility:hidden; }
#freequote{width: 341px; height: 24px;}
a.freequoteroll {
	display:block;
	width:341px;
	height:24px;
	text-decoration: none;
	background-image: url(images/freequoterolloverbutton.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.freequoteroll:hover {
	background: url(images/freequoterolloverbutton.jpg) no-repeat;
	width:341px;
	height:-24px;
	text-decoration: none;
}
a.freequoteroll span {visibility:hidden; }
#contact{width: 341px; height: 39px;}
a.contactroll {
	display:block;
	width:341px;
	height:39px;
	text-decoration: none;
	background-image: url(images/contactrolloverbutton.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.contactroll:hover {
	background: url(images/contactrolloverbutton.jpg) no-repeat;
	width:341px;
	height:-39px;
	text-decoration: none;
}
a.contactroll span {visibility:hidden; }
#homepage #homenav{background:url(images/homeactive.jpg)}
#portfoliopage #portfolionav{background:url(images/portfolioactive.jpg)}
#servicespage #servicesnav{background: url(images/servicesactive.jpg)}
#quotepage #freequotenav{background: url(images/freequoteactive.jpg)}
#contactpage #contactnav{background: url(images/contactactive.jpg)}
#content{
	padding-right: 89px;
	padding-left: 89px;
	padding-top: 2px;
	background-color: #FFFFFF;
	background-image: url(images/whitegraybg.jpg);
	background-repeat: repeat-y;
}
#contentservices{
	padding-right: 64px;
	padding-left: 64px;
	padding-top: 2px;
	background-color: #FFFFFF;
	background-image: url(images/whitegraybg.jpg);
	background-repeat: repeat-y;
}
#contentportfolio{
	padding-right: 54px;
	padding-left: 54px;
	padding-top: 6px;
	background-color: #FFFFFF;
	background-image: url(images/whitegraybg.jpg);
	background-repeat: repeat-y;
}
#testimonials{
	float: left;
	width: 194px;
	background-color: #000000;
	height: 214px;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFBB;
	font-size: 1.1em;
	font-weight: bold;
}
#testimonials a{
	color:#FFFF99;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
}
#welcomewrite{
	float: right;
	width: 450px;
}
#designservices{float: left; width: 214px;}
#portfoliopics{
	float: right;
	width: 450px;
	clear: right;
}
#servicestable{
	float: left;
	width: 490px;
}
#packages{
	float: right;
	width: 230px;
	background-color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #E0E0E0;
	padding-top: 14px;
	padding-right: 10px;
	padding-bottom: 14px;
	padding-left: 10px;
}
#packages a{
	color:#CCCCCC;
}
#requestquote{
	margin: 0px auto;
	width: 670px;

}
#whychoose{
	float: right;
	width: 405px;
}
#contactphonepic{
	float: left;
	width: 280px;
}
#contactinformation{
	float: right;
	width: 405px;
}
#contacttestimonials{
	float: left;
	width: 238px;
	background-color: #FFE6B0;
	height: 204px;
	border: 1px solid #333333;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 18px;
}
#contentdesignagreement{
	margin: 0px auto;
	width: 623px;
	background-color: #FFFFFF;
}
#footerfade{
	margin: 0px auto;
	clear: both;
	background-image: url(images/footerfadeborder.jpg);
	height: 46px;
	width: 883px;
}
#spacer{
	clear: both;
	height: 18px;
}
#spacer2{
	clear: both;
	height: 2px;
}
#spacercontact{
	height: 40px;
	clear: both;
}
#footer{
	background-color: #0A0B0D;
	height: 46px;
}
#footercontent{
	width: 716px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #CCCCCC;
}
#copyright{
	float: left;
	width: 212px;
}
#terms{
	float: left;
	width: 132px;
	color: #CCCCCC;
}
#terms a{
	color:#CCCCCC;
	text-decoration: underline;
}
#phone{
	float: left;
	width: 115px;
	color: #F4BF61;
	text-align: right;
}
#bottomnav{
	float: right;
	width: 255px;
	text-align: right;
}
#bottomnav a{color:#CCCCCC; text-decoration: none;}
#bottomnav a:hover{
	color: #F4BF61;
}
.paddingtop0{padding-top: 0px; margin-top: 0px;}
.paddingbottom12{padding-bottom: 12px;}
.paddingbottom8{
	padding-bottom: 7px;
}
#chooselist{
	list-style-image: url(images/redarrow2.jpg);
	list-style-position: outside;
}
#chooselist li{
	padding-bottom: 10px;
	list-style-image: url(images/redarrow2.jpg);
}
#serviceslist{
	list-style-image: url(images/redarrow.jpg);
}
#serviceslist li{padding-bottom: 4px;}
#offerlist li{
	padding-bottom: 14px;
}
#serviceslist #bottomlist {padding-bottom: 0px;}
#offerlist #bottomlist{padding-bottom: 0px;}
h1{display:none;}
h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #F1C26A;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 2px;
	padding-bottom: 2px;
}
h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-top: 2px;
	padding-top: 4px;
	margin-bottom: 4px;
	padding-bottom: 2px;
}