/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
	/*background-color:#FAF8E4;*/
	/*background-color:#666c64;*/
	background-color:#9CB2B6;
	/*background-image:url('http://www.andrewmccrea.co/bg.jpg');*/
	background-repeat:repeat-x;
	background-attachment:fixed;
	/*background-position:center;
	background-attachment:fixed;*/
	padding-bottom:60px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


h1.logo{background-image:url('../img/logo.png');width:316px;height:40px;margin-top:10px;float:left;}
h1.logo a{float:left;display:block;width:100%;height:100%;text-decoration:none;text-indent:-5000px;}
h1.logo:hover{opacity:0.5;}

header{display:block;width:960px;height:60px;margin:10px auto;position:relative;}

nav{padding-left:20px;padding-right:20px;width:920px;margin-left:-20px;background-color:#69625A;float:left;border-top:1px solid #21242C;border-bottom:1px solid #21242C;}
nav ul{list-style:none;width:100%;height:40px;padding:0px;float:left;}
nav ul li{display:inline-block;width:25%;height:100%;float:left;text-align:center;}
nav ul li a{float:left;width:100%;height:100%;color:#FAF8E4;font-weight:bold;text-decoration:none;line-height:40px;}
nav ul li a:hover{color:#FAF8E4;background-color:#9CB2B6;}
nav ul li a.active{background-color:#FAF8E4;color:#69625A;}

#slideshow_box{float:left;width:960px;height:400px;margin-left:-20px;overflow:hidden;border-bottom:1px solid #21242C;}
#nav_creative, #nav_media, #nav_home{float:left;width:100%;}
#nav_creative{display:none;}
#nav_media{display:none;}
#nav_home{display:none;}

.clear_both{clear:both;}
.full{width:100%;float:left;}
.main{width:920px;padding:0px 20px;background-color:#ffffff;padding-bottom:50px;display:block;margin-left:auto;margin-right:auto;color:#21242C;border-left:1px solid #21242C;border-right:1px solid #21242C;border-bottom:1px solid #21242C;}
.hold{float:left;width:100%;background-color:#ffffff;}
.left{float:left;width:332px;padding-right:20px;}
.right{float:right;width:548px;padding-top:48px;padding-left:20px;}
.portfolio{width:546px;border:1px solid #21242C;float:left;margin-top:20px;margin-bottom:20px;}
.home_pane{margin-top:48px;float:left;width:100%;font-size:14px;font-weight:normal;color:#21242C;line-height:140%;}
.home_pane a{color:#69625A;text-decoration:none;font-weight:bold;}
.home_pane a:hover{text-decoration:underline;}
.social_media{float:right;width:250px;list-style:none;margin-top:-2px;margin-top:10px;margin-right:-20px;}
.social_media li{float:right;width:40px;height:40px;margin-right:20px;}
.social_media li a{width:100%;height:100%;float:left;display:block;text-indent:-5000px;}
.social_media li a.facebook{background-image:url('../img/some_fb.jpg');}
.social_media li a.twitter{background-image:url('../img/some_twitter.jpg');}
.social_media li a.youtube{background-image:url('../img/some_yt.jpg');}
.social_media li a:hover{opacity:0.5;}

.contact_text{float:left;width:534px;padding:5px;border:1px solid #21242C;margin-top:20px;}
.contact_send{float:right;padding:10px 20px;font-weight:bold;color:#ffffff;border:0px;margin-top:20px;background-color:#9CB2B6;}
.contact_send:hover{opacity:0.5;}

ul.projects{list-style:none;width:548px;margin:0px;padding:0px;float:left;}
ul.projects li{width:100%;float:left;clear:both;margin-top:20px;}
ul.projects li h2, .home_pane h2{margin:0px;float:left;font-size:18px;font-weight:bold;color:#21242C;}
.home_pane h2{float:left;width:100%;padding-bottom:20px;}
ul.projects li h3.beside{margin:0px;float:left;font-size:14px;font-weight:bold;padding-top:4px;margin-left:10px;color:#21242C;}
ul.projects li span.options{margin:0px;margin-top:5px;width:100%;float:left;font-size:14px;}
ul.projects li div.testimonial{float:left;width:100%;font-size:12px;line-height:140%;color:#777777;}
ul.projects li div.testimonial img{width:200px;border:1px solid #21242C;float:right;margin-left:20px;}
ul.projects li div.testimonial h2{font-style:normal;font-size:18px;}
ul.projects li div.testimonial h3.beside{font-style:normal;margin-left:0px;}
ul.projects li h3.beside.testimon{float:left;margin-left:0px;clear:both;width:100%;margin-top:5px;}
ul.projects li span.options h3, ul.projects li span.options a{display:inline;font-size:14px;font-weight:normal;text-decoration:none;color:#21242C;}
ul.projects li span.options a:hover{text-decoration:underline;}
ul.projects li p{width:100%;float:left;clear:both;margin-top:10px;font-size:12px;line-height:140%;letter-spacing:1px;font-style:oblique;color:#777777;}
ul.projects li div.testimonial p{width:auto;float:none;clear:none;}

ul.resume{list-style:none;width:546px;margin:0px;padding:0px;float:left;}
ul.resume li{width:100%;float:left;clear:both;margin-top:20px;}
ul.resume li.first{margin-top:0px;}
ul.resume li h3{margin:0px;width:100%;float:left;font-size:14px;font-weight:bold;color:#21242C;}
ul.resume li h3.resume_header{text-transform:uppercase;margin-top:20px;color:#69625A;}
ul.resume li.first h3.resume_header{margin-top:0px;}
ul.resume li h4{margin:0px;margin-top:5px;width:100%;float:left;font-size:14px;font-weight:normal;color:#21242C;}
ul.resume li h4 span{color:#21242C;}
ul.resume li h4 a{color:#21242C;text-decoration:none;font-weight:normal;}
ul.resume li h4 a:hover{text-decoration:underline;}
ul.resume li p{width:100%;float:left;clear:both;margin-top:5px;font-size:12px;line-height:140%;letter-spacing:1px;font-style:oblique;color:#777777;}
ul.resume li img{float:left;width:330px;border:1px solid #21242C;margin-top:10px;margin-bottom:20px;}

p.bio{float:left;margin-top:10px;font-size:12px;letter-spacing:1px;line-height:140%;font-style:oblique;color:#777777;}
img.bio{float:left;margin-top:40px;border:1px solid #21242C;width:330px;}

span.contact{float:left;width:100%;margin-top:58px;font-size:18px;}
span.contact a{float:left;width:100%;margin-top:10px;text-decoration:none;color:#21242C;font-weight:bold;}
span.contact a.yellow{color:#d3b31d;}
span.contact a:hover{text-decoration:underline;}

.subnav{float:left;padding-left:20px;padding-right:20px;width:920px;margin-left:-20px;clear:both;background-color:#FAF8E4;height:35px;line-height:35px;border-bottom:1px solid #21242C;}
.subnav ul{list-style:none;float:left;width:100%;text-align:center;} 
.subnav ul li{margin:auto;display:inline-block;}
.subnav ul li a{padding:0px 20px;color:#69625A;font-weight:bold;text-decoration:none;}
.subnav ul li a:hover, .subnav ul li a.active{text-decoration:underline;}
.subnav ul li a.active{color:#21242C;}
.play_vid{cursor:pointer;}
.play_vid:hover{opacity:0.5;}

.twits_feed{float:left;width:100%;}
.twits_feed li{float:left;width:312px;margin-top:20px;padding-bottom:20px;font-size:14px;line-height:140%;position:relative;padding-left:15px;border-bottom:1px solid #9CB2B6;color:#494949;}
.twits_feed li strong, .twits_feed li .strong{font-weight:bold;color:#8AB6BC;}
.twits_feed li .tweet_wrap_pull{position:absolute;left:7px;float:left;z-index:5;color:#8AB6BC;}
.twits_feed li span.ago{float:left;width:100%;margin-top:5px;color:#8AB6BC;font-size:11px;font-style:italic;}
.tweets_link_headr{background-image:url('../img/recent_tweets.jpg');height:105px;width:332px;float:left;display:block;backgorund-repeat:no-repeat;margin-top:50px;text-indent:-5000px;}
.tweets_link_headr:hover{opacity:0.5;}

.full_width{float:left;width:920px;margin-top:20px;}
.full_width h2{width:100%;float:left;font-size:20px;font-weight:bold;color:#21242C;}
.full_width h3{margin-top:5px;width:100%;float:left;font-size:18px;font-weight:normal;color:#21242C;}
.full_photo_gal{float:left;width:980px;list-style:none;}
.full_photo_gal li{float:left;width:213px;height:142px;margin-right:20px;margin-top:20px;border:1px solid #21242c;}
.full_photo_gal li img{width:213px;}