/*
---------------------
01. General
02. Global Classes
03. Structure
04. Navigation
05. Forms
------------------------


----------------------------------------------------------
01. GENERAL
---------------------------------------------------------- */
@import url("reset.css");
a:link { color:#FF3689; font-weight:bold; text-decoration:none }
a:visited { color:#A72F61; font-weight:bold; text-decoration:none }
a:hover { color:#5BB0D2; text-decoration:underline; }
body { background:#282828 url(../images/bg.jpg) repeat-x; color:#eee; font:62.5% Arial, Verdana, sans-serif; padding-bottom:5em; text-align:center }  
div#logo { position:absolute; left:21px; top:18px;}
div#logo h1  { background:url(../images/logo.gif) no-repeat;}
div#logo h1 a{ display:block; height:125px; width:308px; }
#swf-holder { width:300px; }
hr { border:0; clear:both; height:1px; margin:2.5em 0 7px }
hr.stitched { background:url(../images/rule_stitched.gif) no-repeat; border:0; height:10px; margin-bottom:1.5em;}
ol { list-style-type:decimal; list-style-position:inside;}
p {  margin-bottom:1em;}


/*
----------------------------------------------------------
02. GLOBAL CLASSES
---------------------------------------------------------- */
.bullet1 { background-position:0 0; padding-left:15px;}
.bullet2 { background-position:0 -100px;}
.bullet3 { background-position:0 -200px; padding:0 0 5px 40px;}
.clear { clear:both }
.icon { background-image:url(../images/icons.gif); background-repeat:no-repeat;}
.nopadding { padding:0 }
.noindent { margin-left:0; padding-left:0 }
.nobullet { background:none; list-style:none; list-style-image:none }
.replace { text-indent:-9999em; }
.wrap { font-size:1.1em; margin:0 auto; text-align:left; width:960px }


/*
----------------------------------------------------------
03. STRUCTURE
---------------------------------------------------------- */
#header { background:url(../images/bg_logo.gif) no-repeat; height:150px; overflow:hidden; position:relative;}
#content { font-size:1.2em; line-height:1.5em; text-align:left; }
#content-main { padding-bottom:3em;}
#footer { background:url(../images/rule_stitched.gif) no-repeat; clear:both; color:#ccc; font-weight:bold; padding:20px 10px; position:relative; width:940px; }

/* HOMEPAGE */
#identity { float:left; display:inline; line-height:1.5em; margin:42px 0 0 8px; width:276px;}
#identity h1 { background:url(../images/headings.gif) no-repeat; height:131px; margin-bottom:15px; width:276px; }
#identity a { display:block; font-size:1.1em; line-height:1.3em; }
#projects { background:url(../images/bg_projects.png) no-repeat 41px 0; display:inline; float:left; height:375px; position:relative; margin:-20px 0 0; width:676px;}
#home #projects h2  { background:url(../images/banner_recent.png) no-repeat; height:73px; left:51px; top:12px; position:absolute; width:174px; z-index:9999;}
#projects a { display:block; position:absolute; z-index:9999;}
#projects a#prev { background:url(../images/btn_projects_prev.png) no-repeat; left:3px; height:74px; top:240px; width:52px;}
#projects a#next { background:url(../images/btn_projects_next.png) no-repeat; height:67px; right:-7px; top:250px; width:58px;}
#gallery { height:320px; position:absolute; left:64px; top:25px; width:550px;}

/* HAVE ART, NEED ART */
#features { background:url(../images/rule_rope.gif) no-repeat 0 23px; font-size:0.9em; clear:both; overflow:hidden; padding-bottom:1.75em; }
#features h2 { background-image:url(../images/feature_tags.png); background-repeat:no-repeat; float:left; height:200px; margin-right:10px; width:135px;}
#features h2#have { background-position:0 0; }
#features h2#need { background-position:-151px 0; }
#features h2#eco { background-position:-303px 0; }
#features div { display:inline; float:left; font-size:1.1em; padding-right:30px; width:300px; }
#features div.last { padding-right:0;}
#features .highlight { padding-top:56px; }
#features ul { margin-left:140px;}
#features li, ul.highlight li { background:url(../images/icons.gif) no-repeat; margin-bottom:7px; padding-left:15px;}
#features li.bullet2 { background:url(../images/icons.gif) no-repeat 0 -98px; }
#features img#designer { float:left; margin:0 5px 10px 0;}
#features p a { display:block; margin-left:145px;}
#features a {line-height:1.3em;}

/* SUBPAGES */
ul.twocol li { float:left; display:inline; width:30%;}
ul.twocol { margin-bottom:1em; overflow:hidden;}
body.sub #header { margin-bottom:2.5em;}
body.sub #content { line-height:1.6em; padding:0 0 0 10px; overflow:hidden; width:950px;}
body.sub #content-main { float:left; display:inline; margin-right:1em; width:550px;}
body.sub #features { line-height:1.7em;}
body.sub #content h1 { background:url(../images/headings.gif) no-repeat; display:inline; float:left; height:50px; margin:0.3em 2em 1.5em 0;}
body.sub p#intro { display:inline; float:left; width:455px; }
#contact p#intro { width:630px; }
body.sub #features { font-size:1.1em;}

/* SIDEBAR */
#sidebar { background:url(../images/bg_sidebar.png) no-repeat; display:inline; float:left; font-size:0.9em; line-height:1.6em; padding:55px 50px 80px 70px; width:260px;}
#sidebar li { margin-bottom:1em;}
#sidebar h2 { background:url(../images/headings.gif) no-repeat 0 -400px; height:40px; margin-bottom:0.75em; width:260px; }
#sidebar ol { list-style-position:outside; margin-left:1.5em;}
#faq #sidebar { background:url(../images/bg_sidebar_long.png) no-repeat; padding-top:70px; }
#faq #sidebar strong { color:#8DC63F;}
#faq #sidebar h2 { background:url(../images/headings.gif) no-repeat 0 -700px; height:60px; }
#contact #sidebar { background:url(../images/bg_sidebar_short.png) no-repeat; margin:0 0 0 4em; padding:50px 0 70px 70px; width:270px;}
#contact #sidebar h2 { background:url(../images/headings.gif) no-repeat 0 -600px; height:32px; margin:1.25em 0 0; width:210px; }
#contact #sidebar h2#call { background:url(../images/headings.gif) no-repeat 0 -650px;  }
#contact #sidebar h3 { color:#fff;  }
#contact #sidebar ul { width:210px;}
#contact #sidebar li { margin-bottom:0; }

/* GRAPHIC HEADINGS */
#shirts #content h1 { background-position:0 -150px; width:460px;}
#posters #content h1 { background-position:0 -200px; width:366px;}
#faq #content h1 { background-position:0 -250px; width:86px;}
#about #content h1 { background-position:0 -300px; width:230px;}
#contact #content h1 { background-position:0 -350px; width:280px;}

/* SUBHEADINGS */
body.sub h2 { clear:both; color:#5BB0D2; font-size:1.8em; font-weight:normal; margin-bottom:0.3em;}
body.sub h3 { clear:both; color:#8DC63F; font-size:1.5em; font-weight:normal;}

/* ABOUT */
h2#clients { background:url(../images/headings.gif) no-repeat 0 -450px; display:inline; float:left; height:145px; margin:0 0.75em 1em 0; width:215px;}
ul.clients { display:inline; float:left; margin-top:1.7em; width:300px;}
ul.clients li { background:url(../images/icons.gif) no-repeat 0 -99px; line-height:1.3em; margin-bottom:0.75em; padding-left:18px;}
ul.clients li span { color:#999; font-size:0.9em;}
ul.inline { overflow:hidden; }
ul.inline li { display:inline; float:left; margin-right:1.5em;}
p.bullet2 { background-position:0 -97px; padding-left:15px;}
p.jobtitle { color:#999; letter-spacing:1px; text-transform:uppercase;}
img#profile { float:left; margin:0 1em 1em 0;}

/* POSTERS */
#posters #content h1 { margin-bottom:0.25em;}
#posters #intro { margin-bottom:0; width:550px;}
#posters #features { margin-top:1em;}
#posters #content-main { background:url(../images/rule_stitched.gif) repeat-x; clear:both; display:block; float:none; overflow:hidden; margin-left:-10px; padding:2.5em 0 0; text-align:center; width:960px;}
#posters #projects { display:block; float:none; margin:0 auto; padding:1em 0 0; text-align:center;}
#posters #gallery { padding-bottom:180px; }
#posters #gallery div { position:relative; width:550px; text-align:center; }
#posters #gallery div h2 { color:#333; font-size:0.9em; left:0; position:absolute; text-align:center; top:295px; width:500px; }
#posters #gallery div h2 strong.last { border-left:1px dotted #999; margin-left:0.6em; padding-left:1em; }

/* SHIRTS */
div.sample { background:url(../images/bg_sample.png) no-repeat; display:inline; float:left; font-size:0.9em; margin:0 24px 0 -15px; padding:14px; width:204px;}
div.sample1 { display:inline; float:left; font-size:0.9em; margin:0 24px 0 -15px; padding:14px; width:204px;}
div.last { margin-right:0; }
div.sample img { margin-bottom:0.5em;}
div.sample h2 { color:#ccc; font-size:1em; line-height:1.4em; margin:0; padding-left:0.5em;}
div.sample1 img { margin-bottom:0.5em;}
div.sample1 h2 { color:#ccc; font-size:1em; line-height:1.4em; margin:0; padding-left:0.5em;}
body.sub #features { margin-top:3em;}

/* CONTACT */
#location { float:right; margin-right:10em;}
#location ul { margin-bottom:2em;}
#filetypes { color:#ccc; font-size:0.9em; line-height:1.5em; margin:0 0 2em 190px; width:300px;}
#filetypes strong { color:#fff;}

/* FAQ */
dl.slide { margin-bottom:2em; width:525px;}
dl.slide dt { background:url(../images/rule_stitched.gif) repeat-x; margin:0; }
dl.slide dt a, dl.slide dt a:visited { border-bottom:0; background:url(../images/btn_expand.gif) no-repeat 5px 10px; color:#FF3689; font-weight:bold; display:block; text-align:left; margin-bottom:0.2em; padding:12px 5px 10px 50px;  }
dl.slide dt.expanded a { background:url(../images/btn_collapse.gif) no-repeat 5px 7px }
dl.slide dt a:hover { background-color:#000 }
dl.slide dd { margin:0; padding:0 0 0 50px; }
dl.slide dd p em { font-size:0.9em; }
dl.slide ul li { background:url(../images/icons.gif) no-repeat 0 -99px; line-height:1.3em; margin-bottom:0.75em; padding-left:18px;}



/*
----------------------------------------------------------
04. NAVIGATION
---------------------------------------------------------- */
#nav-main { float:left; display:inline; position:absolute; right:0; top:0; width:646px;}
#nav-main li { display:inline; float:left;  }
/*
#nav-shirts a { background-position:0 0; width:95px;}
#nav-shirts a:hover, #nav-shirts a.active { background-position:0 -64px}

#nav-test a { background-position:-104px 0; width:158px;}
#nav-test a:hover, #nav-test a.active { background-position:-104px -64px}

#nav-posters a { background-position:-262px 0; width:70px;}
#nav-posters a:hover, #nav-posters a.active { background-position:-262px -64px}

#nav-faq a { background-position:-338px 0; width:105px;}
#nav-faq a:hover, #nav-faq a.active { background-position:-338px -64px}

#nav-about a { background-position:-450px 0; width:125px;}   
#nav-about a:hover, #nav-about a.active { background-position:-450px -64px}

#nav-contact a { background-position:-585px 0; width:125px;}   
#nav-contact a:hover, #nav-contact a.active { background-position:-585px -64px}

*/

#nav-shirts a { background-position:0 0; width:91px;}
#nav-shirts a:hover, #nav-shirts a.active { background-position:0 -64px}

#nav-embroidery a { background-position:-91px 0; width:126px;}
#nav-embroidery a:hover, #nav-embroidery a.active { background-position:-91px -64px}

#nav-posters a { background-position:-215px 0; width:145px;}
#nav-posters a:hover, #nav-posters a.active { background-position:-215px -64px}

#nav-faq a { background-position:-362px 0; width:68px;}
#nav-faq a:hover, #nav-faq a.active { background-position:-362px -64px}

#nav-about a { background-position:-430px 0; width:106px;}   
#nav-about a:hover, #nav-about a.active { background-position:-430px -64px}

#nav-contact a { background-position:-536px 0; width:108px;}   
#nav-contact a:hover, #nav-contact a.active { background-position:-536px -64px}


#nav-main li a {  background-image:url(../images/nav4.gif); background-repeat:no-repeat; display:block; font-weight:bold;height:63px; }

/* FOOTER */
#footer p { margin-bottom:0.5em;}
#footer li { background:url(../images/icons.gif) no-repeat; display:inline; margin-right:2px; padding-left:16px; }
#footer li.nobullet { background:none; padding-left:0; }
#footer li a { color:#999; text-decoration:underline;}
#footer li a:hover { color:#fff }
#footer ul#partners { position:absolute; right:0; top:20px; text-align:right; }
#footer ul#partners li { display:block; float:left; margin-right:5px; padding-left:18px; }
#footer ul#partners li.nobullet { padding-left:0; }
#footer ul#partners li.first { background-position:0 -297px; height:20px; text-align:left; width:115px; }
#footer #moncur { position:absolute; right:0; top:70px; }
#footer #moncur a, #footer #moncur a:visited  { background:none; padding-left:0; position:relative; }
#footer #moncur span  { display:none; font-size:10px; font-weight:normal; left:-165px; position:absolute; white-space:nowrap;}



/*
----------------------------------------------------------
05. FORMS
---------------------------------------------------------- */
form div { margin-bottom:1em; overflow:hidden; }
input, label, option, select, textarea { color:#eee; font:11px Arial, Verdana, sans-serif; }
label { color:#999; float:left; display:block; letter-spacing:1px; line-height:1.6em; margin:0.5em 1em 0 0; text-transform:uppercase; width:175px;  }
input, textarea { background:url(../images/bg_form.gif) repeat; border:1px solid #333; padding:5px; width:300px;}
input#btn, input#btn:hover  { background:url(../images/btn_submit.gif) no-repeat; border:0; cursor:pointer; padding:0; width:143px; height:53px;}
span.required, label span.required { color:#A72F61; padding-left:0.25em; }
textarea { padding:3px; width:305px; }

#contact-form { margin-top:2em; width:600px;}
#contact-form hr { margin-bottom:0;}

ul#errors { border:1px dotted #A72F61; color:#FF3689; padding:10px; width:400px;}
ul#errors li { background:url(../images/btn_expand.gif) no-repeat; padding:2px 0 0 42px; }

.footerlink { 
font-family:Arial; font-size:12px;color:#b5b6b6; line-height:130%;
}

a.footerlink:link{text-decoration:none; color:#b5b6b6;}
a.footerlink:visited{text-decoration:none;  }
a.footerlink:hover{text-decoration:none; color:#b5b6b6; }
a.footerlink:active{text-decoration:none; }

.online { font-family:Arial; font-size:20px;color:#5bb0d2; line-height:130%; padding-left:137px;}

.CONSTRUCTION { font-family:Arial; font-size:35px;color:#5bb0d2; line-height:130%; padding-left:137px; font-weight:bold; }