html, body {color: #777; font-family: Helvetica, sans-serif;}
body {background: url('../images/elements/bg.jpg') repeat; font-size: 12px; line-height: 20px;}
a {color: #b20348; text-decoration: none;}
a:hover {color: #000;}
h2 {color: #000; font-size: 24px; margin: 20px 0 10px; padding: 0 0 0 5px;}
h3 {font-size: 24px; line-height: 24px; color: #FFF;}
h4 {color: #000; margin: 4px 0;}
p {margin: 0 0 10px; padding-right: 10px; display: block;}
a img{border: none;}
.clear {clear: both;}
.uppercase {text-transform: uppercase;}
strong {font-weight: bold;}

#page {margin: 0 auto; position: relative; width: 980px; background: url('../images/elements/shadow.png') repeat-y; padding: 10px 20px 0px;}

header {height: 80px;}
h1 {float: left; height: 50px; padding: 10px 0 0 30px; width: 400px;}
h1 a {background: url('../images/elements/logo.jpg') no-repeat; height: 50px; width: 400px; display: block; text-indent: -9000px;}
nav {font-family: Helvetica, sans-serif; float: right; height: 50px; margin: 20px 60px 0 0; text-transform: uppercase;}
nav a {float: left; color: #000; display: block; font-size: 15px; height: 50px; line-height: 50px; padding: 0 14px;}
nav a.current {color: #b20348;}
nav a.first {display:none;}
nav a:hover {color: #b20348;}

.container {margin: 20px 40px 60px;}
.home .container {margin: 20px 20px 0;}
.portfolio .container {margin: 20px 40px 0;}

article {float: left; margin: 0; padding: 0; width: 100%; display:inline;}
article .full h4, article .full p {padding-left: 15px; width:400px;}
article div.half {padding-left: 15px;}
article div.half img {margin-top: 15px;}
article div.half h4, article div.half p {width:400px;}
article div.half-left {padding: 15px 15px 10px 15px; position: relative; text-align: left; width: 205px; float:left;}
article div.half-right {padding: 15px 15px 10px 0; position: relative; text-align: left; width: 205px; float:left;}

section h2 {font-family:"NovemberScript", sans-serif; font-size: 42px; text-transform: none; margin: 0 0 20px; line-height: 40px; display:block;}
section.newser {margin-top: 20px; clear:both;}
section.newser h2 {font-family:"NovemberScript", sans-serif;}
section.newser div {float: left; margin: 0 15px 10px 0; padding: 0px; width: 222px;}
section.newser div.last {margin-right: 0px; padding-right: 0px;}
section.newser div img {width:222px;}
section.halfwidth {float: left; margin: 30px 30px 30px 0; padding: 0; width: 390px; display:inline;}
section.halfwidth p {padding: 0; width: 360px;}
section.halfwidth p.subhead {color: #000; font-size: 19px; line-height: 30px; margin-bottom: 10px;}
section.halfwidth p .tagtexts {display:none;}
section.halfwidth h2 {margin: 0 0 20px 0; float:left; width:360px; font-size: 34px;}
section.halfwidth h4 {margin-bottom: 12px;}
section.halfwidth img {margin: 20px 0 20px 0; width:480px; float:left;}
section.halfwidth img.tag {width:auto; float:left; margin: 4px 0; padding: 0 2px 0 0;}
section.halfwidth img.buffer {margin-bottom: 700px;}
section.first, section.first p, section.first h2 {margin-left: 5px; width:410px;}
section.last, section.last h2 {margin-left:20px; padding: 0; width: 430px;}
section.last img {float:left; margin:0; padding: 0 20px 20px 0; width:205px; position: relative; display:inline; }
section.last p {width:200px; float:left;}
section.thirdwidth {float: left; margin: 30px 25px 30px 0; padding: 0; width: 275px; display:inline;}
section.thirdwidth h4 {font-size: 18px; line-height: 40px;}
aside.halfwidth {float: left; margin: 30px 30px 30px 0; padding: 0; width: 390px; display:inline;}
aside.halfwidth img {margin: 20px 0 20px 0; width:480px; float:left;}
p.client {margin-top:20px; font-size: 13px; line-height: 24px;}
.tag-current {margin-right: 30px; font-weight: bold; color:#000;} 
h2 .view a {display: inline; font-weight: bold; text-transform: uppercase; font-size: 14px; float:right; margin: 10px 50px 0 0; position: relative;}
*h2 .view a {display: none;}
p.more {margin-top: 20px;}
small {font-size: .8em;}

footer {margin: 0 auto; width: 940px; color: #ffffff; height: 120px; padding: 20px; background-color: #000;}
footer h2, footer h4 {color:#FFF;}
footer div {float: left; margin: 0 20px; width: 120px;}
footer a, footer a:visited {text-transform: uppercase; color:#ffd0e3;}
footer div a:hover {color:#FFF;}
footer div.last {letter-spacing: .05em; width: 540px; margin-left: 50px;}
footer div.last blockquote p {color: #FFF; font-size: 24px; line-height: 24px; margin-bottom: 6px; text-indent: -13px;}
.copyright {color:#FFF; margin-top: 30px;}

#feature {margin: 0 auto 40px; height: 420px; width: 940px; position: relative;}
.featureimg {position:absolute; left:0; top:0;}
.featuretext {position:absolute; top:320px; left:40px; max-width: 450px; color:#FFF; z-index:100;}
.featuretext .title {font-size: 21px; margin-bottom: 6px; text-transform: uppercase;}
.featuretext .desc {margin-bottom: 6px;}

a.link {font-size: 13px; font-weight: bold;}
.button {margin:20px 0; line-height: 1; text-decoration:none; padding: 8px 12px; display:block;
	font-size:14px; letter-spacing:1px; color:#fff; cursor:pointer;}
.button:hover {opacity:0.9;}
.pink {background: #b20348 url('../images/overlay.png') left top repeat-x; /* fallback color + image */}

/*//////////////////////////////////////////////////////////////////// 
//  13 - Media Queries
////////////////////////////////////////////////////////////////////*/

/* iPad Portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
footer {margin: 0 20px; width: 940px; padding: 20px;} 
}