@charset "koi8-r";
/* CSS Document */

body{ margin:0; padding:0; background:#3a3730 url(http://quickenwebsites.com/images/bg.gif) 0 50px;}
.wrapper{ display:block; position:relative; width:950px; margin:0 auto; padding:0;}

.header{ display:block; position:relative; float:left; width:950px; height:134px; margin:0; z-index:999;}
.header2{ display:block; position:relative; float:left; width:950px; height:134px; margin:0 0 -75px 0; z-index:999;}
.pageTitle{ margin:20px 0 0 0; padding-bottom:20px; font:normal 50px Verdana, Arial, Helvetica, sans-serif;}

/*.header ul{ display:block; position:relative; float:right; width:549px; height:37px; margin:15px 0 0 0; padding:0 0 0 401px; list-style:none; list-style-type:none; background:url(images/bgMenu.gif) 0 0 no-repeat;}
.header ul li{ float:left; position:relative; display:block; margin:0; padding:0; list-style:none; list-style-type:none;}
.header ul li a{display:block; position:relative; float:left; height:37px; margin:0; padding:0; text-indent:-1000px; overflow:hidden;} 
.header ul li.home a{ background:url(images/menuActive1.gif) 0 0 no-repeat; width:70px;}
.header ul li.blog a{ background:url(images/menuActive5.gif) 0 0 no-repeat; width:69px;}
.header ul li.about a{ background:url(images/menuActive4.gif) 0 0 no-repeat; width:95px;}
.header ul li.services a{ background:url(images/menuActive2.gif) 0 0 no-repeat; width:91px;}
.header ul li.portfolio a{ background:url(images/menuActive3.gif) 0 0 no-repeat; width:96px;}
.header ul li.contact a{ background:url(images/menuActive6.gif) 0 0 no-repeat; width:108px;}
.header ul li.homeActive a{ background:url(images/menu1.gif) 0 0 no-repeat; width:70px;}
.header ul li.blogActive a{ background:url(images/menu5.gif) 0 0 no-repeat; width:69px;}
.header ul li.aboutActive a{ background:url(images/menu4.gif) 0 0 no-repeat; width:95px;}
.header ul li.servicesActive a{ background:url(images/menu2.gif) 0 0 no-repeat; width:91px;}
.header ul li.portfolioActive a{ background:url(images/menu3.gif) 0 0 no-repeat; width:96px;}
.header ul li.contactActive a{ background:url(images/menu6.gif) 0 0 no-repeat; width:108px;}*/

div.requestQuote{ display:block; position:relative; float:right; width:400px; margin:30px 0 0 0;}
div.requestQuote img{ float:left; position:relative;}
div.requestQuote a{ position:relative; float:right;}
a.requestQuote2{ display:block; position:absolute; background:url(http://quickenwebsites.com/images/b_requestquote.gif) no-repeat 0 0; width:224px; height:51px; text-indent:-2000px; overflow:hidden; top:370px; left:680px;}

h1{ display:block; position:relative; float:left; width:420px; height:82px; text-indent:-2000px; overflow:hidden; cursor:pointer; padding:0; margin:0; background: url(http://quickenwebsites.com/images/logo.gif) -4px 14px no-repeat;}



h2{ display:block; float:left; margin:0 0 10px 0; padding:0; font:bold 30px/30px "Trebuchet MS"; color:#f3bc0a; }
h3{ font:bold 25px/25px "Trebuchet MS"; margin:0; padding:0 0 10px 0; color:#FFFFFF;}
h4{ font:bold 18px/20px "Trebuchet MS"; margin:0; padding:0 0 10px 0; color:#CCCCCC;}

a{ color:#FFFF00;}
.container2 h4{ margin:0 0 0 96px; _margin:0 0 0 48px; float:left; padding:0 30px 0 0;}


.container2 ul{ display:block; float:left; width:195px; margin:40px 60px 0 0; padding:0 0 20px 0;}
.container2 ul li{ list-style:none; list-style-type:0; border-bottom:1px solid #9c9b97; margin:0; padding:3px 0 3px 0; font:normal 11px Verdana, Arial, Helvetica, sans-serif;}

.container2 ul li h5{ font:bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; width:100%;}
.container2 ul li a{ color:#333333;}

p{ font:normal 12px/17px Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC;}
p.about{width:500px;}
.containerMain { font:12px/18px Verdana, Arial, Helvetica, sans-serif;}
.containerMain{display:block; position:relative; float:left; width:450px; background:url(http://quickenwebsites.com/images/bgContainer2.gif) bottom no-repeat; padding:20px 20px 40px 480px}
.container{display:block; position:relative; float:left; width:950px; padding:60px 0 0 0;}
.container2{display:block; position:relative; float:left; width:950px; padding-bottom:20px;}


.leftColumn{ display:block; position:relative; float:left; width:500px; margin: 0; padding:0 0 0 50px; }
.rightColumn{ display:block; position:relative; float:right; width:300px; margin:0 0 0 0; padding:0 50px 0 0; }


.twitterMenu{ display:block; position:relative; float:left; margin:10px 0 30px; padding:0;}
.twitterMenu li{ display:block; position:relative; float:left; margin:0 8px 0 0; padding:0; list-style:none; list-style-type:none;}
.footerContainer{display:block; position:relative; width:100%; height:80px; margin:0; padding:0; color:#999999; background-color:#1f1d1a;}
.footer{display:block; position:relative; float:left; width:950px; height:80px;  margin:0; padding:0; color:#999999;}
.footer2{display:block;  width:950px; height:80px;  margin:0 auto; padding:0; color:#999999;}
.footer a{ color:#999999;}
.footer2 a{ color:#999999;}
.bottomMenu{ float:right; margin:20px 0 0 0; padding:0; color:#999999;}
.copy{ float:left; margin:20px 0 0 0; padding:0; color:#999999;}
.bottomShadow{ margin-left:120px; float:left;} 
.roundTop{ float:left;}


div.portfolio{ float:left; width:780px; clear:left; margin:15px 0 0 96px; _margin:15px 0 0 48px;} 
div.portfolio .proj1{ display:block; float:left; width:700px; padding:0 0 0 20px;}
img.leftB{ float:left; margin:0 0 15px 0;}
img.rightB{ float:left; margin:0 0 15px 0;}

.columnOne{display:block; position:relative; float:left; width:280px; margin:0 50px 0 0 ; padding:0;}
.columnTwo{display:block; position:relative; float:right; width:280px; margin:0px; padding:0;}
.columnThree{display:block; position:relative; float:left; width:270px; margin-top:20px; margin-left:50px; _margin-left:25px; padding:0;}

.columnOne h2, .columnTwo h2, .columnThree h2{ display:block; float:left; margin:0 0 10px 0; padding:0; font:bold 26px/26px "Trebuchet MS";  width:100%; color:#f3bc0a;}

.columnOne h4, .columnTwo h4, .columnThree h4{ margin-bottom:5px; padding-bottom:0; line-height:15px; color:#fff;}
.columnOne strong, .columnTwo strong, .columnThree strong{ font:bold 14px Arial, Helvetica, sans-serif;}
.columnOne p, .columnTwo p, .columnThree p{ margin-top:0; padding-top:0; margin-bottom:15px; color:#999999;}

.titlePortfoio{ position:absolute; top:-18px; left:110px;} 


.ff1 input, .ff1 select, .ff1 textarea{ width:200px;  padding:3px; font:normal 12px Arial, Helvetica, sans-serif; margin-left:20px; color:#000; border:1px solid #000000; background-color:#CCCCCC;}
table.top tr td{  padding:5px 0 5px 0; border-bottom:1px dashed #000; color:#FFFFFF;}

.ff1{ margin:30px 0 0 0; padding:0 30px 0 0; font:normal 12px Verdana, Helvetica, sans-serif;  width:438px; color:#fff; }

.superMan{
	display:block; 
	position:relative; 
	float:left;
	z-index:0;
	background:url(http://quickenwebsites.com/images/superMan.gif) no-repeat 0 0;
	width:950px;
	height:312px;
	margin:0 0 0 0;}
	
.superMan h2{
	display:block;
	position:relative;
	float:left;
	text-indent:-2000px;
	overflow:hidden;
	background:url(http://quickenwebsites.com/images/tSuper.gif) no-repeat 0 0;
	width:384px;
	height:144px;
	margin:120px 0 0 40px;
	_margin-left:15px;
	padding:0;}
	
.yellowContainer{
	display:block;
	position:relative;
	float:left;
	width:910px;
	padding:10px 0 10px 40px;
	background-color:#f3bc0a;
	}

.yellowContainer p{
	font:12px/14px Arial, Helvetica, sans-serif;}
	
.transparentContainer{
	display:block;
	position:relative;
	float:left;
	width:910px;
	margin:10px 0 0 0;
	padding:10px 0 30px 40px;}
	
.transparentContainer p, .transparentContainer a{
	color:#FFFFFF;
	font:12px/14px Arial, Helvetica, sans-serif; margin:0; padding:0;}
	
.transparentContainer h4{
	color:#f3bc0a; margin:0 0 15px 0; padding:0;}
	
.transparentContainer a{
	font-weight:bold;
	margin:0;
	padding:0;}
	
.yellowContainerTop{
	display:block;
	position:relative;
	float:left;
	width:950px;
	height:20px;
	margin:4px 0 0 0;
	background:url(http://quickenwebsites.com/images/bgYellowTop.gif) no-repeat 0 0;}
	
.yellowContainer a{
	color:#000000;
	font-weight:bold;}
	
	
.yellowContainerBottom{
	text-align:center;
	display:block;
	position:relative;
	float:left;
	width:950px;
	height:20px;
	background:url(http://quickenwebsites.com/images/bgYellowBottom.gif) no-repeat 0 0;}
	
.box1{
	display:block;
	position:relative;
	float:left;
	width:275px;
	margin-right:25px;}
	
.box2{
	display:block;
	position:relative;
	float:left;
	width:275px;}
	
.box3{
	display:block;
	position:relative;
	float:left;
	width:275px;
	margin-right:25px;
	color:#FFFFFF;}
	
.box4{
	display:block;
	position:relative;
	float:left;
	width:275px;
	color:#FFFFFF;}

	
.box1 h4, .box2 h4{ color:#000000; margin:0 0 10px 0; padding:0; }
.box1 p, .box2 p{ color:#000000;  margin:0; padding:0;}
	
ul.topMenu{
	display:block;
	position:absolute;
	background:none;
	width:920px;
	height:32px;
	margin:0;
	padding:0;
	top:100px;
	left:10px;
	z-index:999;}

ul.topMenu li{
	display:block;
	position:relative;
	float:left;
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;}
	

ul.topMenu li a{
	display:block;
	position:relative;
	float:left;
	padding:5px 20px 5px 20px;
	font:bold 12px "Trebuchet MS", Arial;
	color:#999999;
	text-decoration:none;
	text-transform:uppercase;}
	
ul.topMenu li a:hover, ul.topMenu li a.active{
	color:#FFFFFF;
	background-color:#2f2d27;}