/* Title: Main CSS Author: 3 Crown Creative */ @import "reset.css"; @import "base.css"; @import "fonts.css"; body, html {color:#333333; font-family: Arial,sans-serif} body {min-width:948px;background: url(../images/bkgPurp.jpg) } html {min-height: 101%;} h1, h2, h3, h4 {color:#A9218D;letter-spacing:.5px;} h2 {padding-left:5px} a {color:#A9218D; text-decoration:none;} a:hover {color:#A9218D; text-decoration:underline} a:focus {outline: none} noscript {color:#000000; font-weight:bold} /* --------------------------------------------------*/ #outerWrap {width:966px; margin:20px auto 0 auto; background: url(../images/bkgTopBot.gif) repeat-y; height:6px} #wrapper {width:966px; margin:0 auto; background: url(../images/bkgShadow.png) repeat-y} #container { width:930px; background:#FFFFFF; margin:0 18px } #sidebar {float:left; width:340px; padding:20px 0 0 60px;} #home #sidebar { width:400px; padding:0; margin:-6px 0 0 0} #mainbar { float:left; width:430px;padding:32px 60px 10px 40px} #foot { width:930px; height:31px; } #footOuter {width:966px; margin:0 auto 20px auto; background: url(../images/bkgTopBot.gif) repeat-y; height:6px } /* --------------------------------------------------*/ #sidebar .pageImg {margin:50px 0 0 -60px} #thework #sidebar .pageImg {margin:90px 0 0 -30px} /* --------------------------------------------------*/ #mainbar p {letter-spacing:.5px; line-height:150%} /* --------------------------------------------------*/ #foot p { font-size:77%; color:#a4a2a2; padding:15px 0 0 30px} #thework #foot p { padding:0 0 0 30px;} /* --------------------------------------------------*/ #nav { height:150px;} #home #nav, #ourteam #nav, #contact #nav, #dummy #nav, #thework #nav {height:100px;} #services #nav {height:70px;} #nav a{font-weight: bold;color:#333333; text-decoration:none; letter-spacing:1.5px; font-size:108%; padding-right:25px } #nav a:hover {font-weight:bold;color:#A9218D; text-decoration:none; } #home #nav .home a, #ourteam #nav .ourteam a, #thework #nav .thework a, #services #nav .services a, #contact #nav .contact a, #web #nav .web a, #design #nav .design a, #photography #nav .photography a {text-decoration:none; color:#A9218D; cursor:default; } #nav .last {padding-right:0} #nav div {float:left; } #subLinks {background-color:#fff} .subLinksOff {visibility:hidden} .subLinksOn {visibility:visible} #thework #subLinks, #web #subLinks, #design #subLinks, #photography #subLinks {visibility:visible} #subLinks a {padding: 0;font-size:85%; color:#666666} #subNav span, #subNav a {display: block;} /*
--------------------------------------------------*/ #thework #content #links {padding:30px 0 0 0} #thework #content #links p {font-weight: bold;color:#A9218D; font-size:108%; text-decoration:none; letter-spacing:1.5px; padding:0; } #thework #content #links a {color:#333333; text-decoration:none; padding-left:10px} #thework #content #links a:hover {font-weight:bold;color:#A9218D; text-decoration:none; } /* --------------------------------------------------*/ /* Portfolio section links */ #portSects {padding:60px 0 20px 0; width:100%} #portSects .mainSection {float:left} #portSects .subSections {float:right; padding:58px 32px 0 0} #portSects p {text-align:center} #portSects p strong {font-size:116%; font-weight:bold;color:#A9218D;} #portSects .on {font-weight:bold;color:#A9218D; text-decoration:none; cursor: default} #portSects a{font-weight: bold;color:#000000; text-decoration:none; padding-left:15px } #portSects a:hover {font-weight:bold;color:#A9218D; text-decoration:none; } /* thumbnail grid */ #grid { margin-bottom:80px; } #grid td { padding:0 23px 18px 0; border:none} #web #grid td { padding:0 3px 3px 0; border:none} #grid img {cursor:pointer} /* enlarged image */ #portfolioImgLg {margin-top:38px; } #thework #portfolioImgLg {margin-top:0} #portfolioImgLg img { border:1px solid black} #portfolioImgLg strong {color:#333333} #portfolioImgLg p {font-size:81%;color:#666666;letter-spacing:1px;text-align:left; margin:0} #design #portfolioImgLg p, #photography #portfolioImgLg p {width:330px;} #web #portfolioImgLg p, #thework #portfolioImgLg p {width:420px } .portImgHide {display:none} .portImgShow {display:block} /* --------------------------------------------------*/ #ourteam #content .clear {margin-bottom:20px} #ourteam #content .bioDesc {float:left; width:300px; font-size:85%; } #ourteam #content .bioDesc em {font-size:108%; color:#A9218D; font-weight:bold; font-style:normal } #ourteam #content .invisible {color:#ffffff; text-decoration:none} #ourteam #content a.invisible {color:#ffffff; text-decoration:none} #ourteam #content a.invisible:hover {color:#ffffff; text-decoration:none} /* --------------------------------------------------*/ #contact #content {color:#949494; font-weight:bold; padding-left:20px} #contact #content a {color:#949494; font-weight:bold; font-style:italic; text-decoration:none} #contact #content a:hover {color:#A9218D;} /* --------------------------------------------------*/ .clear {clear:both} .small {font-size:77%} .bullet {background:url(../images/bullet.jpg) no-repeat 0px 7px ; text-indent:10px} ul li {list-style-image:url(../images/bullet.jpg); margin-left:-14px;letter-spacing:.5px; line-height:150%} a.pdf {background: url(../images/pdf.png) no-repeat left center;padding-left: 20px;line-height: 16px; } a.facebook {background: url(../images/iconFacebook.jpg) no-repeat left center;padding-left: 24px;line-height: 20px; height:20px; display:block } /* self-clear floats */ .group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* image frame */ .imgFrame {background:#ffffff url(../images/thumbBack.jpg) no-repeat center;padding:3px;border:2px solid #A9218D;} .imgNoFrame {background:#ffffff url(../images/thumbBack.jpg) no-repeat center;margin:1px;border: 1px solid #000000;padding:3px;} /* image shadow */ .imgShadow {float:left;background: url(../images/shadowAlpha.png) no-repeat bottom right !important;margin: 10px 10px 0 10px !important;} .imgShadow img {display: block; position:relative;border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px;padding: 4px;}