/*********** RESET **********/
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
ul li { display: inline;}
* { margin: 0; padding: 0; }
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
p, b{margin: 0px; margin-top:0px;}

/*********** PAGE **********/
body{margin: 0; padding: 0; background-color: #d6d6d6; }
body{scrollbar-face-color:#FDF035;scrollbar-highlight-color:#FDF035;scrollbar-3dlight-color:#FDF035;scrollbar-shadow-color:#FDF035;scrollbar-darkshadow-color:#FDF035;scrollbar-arrow-color:#ffffff;scrollbar-track-color:#e7e7e7;}
#containter{margin: 0px auto; width:980px; background-color:#e7e7e7;}
#header{margin: auto; width: 980px; height: 150px; background-color: #ffffff; border-bottom: 5px solid #fdf035; position:relative;}
#logo{width: 354px; height: 150px; float:left; margin: 0px; background-image:url(../images/logo.gif)}

.feature{width: 900px; margin: 0 20px; padding:20px; background-color:#FFFFFF;}
.feature_contact{width: 900px; margin: 0 20px; padding:20px 20px 0px 20px; background-color:#FFFFFF;}
.gallery{width: 900px; margin: 0 20px; padding:20px; background-color:#FFFFFF;}
.gallery_spacer{width: 940px; height:20px; margin: 0 20px;}
#main{margin: 20px 0 0 0;}
.column_container{float:left; width:940px; margin:20px 20px 0px 20px;}
.left_column{width: 460px; height:100%; float: left; margin: 0 20px 0 0; background-color:#FFFFFF;}
.right_column{width: 460px; height:100%; float: left; margin: 0px; background-color:#FFFFFF;}
.left_clients{width: 420px; height:100%; float: left; margin: 0 60px 0 0; background-color:#FFFFFF;}
.right_clients{width: 420px; height:100%; float: left; margin: 0px; background-color:#FFFFFF;}
.column_padding{padding:20px;}

/*********** FOOTER **********/
#footer{ border-top: 5px solid #fdf035; color:#999999; text-transform:uppercase; width: 980px; margin: 20px auto 0px auto; padding:20px 0px; clear:both;}
#footer p{font-size:9px; margin-left:20px;}
.feature p{text-align:justify;}

/*********** TEXT **********/
p{font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; font-size:12px; line-height:18px;}
.textindent {padding-right:40px;}
h1{ display:inline; font-family:Georgia, "Times New Roman", Times, serif;}
.bar{ border-top: 5px solid #fdf035; color:#999999; width: 100%; height:10px; margin-top: 5px; clear:both; display:block;}
.div_spacer{ display:block; height:20px; margin:0px; padding:0px; width:auto;}
/*********** LINKS **********/
a.glowing {color: #000000;}
a {text-decoration: none; color: #999999;}
p.yellow, p.red{color:#000000;}
p span.red, p span.yellow {color:#999999;}
a:hover{color: #AA1C05;}
a:link{color: #999999;}
a:visited{color: #999999;}

/*********** TOP NAV **********/
#nav {float:right; margin: 110px 10px 0 0px; width: 522px; height:50px; display:inline;}
#nav li {float: left; list-style: none; height: 50px;}
#nav li.back {width: 9px; height: 50px; z-index: 8; position: absolute; bottom: 0;}
#nav li.back .left {background:url(../images/arrow.gif) no-repeat bottom center; height: 40px; bottom: 0;}
#nav li a {text-indent: -999em; z-index: 10; display: block; float: left; height: 29px; position: relative; overflow: hidden;   }
#nav li a:hover, #nav li a:active, #nav li a:visited {border: none;}
#nav li.current a {background-position: center -29px;}

/*********** NAV IMAGES **********/
#navtop-home a {background:url(../images/nav_over_home.gif) top center no-repeat; width: 70px; }
#navtop-work a {background:url(../images/nav_over_work.gif) top center no-repeat; width: 65px; }
#navtop-blog a {background:url(../images/nav_over_blog.gif) top center no-repeat; width: 60px; }
#navtop-clients a {background:url(../images/nav_over_clients.gif) top center no-repeat; width: 85px; }
#navtop-about a {background:url(../images/nav_over_about.gif) top center no-repeat; width: 72px; }
#navtop-contact a {background:url(../images/nav_over_contact.gif) top center no-repeat; width: 98px; }
#navtop-store a {background:url(../images/nav_over_store.gif) top center no-repeat; width: 72px; }

/*********** TABS **********/
.featured_tabs{height:34px; width:940px; text-align:left; margin: 0 0 0 20px;}
.left_column-tab{height:34px; width:460px; text-align:left; margin: 0px; background-color:#e7e7e7;}
.right_column-tab{height:34px; width:460px; text-align:left; margin: 0px; background-color:#e7e7e7;}
#tabs {float:right; margin: 0px; height:34px; display:inline; width:940px;}
#c_tabs{float:right; margin: 0px; height:34px; display:inline; width:100%;}
#tabs li {text-indent: -999em; float: left; list-style: none; height: 34px; display:inline;}
#c_tabs li {text-indent: -999em; float: left; list-style: none; height: 34px; display:inline;}
#tabs li a {text-indent: -999em; z-index: 10; float: left; height: 34px; position: relative; overflow: hidden; display:inline;}
#c_tabs li a {text-indent: -999em; z-index: 10; float: left; height: 34px; position: relative; overflow: hidden; display:inline;}
li#tabs-featured {background:url(../images/tab_featuredwork.gif) top center no-repeat; width:147px; }
#tabs-featured a{background:url(../images/tab_featuredwork.gif) top center no-repeat; width:147px; }
#tabs-more a {background: url(../images/tab_seemorework.gif) top center no-repeat; width:201px; }
#tabs-webandmyspace {background:url(../images/tab_webandmyspace.gif) top center no-repeat; width:171px; }
#tabs-apparel {background:url(../images/tab_apparel.gif) top center no-repeat; width:230px; }
#tabs-logo {background:url(../images/tab_logo.gif) top center no-repeat; width:269px; }
#tabs-cd {background:url(../images/tab_cd.gif) top center no-repeat; width:260px; }
#tabs-type {background:url(../images/tab_type.gif) top center no-repeat; width:146px; }
#tabs-posters {background:url(../images/tab_posters.gif) top center no-repeat; width:113px; }
#tabs-blog {background:url(../images/tab_blog.gif) top center no-repeat; width:58px; }
#tabs-subscribe a{background:url(../images/tab_subscribe.gif) top center no-repeat; width:282px; }
#tabs-contact  {background:url(../images/tab_contact.gif) top center no-repeat; width:249px; }
#tabs-clients  {background:url(../images/tab_clients.gif) top center no-repeat; width:381px; }
#tabs-about  {background:url(../images/tab_about.gif) top center no-repeat; width:70px; }
#tabs-links {background:url(../images/tab_links.gif) top center no-repeat; width:84px; }
#tabs-hello {background:url(../images/tab_hello.gif) top center no-repeat; width:65px; }
#tabs-findoutmore a {background:url(../images/tab_findoutmore.gif) top center no-repeat; width:184px; }
#tabs-whatwecando {background:url(../images/tab_whatwecando.gif) top center no-repeat; width:220px; }
#tabs-contactus a {background:url(../images/tab_contactus.gif) top center no-repeat; width:173px; }
#tabs-info {background:url(../images/tab_info.gif) top center no-repeat; width:80px; }
#tabs-error {background:url(../images/tab_error.gif) top center no-repeat; width:209px; }


/*********** SLIDER **********/
#slider {width: 900px; /* important to be same as image width */ height: 450px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ margin: 0px 0 -10px 0px; /* corrected positioning problems */}
#sliderContent {width: 900px; /* important to be same as image width or wider */position: absolute;top: 0;margin-left: 0;}
.sliderImage {float: left;position: relative;display: none;}
.sliderImage span{position: absolute; font: 10px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase; padding: 10px; width: 900px; background-color: #FFFFFF;filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;color: #000000;display: none;}
.clear {clear: both;}
.sliderImage span{font-size: 10px; line-height:12px;}
.top {top: 0; left: 0;}
.bottom {bottom: 0px; left: 0;}


/*********** CONTACT **********/
#contact-wrapper {width:440px; overflow:hidden;}
#contact-wrapper div {clear:both; margin-bottom:20px;}
#contact-wrapper label {display:block; float:none; font-size:16px; width:auto;}
form#contactform input {border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; border-style:solid; border-width:1px; padding:5px; font-size:16px;color:#333;}
input.required#contactname, input.required#email#email, input.required#subject, input.required#company, input.required#website, input#contactname, input#email, input#subject, input#company, input#website 
{width: 428px; margin-bottom:5px;}
form#contactform textarea 
{font-family:Arial, Tahoma, Helvetica, sans-serif;font-size:100%;padding:5px; border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;border-style:solid;border-width:1px;width:428px;margin-bottom:0px;}
strong, h2{ font: 400 1.1em arial,sans-serif;color: #000000;margin-bottom: 10px; text-transform: capitalize;}
.highlighter { padding: 10px 20px; background-color:#FDF035; display:block; margin:16px 0px;}
.error_highlighter { padding: 10px 20px; background-color:#AA1C05; color: #FFFFFF; display:block; margin:16px 0px;}
#error-wrapper { position:relative; z-index:400; width:440px; margin: 10px 0 0 0px;}

