@charset "utf-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 19px;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color: #CCCCCC;
}
a{color: #0099FF;}
#container{margin: 0px auto; width: 1100px;}
#header{
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	height: 271px;
}
#navigation{
	background-image: url(images/navigation.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 95px;
}
#home{float: left; width: 277px; height: 95px;}
a.homeroll {
	display:block;
	width:277px;
	height:95px;
	text-decoration: none;
	background-image: url(images/homebutton.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.homeroll:hover {
	background: url(images/homebutton.jpg) no-repeat;
	width:277px;
	height:-95px;
	text-decoration: none;
}
a.homeroll span {visibility:hidden; }
#homepage #homenav {background-image: url(images/homeactive.jpg);}
#services{float: left; width: 147px; height: 95px;}
a.servicesroll {
	display:block;
	width:147px;
	height:95px;
	text-decoration: none;
	background-image: url(images/servicesbutton.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.servicesroll:hover {
	background: url(images/servicesbutton.jpg) no-repeat;
	width:147px;
	height:-95px;
	text-decoration: none;
}
a.servicesroll span {visibility:hidden; }
#servicespage #servicesnav{background-image: url(images/servicesactive.jpg);}
#portfolio{float: left; width: 153px; height: 95px;}
a.portfolioroll {
	display:block;
	width:153px;
	height:95px;
	text-decoration: none;
	background-image: url(images/portfoliobutton.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.portfolioroll:hover {
	background: url(images/portfoliobutton.jpg) no-repeat;
	width:153px;
	height:-95px;
	text-decoration: none;
}
a.portfolioroll span {visibility:hidden; }
#portfoliopage #portfolionav{background-image: url(images/portfolioactive.jpg);}
#clients{float: left; width: 113px; height: 95px;}
a.clientsroll {
	display:block;
	width:113px;
	height:95px;
	text-decoration: none;
	background-image: url(images/clientsbutton.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.clientsroll:hover {
	background: url(images/clientsbutton.jpg) no-repeat;
	width:113px;
	height:-95px;
	text-decoration: none;
}
a.clientsroll span {visibility:hidden; }
#clientspage #clientsnav{background-image: url(images/clientsactive.jpg);}
#quote{float: left; width: 124px; height: 95px;}
a.quoteroll {
	display:block;
	width:124px;
	height:95px;
	text-decoration: none;
	background-image: url(images/quotebutton.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.quoteroll:hover {
	background: url(images/quotebutton.jpg) no-repeat;
	width:124px;
	height:-95px;
	text-decoration: none;
}
a.quoteroll span {visibility:hidden; }
#quotepage #quotenav {background-image: url(images/quoteactive.jpg);}
#contact{
	float: left;
	width: 143px;
	height: 95px;
}
a.contactroll {
	display:block;
	width:143px;
	height:95px;
	text-decoration: none;
	background-image: url(images/contactbutton.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.contactroll:hover {
	background: url(images/contactbutton.jpg) no-repeat;
	width:143px;
	height:-95px;
	text-decoration: none;
}
a.contactroll span {visibility:hidden; }
#contactpage #contactnav{background-image: url(images/contactactive.jpg);}
#freequote{float: left; width: 143px; height: 95px;}
a.freequoteroll {
	display:block;
	width:143px;
	height:95px;
	text-decoration: none;
	background-image: url(images/freequotebutton.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.freequoteroll:hover {
	background: url(images/freequotebutton.jpg) no-repeat;
	width:143px;
	height:-95px;
	text-decoration: none;
}
a.freequoteroll span {visibility:hidden; }
#content{
	padding-right: 100px;
	padding-left: 100px;
}
#rewards{
	float: left;
	width: 528px;
	background-image: url(images/spacerbg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 30px;
}
#servicesboxindex a{color: #0099FF; text-decoration:underline;}
#servicesboxindex{
	float: right;
	width: 300px;
}
#clientsaid{
	float: left;
	width: 528px;
	height: 300px;
	background-image: url(images/spacerbg.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	padding-right: 30px;
}
#clientsaid a{color: #0099FF; text-decoration:underline;}
#moreinfo{float: left; width: 200px;}
#portfoliohighlight{
	float: right;
	width: 300px;
}
#designs{
	float: left;
	width: 250px;
	padding-right: 30px;
	text-align: justify;
	background-image: url(images/vertdivider.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#hosting{
	float: left;
	width: 255px;
	padding-right: 40px;
	padding-left: 25px;
	text-align: justify;
	background-image: url(images/vertdivider.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#ecomm{
	float: right;
	width: 270px;
	text-align: justify;
	background-image: url(images/seobg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#basic{
	float: left;
	width: 255px;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #BCBCBC;
	background-image: url(images/basicbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 14px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 15px;
}
#basicclients{
	float: left;
	width: 230px;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #BCBCBC;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 15px;
	background-image: url(images/dottelineclients.jpg);
}
#premiere{
	float: left;
	width: 255px;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #BCBCBC;
	background-image: url(images/basicbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 14px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 15px;
}
#premiereclients{
	float: left;
	width: 230px;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #D7D7D7;
	background-image: url(images/dottelineclients.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 15px;
}
#business{
	float: left;
	width: 255px;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #BCBCBC;
	background-image: url(images/basicbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 14px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 15px;
}
#business a{color: #0099FF;}
#businessclients{
	float: left;
	width: 230px;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #D7D7D7;
	background-image: url(images/dottelineclients.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 15px;
}
#contactform{
	float: left;
	width: 340px;
}
#picture{
	float: right;
	width: 500px;
	padding-left: 40px;
	background-image: url(images/vertdivider.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contactformquote{
	float: left;
	width: 600px;
	background-image: url(images/vertdividerquote.jpg);
	padding-right: 40px;
	background-repeat: no-repeat;
	background-position: right top;
}
#picturequote{
	float: left;
	width: 470px;
	background-image: url(images/vertdivider.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 40px;
}
#packagescolumn{float: right; width: 250px;}
#offers{
	float: left;
	width: 240px;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #D7D7D7;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}
#testimonials{
	float: left;
	width: 568px;
	background-image: url(images/testimonialbg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 50px;
	color: #A8A8A8;
}
#movie{
	width: 200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
}
#moviequote{
	float: right;
	width: 200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
}
#spacer{clear: both;}
#spacerindex{
	float: left;
	width: 87px;
}
#spacerservice{
	float: left;
	width: 28px;
	height: 200px;
}
#footer{
	padding-top: 16px;
	padding-right: 100px;
	padding-left: 100px;
	padding-bottom: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
}
#copyright{
	float: left;
	width: 266px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
#terms{
	float: left;
	width: 130px;
	color: #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
#terms a{
	color:#CCCCCC;
	text-decoration: none;
}
#phone{
	float: left;
	width: 200px;
	color: #CFA034;
	font-weight: bold;
}
#bottomnav{
	float: right;
	width: 300px;
	text-align: right;
}
#bottomnav a{
	color:#CCCCCC;
	text-decoration: none;
}
#bottomnav a:hover{
	color: #CFA034;
	text-decoration: none;
}

#picright{float: right; padding-left: 24px;}
#picright2{float: right; padding-left: 34px;}
.bottomlistpad{
	padding-bottom: 10px;
}
h1{display: none;}

h2{
	font-size: 1.4em;
	color: #CFA034;
	padding-bottom: 4px;
}
h3{
	font-size: 1.1em;
}
h4{
	font-size: 1.2em;
	color: #CFA034;
	padding-bottom: 4px;
}
h5{
	font-size: 1.4em;
	color: #6E8FF8;
}
	
#serviceslist{
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	margin-left: 1.2em;
	padding-left: 0.09em;
}
#serviceslist li{
	padding-bottom: 10px;
	background-image:url(images/arrow.jpg);
	list-style-position: outside;
	background-repeat: no-repeat;
	padding-left: 1.4em;
	background-position: left 3px;

}
#committedlist{
	padding-left: 1.3em;
	margin-left: 1.3em;
}
#listpad16{
	margin-left: 1.0em;
	padding-left: 1em;
	list-style-position: outside;
}
#listpad16 li{padding-bottom: 16px;}
#listpad16 #listpadbottomnone li{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#clientslist{
	margin-left: 0.9em;
	padding-left: .9em;
}
#clientslist li{padding-bottom: 10px;}
#paddingtopbottom0{padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;}
.paddingtop0{padding-top: 0px; margin-top: 0px;}
a.invis {text-decoration: none;}
a.invis span{visibility: hidden;}
input{
	background-color: #6F6F6F;
	color: #FFFFFF;
}
textarea{
	background-color: #666666;
	color: #FFFFFF;
}