/* CSS Document */



body{
background: #62512A url(../img/bg_sitewide.gif) repeat-x;
text-align: center;
}

body#thankyou{
background: #0A0906 url(../img/bg_thankyou.gif) top repeat-x;
height:100%;
text-align: center;
}

/* =LAYOUT */

#page {
background: transparent  ;
height:auto;
min-width:960px;
margin-left: auto;
margin-right: auto;
position:relative;
text-align: left;
width:73.84em; 
}

#branding{
background: transparent url(../img/bg_branding.gif) no-repeat;
height:342px;
margin:0px 10px 0px 10px;
min-width:940px;
width:72.30em;  
}

#brandingThankyou{
background: transparent url(../img/bg_brandingThankyou.gif) no-repeat;
height:342px;
margin:0px 10px 0px 10px;
min-width:940px;
width:72.30em;
}

#content {
background: transparent;
height:1944px;
margin:0px 10px 0px 10px;
min-width:940px;
width:72.30em;
}


#contentThankyou {
background: transparent;
height:620px;
margin:0px 10px 0px 10px;
min-width:940px;
width:72.30em;
}

#social{
background: url(../img/bg_social.gif) center right no-repeat;
height:1818px;
float:left;
margin: 126px 20px 0px 0px;
min-width:140px;
width:10.76em;

}

#workServices{
background:  url(../img/bg_workServices.gif) top no-repeat ;
height:1764px;
float:left;
margin: 180px 20px 0px 0px;
min-width:360px;
width:27.69em;

}

#streams{
background: url(../img/bg_streams.gif) bottom no-repeat;
height:1818px;
float:left;
margin: 126px 20px 0px 0px;
padding:0px;
position:relative;
min-width:140px;
width:10.76em;
}

#blogPreview {
background: transparent url(../img/bg_blogPreview.gif) right repeat-y;
float: left;
height:auto;
margin:0px 0px 0px 0px;
min-width:240px;
padding:0px;
position:relative;
min-width:240px;
width:18.46em;/* non-IE */ 
}



#footerPage{
background: #0A0906;
clear:left;
height:auto;
width:100%;
}


#footer {
background: transparent url(../img/bg_footer.gif) no-repeat;
height:700px;
margin-left: auto;
margin-right: auto;
padding-bottom:90px;
position:relative;
text-align: left;
min-width:940px;
width:72.30em; 
}

/* =LAYOUT */


/* =CONTENT */

#contentThankyou p {
color:#d6d6d6;
font-family: "Courier New", Courier, mono;
font-size: 116%;
letter-spacing: -.04em;
line-height:1.687;
margin: 18px 10px 0px 20px;
word-spacing: .01em;

}

	/* =BRANDING */
#branding #brandingHead, #brandingThankyou #brandingHead {
background:url(../img/bg_logo.gif) no-repeat bottom;
height:72px;
padding: 36px 0px 0px 0px;
width:600px;
}




#branding #brandingHead h1, #brandingThankyou #brandingHead h1{
float:left;
width:auto;
}


#branding #brandingHead h1 img, #brandingThankyou #brandingHead h1 img{
float:left;
margin:18px 0px 0px 20px;
}


#branding #brandingHead h1 span, #brandingThankyou #brandingHead h1 span{
display:none;
}

#branding #brandingHead h2, #brandingThankyou #brandingHead h2{
float:left;
font-size:200%;
letter-spacing: -.08em;
line-height:0.692;
margin: 27px 10px 0px 20px;
width:auto;
word-spacing: -.3em;
}


.brandingHeadtype{
color:#6BA594;
font-family: "Courier New", Courier, mono;
}



#branding #brandingHead h3, #brandingThankyou #brandingHead h3{
float:left;
font-size: 123.1%;
letter-spacing: -.04em;
line-height:1.687;
margin: 27px 10px 0px 20px;
width:auto;
word-spacing: -.3em;
}



.brandingContentType{
background: #6BA594;
border-bottom: 1px dotted #3E6F68;
border-top: 1px dotted #3E6F68;
color: #000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:116%;
line-height:1.125;
padding:20px;
width:460px;
}

#branding p{
margin:0px 0px 0px 100px;
}


#branding p#about{
margin:0px 0px 0px 60px !important;
padding:20px;

}


#brandingInfo {
height:367px;
margin:0px;
position:absolute;
right:0px;
top:0px;
}

#brandingInfo ul{
position:relative;
margin:18px 0px 0px 0px;
width:240px;
width:18.46em;
}

#brandingInfo ul li{
color:#6BA594;
font-family:"Courier New", Courier, mono;
font-size:93%;
line-height:1.5;
}

#brandingInfo ul li#oneI{
left:25px;
line-height:1.5;
position:absolute;
top:90px;
}

#brandingInfo ul li#twoI{
line-height:1.5;
right:90px;
position:absolute;
top:117px;
}

#brandingInfo ul li#threeI{
line-height:1.5;
right:80px;
position:absolute;
top:180px;
}

	/* =BRANDING */

	/* =SOCIAL */
	
#social #tbd{
background: transparent;
height:1424px;
margin:0px 10px 0px 10px;
min-width:120px;
width:9.23em;
}

#social #twitter{
background:  url(../img/bg_twitterfeed.gif) bottom no-repeat;
height:394px;
margin:0px;
width:140px;
width:9.23em;

}

#social #twitter p{


}

#twitter_div ul{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:85%;
line-height:1.636em;
width:110px;
word-spacing: .012em;
padding:126px 5px 0px 4px;
}

#twitter_div a:link,#twitter_div a:hover, #twitter_div a:visited{
color: #4F4229;
font-family: "Courier New", Courier, mono;
font-size:85%;
padding: 18px 0 18px 2px;
text-decoration:none;
width:90px;

}

ul#twitter_update_list li{

}
	/* =SOCIAL */
	
	/* =WORK */

#workServices #display{
background: transparent;
color: #d1d1d1;
height:auto;
margin:0px 20px;
min-width:320px;
width:24.61em;
}

#workServices #display img{
border: 1px dotted #333;
margin:0px 20px 0px 20px;
padding:18px 10px;
}


#workServices #display h2{
border-bottom: 1px dotted #433A24;
color:#439FAB;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 93%;
letter-spacing: .05em;
line-height:1.5em;
margin:54px 20px 0px 20px;
text-transform:uppercase;
}

#workServices #display h3{
color: #d6d6d6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 93%;
letter-spacing: .19em;
line-height:1.5em;
margin:72px 20px 18px 20px;


}

#workServices #display p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 93%;
line-height:1.5em;
margin:18px 20px 18px 20px;
padding:0px;
}

#workServices #display p span{
color:#777 !important;
font-style:italic;
}

#workServices #display dl{
height:auto;
margin:18px 20px 18px 20px;
padding-bottom:18px;
}

#workServices #display dt{
border-bottom: 1px dotted #433A24;
color:#439FAB;
display:block;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 93%;
line-height:1.424em;
margin:0px 0px 18px 0px;
text-transform:uppercase;
}

#workServices #display dd{
display:inline;
color: #eee;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
line-height:1.636em;
margin:0px 0px 0px 0px;
word-spacing: .08em;
}

#workServices #services{
background: transparent;
color: #d1d1d1;
height:auto;
margin:0px 20px 0px 20px;
min-width:320px;
width:24.61em;
}

#workServices #services h2{
border-bottom: 1px dotted #433A24;
color:#439FAB;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 93%;
line-height:1.5em;
margin:0px 20px 18px 20px;
text-transform:uppercase;
}

#workServices #services h3{
border-bottom: 1px dotted #433A24;
color:#778C4E;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 93%;
line-height:1.5em;
margin:18px 20px 9px 20px;

}

#workServices #services p{
color:#d6d6d6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
line-height:1.635em;
word-spacing: .08em;
margin:0px 20px 12px 20px;
width:260px;
}

	/* =WORK */

	/* =STREAMS */

#streams:hover{
background: url(../img/bg_streamsHover.gif) bottom no-repeat;
height:1818px;
float:left;
margin: 126px 20px 0px 0px;
padding:0px;
min-width:140px;
width:10.76em;
}

#streams #flickr{
left:10px;
position:absolute;
bottom:194px;
}

	/* =STREAMS */


	/* =BLOGPREVIEW */

#blogArticle {
background: transparent url(../img/bg_blogArticle.gif) repeat-y;
border-bottom: none;
border-left: 1px solid #BD9F57;
border-right: 1px solid #BD9F57;
height:1818px;
margin:126px 0px 0px 0px;
padding:0px;
}

#blogArticle h2{

color: #222;
font-family:"Courier New", Courier, mono;
font-size: 108%;
font-weight:bold;
line-height:2.572em;
margin:0px 0px 18px 0px;
padding:0px 0px 0px 0px;
word-spacing: -.2em;
text-align:center;
}


#blogArticle p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 93%;
line-height:1.49em;
margin-bottom:18px;
width:200px;
padding:0px 20px;
word-spacing: 0.1em;
}

#blogArticle em {
background: #A08A51;
font-style:italic;
}

#blogPreview #articleFooter{
background: transparent url(../img/bg_blogPreviewFooter.gif) bottom no-repeat;
bottom:0px;

height:246px;
left:50px;
margin:0px;
position:absolute;
width:140px;
z-index:3;
}

	/* =BLOGPREVIEW */

/* =CONTENT */


/* =FOOTER */

	/* =LINKS */
#footer #links {
float:left;
font-family:"Courier New", Courier, mono;
margin:54px 20px 0px 0px;
min-width:420px;
width:32.30em;
}

#footer #links p{
color:#d7d7d7;
line-height:1.5em;
margin:18px 20px 0px 0px;
word-spacing: -.3em;
}

#footer #links a:link, #footer #links a:visited{
color:#fff;

text-decoration:none;
}

#footer #links a:hover{
color:#4190AF;
text-decoration:none;

}

#footer #links form {
margin: 18px 0px;
width:400px;
}

#footer #links form  legend{
display:none;
}
#footer #links form label{
color: #d6d6d6;
font-family:"Courier New", Courier, mono;
font-size:93%;
line-height:1.5em;
word-spacing: -.1em;
}

#footer #links form input{
background: #947C4B;
border:none;
font-family:"Courier New", Courier, mono;
height:36px;

line-height:1.5;
margin: 9px 0px;
width:300px;
}

#footer #links form #submitTwitter, #footer #links form button.zemSubmit{
background:transparent;
border:none;
height:36px;
margin:9px 0px;
padding:0px;
width:100px !important;
}

#footer #links ul.zemError{
background:url(../img/bg_zemError.gif) top left no-repeat;
border-top: 1px dotted #333;
padding:18px 0px;
width:300px;

}

#footer #links ul.zemError li{
border-bottom: 1px dotted #333;
color: #d6d6d6;
font-family:"Courier New", Courier, mono;
font-size:93%;
height:auto;
line-height:1.5em;
padding:18px 50px;
word-spacing: -.1em;
}

	/* =LINKS */
	
	/* =CONTACT */
#footer #contactMe{
float:left;
margin:36px 0px 0px 0px;
min-width:500px;
width:38.46em;
}

#footer #contactMe h2{
background:url(../img/bg_letsworktogether.gif) no-repeat;
height:54px;
line-height:1.5;
margin:36px 40px 0px 40px;
text-align:right;
width:420px;
}

#footer #contactMe h2:hover{
background:url(../img/bg_letsworktogetherHover.gif) no-repeat;
height:54px;
width:420px;
}

#footer #contactMe h2 span {
display:none;
}


#footer #contactMe form  {
margin:0px 40px 0px 40px;
min-width:420px;
width:33.30em;
}

#footer #contactMe form  legend {
display:none;
}

#footer #contactMe form label {
border-top: 1px dashed #272725;
color: #d1d1d1;
display:block;
font-family:"Courier New", Courier, mono;
font-size: 93%;
line-height:1.5;
margin:9px 0px 0px 0px;
width:400px;
padding-top:9px;
}

#footer #contactMe form input{
background: #947C4B;
border:none;
font-family:"Courier New", Courier, mono;
height:36px;
line-height:1.5;
margin:0px 0px 0px 0px;
width:400px;
}

#footer #contactMe form textarea{
background: #947C4B;
border:none;
font-family:"Courier New", Courier, mono;
height:126px;
line-height:1.5;
margin:0px 0px 0px 0px;
width:400px;
}

input#submitContact, #footer #contactMe button.zemSubmit{
background: transparent !important;
border:none;
height:54px  !important;
margin:18px 0px 0px 00px !important;
width:420px !important;
}



input#submitContact:hover, #footer #contactMe button.zemSubmit:hover{
background: url(../img/bg_button_submitContactHover.gif) no-repeat   !important;
border:none;
height:54px  !important;
margin:18px 0px 0px 0px !important;
width:420px !important;
}


#footer #contactMe ul.zemError{
background:url(../img/bg_zemError.gif) top left no-repeat;
border-top: 1px dotted #333;
margin:18px 50px;
padding:18px 0px;
width:400px;

}

#footer #contactMe ul.zemError li{
border-bottom: 1px dotted #333;
color: #d6d6d6;
font-family:"Courier New", Courier, mono;
font-size:93%;
height:auto;
line-height:1.5em;
padding:18px 50px;
word-spacing: -.1em;
}



p.clear{
clear:left;
color: #333;
padding:90px 0px 0px 0px;
}
	/* =CONTACT */

/* =FOOTER */


/* =THANKYOU */

/* =THANKYOU */