/* ----------------- CSS Reset ----------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
font-size: 63%;	
font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2",helvetica, sans-serif !important;
color: #868484;
padding-bottom: 20px;
background: #098494 url('../images/main/topgrad.png') top left repeat-x; /*#67C3BA */
}

ol, ul {
list-style: none;
}

ul, ol, dl {
position: relative;  
}

blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

td {
vertical-align: top;
}

.clear {
clear: both;
}

strong {
font-weight: bold;
}

img {
-ms-interpolation-mode: bicubic;
}

img.floatright {
display: block;
position: relative;
float: right;
padding: 10px;
}

img.floatleft {
display: block;
position: relative;
float: left;
padding: 10px;
}

/* ----------------- Main Structure ----------------- */

.bgwrap {
display: block;
position: relative;	
width: 1063px;
background: #fff;
margin: 0 auto;
background: transparent url('../images/main/bg.png') center -15px no-repeat; /*#67C3BA */
}

.contentwrap {
display: block;
position: relative;	
width: 960px;
background: #fff;
margin: 0 auto 0 50px;
background: #fff;
}

#mast {
padding: 0 25px 0 25px;
display: block;
position: relative;
background: url('../images/main/header.png') 0 0 no-repeat ;
width: 962px;
height: 169px;
}

#mast h1 {
width: 229px;
float: left;	
}

#mast h1 a {
text-indent: -9999px;
display: block;
position: relative;
width: 350px;
height: 100px;
top: 50px;
}

#content {
width: 910px;
margin: 15px auto 0 auto;
padding-bottom: 20px;
}


/* ----------------- Pages ----------------- */

#index {

}



/* ----------------- Address ----------------- */

address {
display: block;
position: relative;
margin: 0 auto;
width: 960px;
background: transparent url('../images/main/footerbg.png') top left repeat-x;
height: 32px;
clear: both;
}

address p {
font-style: normal;
font-size: 12px;
color: #a39494;
margin-left: 12px;
top: 7px;
width: 250px;
display: block;
position: relative;
float: left;
}

/* ----------------- Social Media Links ----------------- */


ul#socialmedia {
clear: left;
left: 830px;
display: block;
position: relative;
top: -23px;
width: 120px;
}

ul#socialmedia li, ul#socialmedia li a, ul#socialmedia li a:link, ul#socialmedia li a:hover, ul#socialmedia li a:visited {
text-indent: -9999px;	margin: 0 0 0 10px !important;
padding: 0 !important;
font-size: 12px;
}

ul#socialmedia li, ul#socialmedia li a:link, ul#socialmedia li a:hover, ul#socialmedia li a:visited  {
float: left;
width: 16px;
display: block;
position: relative;
height: 16px;
margin: 0 0 0 10px !important;
padding: 0 !important;
line-height: 14px;
font-size: 12px;
}

ul#socialmedia li.facebook a:link, ul#socialmedia li.facebook a:hover, ul#socialmedia li.facebook a:visited {
background: transparent url(../images/icons/facebook.png) top left no-repeat;
}

ul#socialmedia li.linkedin a:link, ul#socialmedia li.linkedin a:hover, ul#socialmedia li.linkedin a:visited {
background: transparent url(../images/icons/linkedin.png) top left no-repeat;
}

ul#socialmedia li.twitter a:link, ul#socialmedia li.twitter a:hover, ul#socialmedia li.twitter a:visited {
background: transparent url(../images/icons/twitter.png) top left no-repeat;
}

ul#socialmedia li.myspace a:link, ul#socialmedia li.myspace a:hover, ul#socialmedia li.myspace a:visited {
background: transparent url(../images/icons/myspace.png) top left no-repeat;
}


/* ----------------- Images ----------------- */

img.center {
text-align: center;
margin: 0 auto;
display: block;
position: relative;
}

img.right {
float: right;
}

/* ----------------- Links ----------------- */

a:link, a:visited, a:hover {
color: #509790;
}

a:visited {

}

a:hover {
color: #FF6E18;
}

a.custom {
display: block;
position: relative;
text-indent: -9999px;
text-decoration: none;
background: transparent;
float: right;
}

a.custom:hover {
background-position: bottom left !important;
}

a.readmore {
background: url('../images/buttons/readmore.png') no-repeat scroll top left;
width: 70px;
height: 16px;
margin: 10px 0px 15px 0;
}

a.join {
background: url('../images/buttons/join.png') no-repeat scroll top left;
width: 125px;
height: 15px;
margin: 10px -22px 15px 0;
}

/* ----------------- Navigation ----------------- */

ul#nav {
width: 650px;
margin: 74px -27px 0 0 !important;
float: right;
clear: right;
padding-top: 10px;
height: 25px;
}

ul#nav {
display: block;
position: relative;
list-style: none;
}

ul#nav li:first-child {
margin-left: 68px;
}

ul#nav li {
color: #838383;
font-size: 16px;
font-weight: bold;
text-align: right;
float: left;
padding: 3px 15px 0 12px;
text-transform: lowercase;
margin-bottom: 0;    
font-family: "apertura-condensed-1","apertura-condensed-2", helvetica, sans-serif !important;
font-weight: normal !important;
background: transparent url('../images/nav/navdivider.png') top right no-repeat;
height: 34px;
}

ul#nav li.last {
background-image: none !important;
padding-right: 0;
}

ul#nav li, ul#nav li a, ul#nav li a:link, ul#nav li a:hover, ul#nav li a:visited {
text-decoration: none;
position: relative;
display: block;
color: #838383;
}

ul#nav li a:hover, ul#nav li.on a {
color: #67C3BA;
}



/* ----------------- Pages ----------------- */

#leftcol {	
display: block;
position: relative;
float: left;
width: 697px;
}

#index #leftcol {	
display: block;
position: relative;
float: left;
margin-left: -10px;
width: 683px;
}

#widecol {	
width: 900px;
display: block;
position: relative;
}

#widecol object {
margin-left: 14px;
}

#rightcol {
display: block;
position: relative;
float: right;	
width: 180px;
}

#index #rightcol {
display: block;
position: relative;
float: right;
width: 210px;
margin-right: 10px;
}

/* Index Page */

.photos {

}

.photos img {
margin-right: 12px;
display: block;
position: relative;
float: left;
}

img.last, .last {
margin-right: 0;
}

#boxes {
margin-top: 10px;
}

.wrapper {
display: block;
position: relative;
float: left;
margin-right: 7px;
}

.box {
background: #fff url('../images/main/boxbg.png') bottom left repeat-x;
border: 1px solid #E7E7E7;
display: block;
position: relative;
padding: 10px;
width: 197px;
min-height: 120px;
}

.latestwork {
background: url('../images/index/latestwork.jpg') no-repeat scroll top left;
width: 231px;
height: 156px;
border: none;
padding: 0;
}

.latestwork a:link, .latestwork a:hover, .latestwork a:visited {
width: 231px;
height: 156px;	
display: block;
position: relative;
}

.last {
margin-right: 0 !important;
}

.box h3 {
text-indent: -9999px;
display: block;
position: relative;
background: transparent;
padding: 0;
margin: -15px 0 0 -17px;
}

.watch h3, .watch h3 a:link {
background: url('../images/index/kristaon.png') no-repeat scroll top left;
width: 233px;
height: 46px;	
margin: -15px 0 6px -25px;
}

.news h3, .news h3 a:link {
background: url('../images/index/latestnews.png') no-repeat scroll top left;
width: 233px;
height: 46px;
}

.latest {
margin: 0 5px 0 2px;
}

.box h3 img {
display: inline;
margin: 0 0 0 3px;
top: 3px;
}

.box p {
float: left;
display: block;
position: relative;
color: #878383;
line-height: 1.2em;
width: 100px;
}

.roomrecipes {
width: 210px;
padding: 10px;
background: #fff url('../images/index/rrbg.png') bottom left repeat-x;
border: 1px solid #E1EAEA;
}

.roomrecipes h2, .roomrecipes h2 a, .roomrecipes h2 a:link {
background: url('../images/index/roomrecipes.png') no-repeat scroll top left;
width: 213px;
display: block;
position: relative;
height: 51px;
}

.roomrecipes h3 {	
color: #eb6121;
}

#rightcol dl {
margin-top: 2em;
}

#rightcol dt a, #rightcol dt {
font-weight: bold;
color: #098393;
font-size: 1.1em;
text-decoration: none;
}

#rightcol dt a:hover {
color: #67C3BA;
}

#rightcol dd {
margin-bottom: 1em;
padding-bottom: 1em;
font-size: 1.2em;
color: #868484;
border-bottom: 1px solid #EFF0EF;
}

#rightcol dd:last-child {
border-bottom: none;
}


/* Large Social Icons */

.social {
background: url('../images/index/socialbg.jpg') no-repeat scroll top left;
width: 230px;
height: 47px;
display: block;
position: relative;
}

.social ul {
display: block;
position: relative;
}

.social ul li, .social ul li a, .social ul li a:link, .social ul li a:hover, .social ul li a:visited {
text-indent: -9999px;	
margin: 0 0 0 10px !important;
padding: 0 !important;
}

.social ul li, .social ul li a:link, .social ul li a:hover, .social ul li a:visited {
float: left;
width: 32px;
display: block;
position: relative;
height: 32px;
margin: 4px 10px 0 11px !important;
padding: 0 !important;
}

.social ul li.facebook a:link, .social ul li.facebook a:hover, .social ul li.facebook a:visited {
background: url('../images/index/facebook.jpg') no-repeat scroll top left;
width: 32px;
height: 32px;
}

.social ul li.linkedin a:link, .social ul li.linkedin a:hover, .social ul li.linkedin a:visited {
background: url('../images/index/linkedin.jpg') no-repeat scroll top left;
width: 32px;
height: 32px;
}

.social ul li.twitter a:link, .social ul li.twitter a:hover, .social ul li.twitter a:visited {
background: url('../images/index/twitter.jpg') no-repeat scroll top left;
width: 32px;
height: 32px;
}

.social ul li.myspace a:link, .social ul li.myspace a:hover, .social ul li.myspace a:visited {
background: url('../images/index/myspace.jpg') no-repeat scroll top left;
width: 32px;
height: 32px;
}

/* Interior Pages */

.interior #leftcol {
width: 530px;
margin-left: 50px;
}

.interior #rightcol {
width: 301px;
}

.interior #rightcol p {
font-size: 1em;
margin: 1em 0 0 1.7em;
}


.text h2, #widecol h2 {
text-indent: -9999px;
display: block;
position: relative;
background: transparent;
margin: 0 0 10px -62px;
}

#widecol h2 {
margin: 25px 0 -20px 0 !important;
}



/* Press Page */

#press #leftcol {
margin-left: 25px;
width: 870px;
}

#press #rightcol {
margin-top: -4px;
margin-right: 25px;
}

h3.year {
font-size: 1.4em;
margin-top: 30px;
margin-left: -4px;
color: #5AABA3;
padding: 3px;
border-bottom: 1px solid #67C3BA;

}

h3.press {
font-family: "apertura-condensed-1","apertura-condensed-2",sans-serif;
}

.presstable {
border: 1px solid #B1E3D4;
width: 870px;
}

.presstable td {
padding: 5px;
background: #fff;
font-size: 13px;
border-bottom: 1px solid #EEEDE6;
}

.presstable .alt td {
background: #FCFDF7;
}


.articlelist {
margin-left: 15px;
}

ul.articlelist img {
float: right;
margin: 7px;
}

ul.articlelist li.image {
min-height: 60px;
}


/* HGTV Page */

#hgtv table td {
padding: 10px;
}

#hgtv table img {
margin: 0 0 0 auto;
text-align: right;
}

#hgtv #leftcol {
width: 550px;
margin-left: 20px;
}

#hgtv #rightcol {
width: 320px;
}

/* Contact Page */

#contact h3 {
margin-bottom: .5em;
margin-top: 2.3em;
}

.formTable td {
padding: 10px 10px 10px 0;
font-size: 1.3em;
}

blockquote {
margin-left: 25px;
}


/* ----------------- Headlines ----------------- */

h2 {
text-indent: -9999px;
display: block;
position: relative;
background: transparent;
}

h3 {
color: #67C3BA;
font-size: 1.3em;
text-transform: uppercase;
font-weight: bold;
margin: 2em 0;
}

h2.photos {
background: url('../images/headlines/photos.jpg') no-repeat scroll top left !important;
width: 244px;
height: 78px;
} 

h2.news {
background: url('../images/headlines/news.jpg') no-repeat scroll top left !important;
width: 244px;
height: 78px;
} 

h2.hgtv {
background: url('../images/headlines/hgtv.jpg') no-repeat scroll top left !important;
width: 244px;
height: 78px;
margin-left: -15px;
} 

h2.design {
background: url('../images/headlines/design.jpg') no-repeat scroll top left !important;
width: 244px;
height: 78px;
} 

h2.contact {
background: url('../images/headlines/contact.jpg') no-repeat scroll top left !important;
width: 244px;
height: 78px;
} 

h2.about {
background: url('../images/headlines/about.jpg') no-repeat scroll top left !important;
width: 267px;
height: 78px;
}


/* ----------------- Typography ----------------- */

p, li, dd {
font-size: 1.3em;
line-height: 1.4em;
margin-bottom: 1.2em;
}

dt {
font-size: 1.2em;
line-height: 1.5em;	
}

p.orange, p.orange a {
color: #FF6E18;
}