html, body { 
margin:0; 
padding:0; 
text-align:center; 
background:url(images/body-bg.jpg) top left repeat fixed;
font-family:Arial, Helvetica, sans-serif;
} 

p, h1, h2, h3, h4, h5, h6, form {
margin:0;
padding:0;
}

img {
border:none;
}

/* LAYOUT */

#pagewidth { 
width:850px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 

#header {
position:relative; 
height:382px; 
width:100%;
background:url(images/billboard-image.jpg) top left no-repeat;
} 

#navcontainer {
height:382px;
width:850px;
background:url(images/logo-menu-bg.png) bottom center no-repeat;
}

#navlist {
list-style-type:none;
width:481px;
height:14px;
margin-top:326px;
float:right;
}

#navlist li {
display:inline;
margin-left:13px;
}

#navlist a {
text-transform:lowercase;
color:#fff;
font-size:12px;
text-decoration:none;
}

#navlist a:hover {
color:#ffcc33;
}

#navlist #current {
font-style:italic;
}

#maincol {
background-color: #2FCC0C;  
width:806px;
background:url(images/maincol-bg.png) top left repeat;
margin:10px auto;
padding:22px;
clear:both;
display:inline-block;
}

#leftcol {
width:490px;
float:left;
}

#rightcol {
width:244px;
margin-left:42px;
float:left;
}

#footer {
clear:both;
margin-bottom:20px;
} 

#footer p {
color:#fff;
font-size:11px;
text-align:center;
}

#footer a {
color:#fff;
}

#footer a:hover {
text-decoration:none;
}

/* CONTENT ELEMENTS */

.coupon-seal {
width:490px;
height:78px;
background:url(images/coupon-20percent-off.png) top left no-repeat;
padding:20px 15px;
}

.coupon {
width:460px;
height:78px;
border:1px dashed #764846;
padding:20px 15px;
}

.coupon h5, .coupon-seal h5 {
font-family:Trebuchet MS, sans-serif;
font-size:16px;
font-weight:bold;
color:#fff;
margin-bottom:5px;
}

.coupon p, .coupon-seal p {
font-family:Trebuchet MS, sans-serif;
font-size:14px;
color:#fff;
line-height:170%;
}

.coupon a, .coupon-seal a {
text-decoration:none;
color:#ffcc33;
font-weight:bold;
}

.coupon a:hover, .coupon-seal a:hover {
text-decoration:underline;
color:#fff;
}

#twitter {
width:355px;
height:37px;
background:url(images/twitter-box.png) top left no-repeat;
text-align:left;
padding:30px 30px 35px 105px;
}

#twitter .tweet {
font-size:13px;
font-family:Trebuchet MS, sans-serif;
line-height:130%;
color:#fff;
text-align:left;
}

#twitter .timestamp {
color:#ffff99;
font-size:11px;
font-family:Trebuchet MS, sans-serif;
text-align:right;
}

.homepage-block img {
float:left;
margin-right:10px;
}

.homepage-block h5 {
font-size:14px;
font-weight:bold;
color:#fff;
}

.homepage-block {
clear:left;
margin-bottom:30px;
min-height:100px;
}

.homepage-block p {
font-size:11px;
line-height:140%;
color:#fff;
margin-top:5px;
}

.homepage-block a {
font-size:inherit;
color:#ffcc33;
text-decoration:none;
}

.homepage-block a:hover {
text-decoration:underline;
}

.portfolio {
width:100%;
margin-bottom:30px;
clear:both;
display:inline-block;
}

.portfolio img {
float:left;
margin-right:10px;
border:3px solid #764846;
margin-top:5px;
}

.portfolio img:hover {
border:3px solid #fff;
}

.quote {
margin-top:30px;
}

.quote blockquote {
font-size:14px;
font-weight:bold;
color:#fff;
border-left:6px solid #764846;
margin-left:15px;
padding:10px;
}

#form1 {
margin-top:30px;
}

#form1 input, #form1 textarea {
font-size:12px;
color:#666;
padding:2px 4px;
background:#fff;
border:none;
}

#form1 label {
font-size:12px;
color:#fff;
}

/* APPEARANCE */

.title1 {
font-size:22px;
color:#fff;
}

.title2 {
font-size:16px;
color:#fff;
}

.text1 {
font-size:12px;
color:#fff;
line-height:170%;
}

.text2 {
font-size:12px;
font-weight:bold;
}

.text3 {
font-size:10px;
font-weight:bold;
}

.link1 {
color:#ffcc33;
text-decoration:none;
}

.link1:hover {
color:#fff;
text-decoration:none;
}

.link2 {
color:#ffff99;
text-decoration:none;
}

.link2:hover {
text-decoration:underline;
}

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */