@charset "utf-8";
html{margin:0; padding:0}
body{margin:0; padding:0; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-align:center; background:#000 url(images/bgbg.jpg); line-height:1.2em}
#clear{clear:both}
p{margin:0; padding:12px 10px; color: #414141}

/* =Typography
---------------------------------------*/
#mainContent p{margin:0; padding:0; color: #414141; line-height:1.2em}
#footer p{color: #575757; font-size:85%}
p.filter{color: #575757; font-size:80%; padding:5px 0 0 10px; line-height:1.1em}
p.contact{color: #575757; font-size:80%; padding:5px 0 0 0px; line-height:1.1em}
#secondaryContent h1{color: #707070; font-size:130%; padding:36px 0 4px 0; margin:0; text-transform:uppercase}
#primaryContent h1{color: #1f1f1f; font-size:170%; padding:30px 0 6px 0; margin:0; text-transform:uppercase}
#closure p{margin:0; padding:0}
div#closure{margin-top:30px; color: #575757; font-size:90%; font-style:italic; text-align:center}
#primaryContent h2{margin:0; padding:0 0 8px 0; color: #00b3e8; font-size:140%; font-weight: normal; font-family: Geneva, Arial, Helvetica, sans-serif}
h7{margin:20px 0 13px 0; padding:10px 0 10px 0; color: #00b3e8; font-size:140%; font-weight: normal; font-family: Geneva, Arial, Helvetica, sans-serif; display:block; border-bottom:1px solid #e1e1e1}
#primaryContent h3{margin:0; padding:0 0 0 13px; color: #1f1f1f; font-size:90%; font-weight:bold; background: url(images/arr.jpg) center left no-repeat}
#primaryContent h4{font-size:90%; margin:12px 0 0 0; padding:0; display: block; margin:10px 0 4px 0; padding: 10px 0 5px 0; margin-bottom:8px; border-bottom:4px solid #dfdfdf; color: #8f8f8f; text-transform:uppercase}
#primaryContent h5{margin:8px 0 0 0; padding:6px 0 6px 15px; color: #1f1f1f; font-size:110%; font-weight:bold; background: url(images/star.jpg) center left no-repeat}
#primaryContent p{color: #414141; padding:0 0 6px 13px; margin:0; font-size:90%}
#primaryContent p.ni{color: #414141; padding:0 0 6px 0px; margin:0; font-size:90%}
h6{color: #a4a4a4; margin:0 0 12px 0; margin:0; display:inline}
h3.imageElement{color: #fff; font-size: 1.5em}
#left2 h1{color: #00aeef; font-size:120%; text-transform:uppercase; padding:0 0 6px 9px} 
span#visit{font-size:90%};

/* =Hyperlinks
---------------------------------------*/
a.logo{display:block; width:112px; height:32px; background:url(images/logoSmall.jpg) top left no-repeat; float:left; margin:14px 0 0 10px}
a:link, a:visited{color: #52aed3; text-decoration:none}
a:hover, a:active{text-decoration:underline}
a.blue{display:block; width:25px; height:10px; background: #00aeef; margin:12px 3px 0 0px; float:left; border:1px solid #000}
a.green{display:block; width:25px; height:10px; background: #6cd111; margin:12px 3px 0 0; float:left; border:1px solid #000}
a.red{display:block; width:25px; height:10px; background: #eb008b; margin:12px 3px 0 0; float:left; border:1px solid #000}
a.blue:hover, a.green:hover, a.red:hover{border: 1px solid #fff}
#footer a:link, #footer a:visited{color: #69bfe2; text-decoration:none}
#footer a:hover, #footer a:active{color: #69bfe2; text-decoration:underline}
a.arrow2:link, a.arrow2:visited{border-bottom:1px dotted #00b3e8}
a.arrow2:hover, a.arrow2:active{border-bottom:0; text-decoration:none} 
a.arrow:link, a.arrow:visited{font-size:90%; font-weight:bold; color: #00b3e8}
a.arrow:hover, a.arrow:active{border-bottom:1px dotted #00b3e8; text-decoration:none} 
a.link:link, a.link:visited{font-size:90%; background: #38cdf1; color:#fff; font-weight:bold; padding:1px 2px; margin:2px 0}
a.link:hover, a.link:active{font-size:90%; background: #fff; text-decoration:none; color: #00b3e8} 
a.more{background: transparent url(images/arrow.jpg) no-repeat center right; padding-right: 12px; font-size:90%; float:right; margin: -5px 20px 0 0}
#viewPortfolio a:link, #viewPortfolio a:visited{background: url(images/bg5.jpg) top left; float:left; margin: 0 20px 15px 0; padding:4px; display:block; height:84px; width:156px}
#viewPortfolio a:hover, #viewPortfolio a:active{background: #d2d2d2}
#viewPortfolio a.home:link, #viewPortfolio a.home:visited{background: url(images/bg5.jpg) top left; float:left; margin: 0 10px 10px 0; padding:4px; display:block; height:84px; width:156px}
#viewPortfolio a.home:hover, #viewPortfolio a.home:active{background: #d2d2d2}
#viewPortfolio2 a:link, #viewPortfolio2 a:visited{background: url(images/bg5.jpg) top left; float:left; margin: 1px 10px 0 0; padding:4px; display:block; height:84px; width:156px}
#viewPortfolio2 a:hover, #viewPortfolio2 a:active{background: #d2d2d2}
a.requestQuote:link, a.requestQuote:visited{display:block; width:100px; height:17px; background: url(images/requestQuote.jpg) top left no-repeat; float:left; padding:10px 10px 0 0}
a.requestQuote:hover, a.requestQuote:active{} 
a.moreExamples:link, a.moreExamples:visited{display:block; width:100px; height:17px; background: url(images/moreExamples.jpg) top left no-repeat; float:left}
a.moreExamples:hover, a.moreExamples:active{} 

/* =Lists
---------------------------------------*/
#mainNav ul{margin:54px 0 0 0; padding:0; list-style:none; float:right}
#mainNav li{float:left; margin:0; padding:0}
#mainNav li a:link, #mainNav li a:visited{font-size:110%; float:left; padding:10px 1.6em 0 1.6em;display:block;text-decoration:none;color:#fff;font-weight:bold; height:33px}
#mainNav li a:hover, #mainNav li a:active{color: #fff}

body.home #mainNav ul li#home, body.about #mainNav ul li#about, body.portfolio #mainNav ul li#portfolio, body.contact #mainNav ul li#contact{float:left; background:url(images/navRight.jpg) no-repeat top right}
body.home #mainNav li a#home, body.about #mainNav li a#about, body.portfolio #mainNav li a#portfolio, body.contact #mainNav li a#contact{background: url(images/navLeft.jpg) no-repeat top left; color:#fff}

#mainNav ul li{float:left; background:url(images/navRightOff.jpg) no-repeat top right; margin-left:3px}
#mainNav li a{background: url(images/navLeftOff.jpg) no-repeat top left; color:#fff}
#mainNav li a:hover{background: url(images/navLeftOff.jpg) no-repeat top left; color: #CCCCCC}


#secondaryNav ul{margin:0; padding:6px 30px 0 0; list-style:none}
#secondaryNav li{ margin:0; padding:0; border-bottom:1px solid #e1e1e1}
#secondaryNav li a:link, #secondaryNav li a:visited{font-size:100%; padding:.4em 0 .4em 10px;display:block;color:#707070; text-decoration:underline}
#secondaryNav li a:hover, #secondaryNav li a:active{background: #f1f1f1}

body#contact #secondaryNav a#contact, body#question #secondaryNav a#question{background:#f1f1f1; text-decoration:none; color: #232323}

/* =Tables
---------------------------------------*/



/* =Form
---------------------------------------*/
fieldset{margin:0; padding: 0; border: 0; background: #fafafa}
legend{font-weight:bold; padding-bottom:6px; color: #323232; text-transform: uppercase; font-size:90%}
label{display:block}
input{width:250px}
textarea{width:442px; height:130px}
form{margin:0; padding:0}
table{width:487px; font-size:95%; margin:7px; color:#333333}
th{padding:.6em 1em; font-weight:normal; text-align:left}
td{padding:1em 1em}
caption{font-size:120%; font-weight:bold; margin:1em 0}
.line{border-right:1px solid #cccccc}
thead{background: #007a77 url(images/bgTable.jpg) top repeat-x; color:#FFFFFF}
.even{background: #d5e2e1}
.odd{background: #f0f0f0}
caption{text-align:left; margin:0; padding-bottom:7px; font-size:150%}

/* =Images
---------------------------------------*/
div#logoHome{background: url() bottom right no-repeat; padding:40px 0 0 0; width:289px; height:30px}
#aboutUsImage {margin:30px 0 15px 0; height:155px; width: 736px; background: url(images/aboutUs.jpg) top left no-repeat}

/* =Layout
---------------------------------------*/
div#aboutContent{width:536px; float:left; padding:0 25px 0 0}
div#addEight{width: 260px; height: 18px; margin:0 0 0 -8px}
div#addEightHome{width: 260px; height: 18px; margin:0 0 0 -8px}
.colorFloat{float:left}
div#containerHome{margin:0 auto; text-align:left; padding:0}
div#container{margin:0 auto; text-align:left; padding:15px 0 0 0}
div#wrapper{background: #fff url(images/bgLeft.jpg) top left repeat-y; border-top: 7px solid #000}
div#header{background:url(images/addEight4.png) top left no-repeat; height: 87px; width:990px; margin:0 auto; text-align:left}
div#content2{background: url(1.gif) no-repeat; width:990px; margin:0 auto; text-align:left; padding-left:8px}
div#content{background: url(images/bg4.jpg) top left repeat-y; width:990px; margin:0 auto; text-align:left; padding-left:8px}
div#contentBG{background: #fff; border-top:4px solid #00bff1}
div#contentBGHome{background: #fff url(images/bg2.jpg) repeat-x; height: 335px; border-top:4px solid #00bff1}
div#footerPlusBG{background: #fff}
div#footerPlus{background: #fff url(images/block.png) bottom left no-repeat ; width:980px; height: 18px; margin:0 auto;}
div#footer{background: url(images/1.gif) no-repeat; width:994px; margin:0 auto; text-align:left}
div#footerBG{border-top:24px solid #00aeef}
div#colors{float:left}
div#color{float:left}
div#copy{float:right}
div#preview{float:right}
div#secondaryContent{float:left; width:240px}
div#primaryContent{float:right; width:740px}
div#viewPortfolio{margin:12px 0 0 0; padding:0}
div#clientAll{background: url(images/bgTop.jpg) top left no-repeat}
div#clientAll2{background: url(images/bgBottom.jpg) bottom left no-repeat}
div#clientPhoto{float:left; width:467px; margin:14px 0 12px 12px}
div#clientServices{float:left; width:235px; margin:14px 12px 12px 10px}
div#form{background:#fafafa; margin:5px 7px; padding: 10px; margin-bottom:8px; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1}
div#left{float:left; padding-right:40px}
div#left2{float:left; padding-right:20px; width:390px}
div#right{float:right; margin:32px 12px 0 0; width:530px}
div#right2{float:left; margin:25px 0 0 0}
div#justin{width: 460px; height:186px; background: url(images/justin.jpg) top left no-repeat; float:left; margin-top: 35px}
div#contactInfo{padding:44px 0 0 185px}
#contact img{margin: 20px 0}
#contact h1{padding:0 .3em 0 0; margin:0; color: #00b3e8; font-size:140%; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; display:inline}
#contact h2{padding:0; margin:0; color: #333; font-size:140%; font-weight: normal; font-family: Geneva, Arial, Helvetica, sans-serif; display:inline}
#contact h3{padding:0 0 12px 0; margin:0; color: #333; font-size:80%; font-weight: normal; font-family: Geneva, Arial, Helvetica, sans-serif}
#contact p{padding:0; margin:0}
#rightLinks{width:230px; float:right; padding:6px}
.leftDetails{width:460px; float:left}

#rightLinks a:link, #rightLinks a:visited{display:block; padding: 0px 0 2px 10px; margin:0 0 2px 0; font-weight:bold; font-size:90%; color: #00b3e8; border-left:4px solid #dbdbdb}
#rightLinks a:hover, #rightLinks a:active{text-decoration: none; border-left:4px solid #00b3e8}

div#john{width: 460px; height:186px; background: url(images/justin.jpg) top left no-repeat; float:right; margin-top: 35px}

a.full{background: url(images/bg5.jpg); margin:1px 4px 0 4px; display:block; width:156px; height:16px; text-decoration:none; color: #333333; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; font-size:12px; font-weight:bold; padding:5px 0 0px 0}
a.full2{background: url(images/bg5.jpg) top left; margin:0px 4px 5px 4px; display:block; width:156px; height:13px; text-decoration:none; color: #333333; filter:alpha(opacity=92);-moz-opacity:.92;opacity:.92; font-size:10px; font-weight:bold; padding:0 0 6px 0}