/* CSS Document */


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

* {margin:0; padding:0; outline:none;}

body {background:#41056c url(../images/right_gradient.png) no-repeat top right; font-family:"Myriad Pro", Helvetica, "Trebuchet MS", Arial, sans-serif;}

p {font-weight:normal; line-height:1.4em;}
h1 {font-size:24px; font-style:italic;}

img { border:none}


/*
---------------------------------------------
02. container and wrapper
---------------------------------------------
*/

#container {width:100%; float:left; background:url(../images/bg_top_full_width.jpg) no-repeat top center}
#wrapper {width:1236px; margin:0 auto;}

/*
---------------------------------------------
03. header
---------------------------------------------
*/

#header {width:1236px; height:175px; float:left; background:url(../images/bg_header.jpg) no-repeat;}
#header .phone { width:220px; float:left; color:#ffb300; font-size:27px; padding-top:10px; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; position:relative}
#header .logo { float:left; height:175px; margin-left:-230px;}
#header .advertising_speciality {float:right; color:#fff; font-weight:bold; font-size:27px; padding:7px 150px 0 0; font-family:Arial, Helvetica, sans-serif}


/*
---------------------------------------------
04. content wrapper
---------------------------------------------
*/

#content_wrapper {width:1236px; float:left; background: url(../images/bg_inner_wrapper.gif) left repeat-y;}

/*
---------------------------------------------
05. left panel
---------------------------------------------
*/

#leftpanel {width:200px; float:left; background:url(../images/bg_left.gif) top no-repeat; padding-left:5px}
#leftpanel p {color:#ffb300; font-size:16px; line-height:1.4em; margin-bottom:20px;} 
#leftpanel .samples { width:172px; height:81px; margin-bottom:12px; padding-left:5px;}


/*
---------------------------------------------
06. right panel
---------------------------------------------
*/

#rightpanel {width:1031px; float:right; background:url(../images/bg_right_top.jpg) top no-repeat;}

/*
---------------------------------------------
06.1 right panel - menu bar
---------------------------------------------
*/

#menubar { width:1031px; height:44px; float:left}
#menubar ul { padding-left:20px; font-size:15px;}
#menubar ul li { display:inline;}
#menubar ul li a { color:#000;  padding:1px 14px 3px 12px; text-decoration:none; font-weight:bold; display:block; float:left; height:1em; margin-top:5px; background:url(../images/nav_div.gif) right center no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:13px}

/*
---------------------------------------------
06.2 right panel - main content
---------------------------------------------
*/

#maincontent {width:776px; float:left;}

/*
---------------------------------------------
06.2.1 right panel - main content - flash
---------------------------------------------
*/

#flash { width:600px; height:295px; padding-left:110px; float:left}

/*
---------------------------------------------
06.2.2 right panel - main content - buttons
---------------------------------------------
*/

#buttonlinks {padding-left:17px; padding-top:17px; float:left}
#buttonlinks a:hover {background-position:0 -71px!important;} 
#buttonlinks a.embroidery_button { background:url(../images/embroidery_button.jpg) no-repeat; height:70px; width:379px; float:left; display:block;}
#buttonlinks a.screenPrinting_button { background:url(../images/screenPrinting_button.gif) no-repeat; height:70px; width:369px; float:right; display:block;}

/*
---------------------------------------------
06.2.3 right panel - main content - content
---------------------------------------------
*/

#content {width:656px; padding:80px 60px 10px 60px; float:left; font-size:17px; font-style:italic;}
#content p {margin-bottom:15px; line-height:1.4em;}

/*
---------------------------------------------
06.2.4 right panel - main content - products
---------------------------------------------
*/

#product_display { width:760px; float:left; border-top:20px solid #eaeaea; margin-left:16px; padding:33px 0 20px 0;}
#product_display img {float:left; padding-left:20px;}


/*
---------------------------------------------
06.3 right panel - right content
---------------------------------------------
*/

#rightcontent {width:225px; float:right; padding-top:37px; padding-bottom:20px; } 
#rightcontent h2.apparel_brands{ position:relative; margin-left:-76px; margin-bottom:28px;}

/*
---------------------------------------------
06.3.1 right panel - right content - links
---------------------------------------------
*/

#rightcontent ul {font-size:16px; font-style:italic;}
#rightcontent ul li { list-style:none; line-height:1.3em;}
#rightcontent ul li a { width:170px; display:block; color:#000; text-decoration:none;}
#rightcontent ul li a:hover {color:#000; text-decoration: underline;}

/*
---------------------------------------------
06.4 cards
---------------------------------------------
*/

#cards {width:950px; margin-left:16px;  border-top:20px solid #eaeaea; float:left; display:inline; text-align:center; padding:25px 0 30px 0;}
#cards img {padding:0 5px;}


/*
---------------------------------------------
07. footer styles
---------------------------------------------
*/

#footer {width:955px; float:left; text-align:center; padding:20px 0 30px 221px; font-size:16px; color:#fff; line-height:2em; font-weight:normal;}

#footer p { color:#FFFFFF}
#footer p a {color:#fff; text-decoration:none;}
#footer .spacer { padding-left:7px; padding-right:7px}