body { background:url(images/bg.jpg) fixed; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#container { background:url(images/transparent_header.png) no-repeat top; }
#wrapper { margin:0 auto; width:1020px; overflow:hidden; padding:0 0 0 0; }


/**********Font Styles**************/

h2 { font-size:1.4em; font-family:Cambria; }
h3 { font-size:1.4em; color:#8cff05; margin:0 0 20px 0; }
h4 { font-size:1.1em; color:#8cff05; margin:0 0 20px 0; }
p { font-size:0.75em; line-height:1.5em; margin:0 0 20px 0; color:#dfdfdf;  }

/**********End Font Styles**********/


/**********General Styles***********/

hr { border-top:none; border-left:none; border-right:none; border-bottom:1px dashed; margin:80px 0 60px 0; clear:both; width:1000px; }
hr.small { border-top:none; border-left:none; border-right:none; border-bottom:1px dashed; color:#1F1F1F; margin:20px 0 20px 0; clear:both; width:300px; }
.left { float:left; }
.right { float:right; }
.green { color:#B2EF68; }
.pink { color:#FF1C92; }
.blue { color:#00B0ED; }
.white { color:#fff; }
a { color:#B2EF68; }

/**********End General Styles*******/



/******Header Styles*********/

#header { height:200px; width:100%;  }

.logo {  width:210px; height:35px; float:left; margin:70px 0 0 0; }

#header ul { margin: 70px 20px 0 0; padding: 0; height: 46px; list-style: none; display: inline; overflow: hidden; float:right; }
#header ul li { margin: 0; padding: 0; list-style: none; display: inline; }
#header ul li a { float: left; padding: 60px 0 0 0; overflow: hidden; height: 20px !important;  height /**/:60px; /* for IE5/Win only */ }
#header ul li a:hover { background-position: 0 -46px; }
#web a  { width: 77px; background: url(images/web_button.png) top left no-repeat; }
#design a  { width: 77px; background: url(images/design_button.png) top left no-repeat; }
#branding a  { width: 77px; background: url(images/branding_button.png) top left no-repeat; }
#illustrate a  { width: 77px; background: url(images/illustrate_button.png) top left no-repeat; }
#about a  { width: 77px; background: url(images/about_button.png) top left no-repeat; }
#contact a  { width: 77px; background: url(images/contact_button.png) top left no-repeat; }


body#top_web a#webnav,
body#top_design a#designnav,
body#top_branding a#brandingnav,
body#top_about a#aboutnav,
body#top_contact a#contactnav { background-position: 0 -46px; }


/********End Header Styles************/


/******Top Image*******/

#top_image { overflow:hidden; clear:both; margin:30px 0 50px 0; }
#top_image img { padding:12px; background:url(images/transparent_img_bg.png); margin:0 10px 0 0; }

/******End Top Image****/



/*********Top Quote*************/

#twitter { border-top: 1px solid #4b4b4b; border-bottom: 1px solid #4b4b4b; padding: 40px 0 40px 0; margin:30px 0 50px 0; overflow:hidden; clear:both; width:1000px; }
#twitter h2 { float:left; }
#twitter .left { height:23px; width:30px; float:left; background:url(images/left_quote.png); margin:0 30px 0 30px; }
#twitter .right { height:23px; width:30px; float:left; background:url(images/right_quote.png); margin:0 0 0 30px; }

/*********End Quote************/



/*********Work Styles**********/

#work_wrap { clear:both; overflow:hidden; }
#work_wrap p { color:#DFDFDF; font-size:0.8em; margin:0; line-height:1.3em; }
#work_wrap p.technology { color:#CCFF8F; font-weight:bold; font-size:0.7em; margin:5px 0 0 0; }
#work_wrap .work_illustration { float:right; margin:0 20px 0 0; }
.work_top { margin:0 0 70px 0; }
#work_wrap dl { margin:10px 10px 0 0; width:330px; float:left; }
#work_wrap dl dt img { padding:12px; background:url(images/transparent_img_bg.png); }
#work_wrap dl dd { text-align:center; font-size:0.7em; margin:30px 0 0 0; }


/********End Work Styles*******/



/*********Back Top Link Link**************/

#back_top_wrap { margin:60px 20px 60px 0; position:fixed; top:50%; }
#back_top { display: block; width: 77px; height: 46px; background: url(images/back_up.png) no-repeat 0 0; }
#back_top:hover { background-position: 0 -46px; }
#back_top span { display: none; }

/********End Back Top Link Style**********/


/**************Tweet Style****************/

#tweet { background:url(images/lighter_transparency_bg.png); width:200px; overflow:hidden; }
#tweet ul { float:left; margin:20px 0 0 0; }
#tweet ul li { font-size:0.8em; color:#fff; font-style:italic; }
#tweet ul li a { color:#B2EF68; float:left; margin:20px 0 0 0; }


/************End Tweet Style**************/



/********Footer Styles*********/

#footer_top { background:url(images/footer_worms.png); height:83px; }
#footer_body { background:url(images/transparent_square.png); height:440px;  clear:both; overflow:hidden; border-top: 1px dashed #333; }


#footer_content { margin:0 auto; width:1000px; padding:75px 0 0 0; }

#footer_content .left { width:300px; margin:0 30px 0 0; float:left; overflow:hidden; }
#footer_content .left_wrap { overflow:hidden; padding:20px 0 20px 20px; background:url(images/lighter_transparency_bg.png); }
#footer_content .left_wrap dl { float:left;  }
#footer_content .left_wrap dl dt { font-size:0.9em; }
#footer_content .left_wrap dl dd { font-size:0.8em; }
#footer_content .left_wrap img { float:left; margin:0 20px 0 0; }
#footer_content .left_wrap a { text-decoration:none; }

#footer_content .middle { width:335px; margin:0 10px 0 0; float:left; overflow:hidden; }
#footer_content .middle img { padding:12px; background:url(images/lighter_transparency_bg.png); margin:0 10px 10px 0; }

#footer_content .right { width:300px; float:left; overflow:hidden; }
#footer_content .right a.follow { float:right; text-decoration:none; color:#00B0ED; font-size:0.7em; margin:10px 0 0 0; }
#footer_content .right ul li { background:url(images/lighter_transparency_bg.png); font-size:0.7em; margin:0 0 10px 0; padding:20px; line-height:1.7em; }

#footer_bottom { background:#000; text-align:center; padding:40px 0 20px 0; border-top: 1px dashed #1F1F1F;  }

/*******End Footer Styles******/