@import 'pages.css';

body {
   color:#000;
   background:#FFF url(../images/ui/bg_main.gif) repeat-x top left;
   font: 62.5% Arial, Helvetica, sans-serif;}

/* Remove or Reset Default Styles
-------------------------------------------------------------------------*/
* { margin:0; padding:0; list-style-type:none;}
hr { display: none; }
img { border: none; }
h2 img, h3 img { vertical-align: middle; }

/* Clear Floats
--------------------------------------------------------------------------*/
.clear {
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0;
 overflow: hidden;}

.clearfix {display:inline-block;}
.clearfix {display: block;}
	
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/* General Form Styles 
-------------------------------------------------------------------------*/
input, textarea, select {font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;}
fieldset br{ clear:both;}
fieldset{ border:none;}

/* General Link Styles 
--------------------------------------------------------------------------*/
a:link {
 color:#CA1Cb6;
 text-decoration:underline;}

a:visited{
 color:#666;
 text-decoration:none;}

a:hover, a:active {
 text-decoration:none; 
 color:#D1711E;}
 
a{outline:none;}


/*-------------------------------------------------------------------------
                         PAGE STYLES
*-------------------------------------------------------------------------*/
#container{
 width: 1000px;
 margin:0 auto;}
 

#container-wrapper{
 width: 894px;
 margin: 0 auto;
 border:1px solid #000;
 padding: 0 9px;
 border-width: 0 1px;}


/*----------------- Header --------------------------*/
#header{
 background:url(../images/ui/banner.jpg) no-repeat top left;
 width: 870px;
 position:relative;
 height:170px;
 z-index:1;
 padding: 47px 10px 0 15px;}

#header h1,
#header h2{
 text-indent:-9999px;
 overflow:hidden;}

#header h1 a{
 width: 315px;
 height:124px;
 position:relative;
 z-index:50;
 display:block;}

#header h2{
 width: 368px;
 height:21px;
 float:right;}


/*----------------- Content --------------------------*/
#content{
 background:#CCC url(../images/ui/bg_contentwrapper.png) repeat-y 29px 0px;
 margin-top: -14px;}

#content-wrapper{
 background:url(../images/ui/bg_content.png) repeat-x top left;}

#content-wrapper2{
 background: url(../images/ui/bg_sidebar.png) right top repeat-y;}

/* Main Content */
#main-content{
 width: 624px;
 float:left;
 padding: 17px 0 0 29px;}

#main-content h2{
 background:url(../images/ui/bg_content_heading.jpg) no-repeat top left;
 font-size: 30px;
 width: 581px;
 height:40px;
 overflow: visible;
 padding: 34px 44px 0 0;
 text-align: right;}

#main-content h2 span{
 background: url(../images/ui/h2bg.gif) 0px 15px no-repeat;
 padding-left: 30px;
 }

#main-content h3{
 /*background: url(../images/ui/h3bg.gif) 0px 8px no-repeat;*/
 font-size: 20px;
 overflow:hidden;}

#main-content h3{
/* margin: 0 0 0 -25px;
 padding: 0 0 6px 25px;*/
 padding: 0 0 6px 0px;
 position:relative;}

#main-content-wrapper{
 padding: 0;
 margin: 30px 46px 0 50px;}

div.BorderTop{
 padding: 15px 0px 0px 0px;
 border-top:1px solid #000;}

#main-content p{
 font-size:1.5em;
 line-height:145%;
 padding: 0 0 20px 0;}
 
#main-content address{
 line-height:145%;
 padding: 20px 0 20px 0;
 font-style: normal;}

#main-content img.img-right{
 float:right;
 margin: 0 0 0px 32px;}

#main-content ul {
 padding: 0px 0px 20px 0px;}

#main-content ul li{
 background:url(../images/ui/bullet.gif) no-repeat top left;
 padding: 3px 0 10px 30px;
 font-size:1.5em;}

#main-content ol {
 list-style: decimal inside;
 margin-left: 30px;
 padding: 0px 0px 50px 0px;}

#main-content ol li{
 list-style: decimal outside;
 padding: 3px 0 10px 0px;
 font-size:1.5em;}

#main-content label {
 background: url(../images/ui/bg_label.gif) no-repeat center left;
 float: left;
 font-size: 18px;
 margin: 0px 0px 0px -25px;
 padding: 11px 0px 11px 40px;
 width: 125px;}

#main-content .TextWrapper{
 background: url(../images/ui/bg_textwrapper.gif) center left repeat-x;}

#main-content .Text{
 background: url(../images/ui/bg_inputtext.gif) center right no-repeat;
 border: none;
 height: 20px;
 padding: 15px 0px;}

#main-content input.Text{
 font-size: 14px;
 width: 363px;}

.Important{
 color: #C00;
 text-align: center;}


/* Sidebar */
#sidebar{
 background: url(../images/sidebar_image.jpg) no-repeat bottom right;
 overflow: auto;
 height: 1%;
 z-index: 2;
 position:relative;}

#sidebar #nav{
 background:url(../images/ui/bg_sidebarnav.jpg) no-repeat top right;
 float:right;
 width: 216px;
 min-height:396px;
 padding: 0 0 307px 0;
 height:auto !important;
 height:396px;}

#nav ul{ padding: 27px 1px 0 0;}
#nav ul li{ padding: 0px;}

#nav ul li a{
 background-repeat: no-repeat;
 background-position: 35px 0px;
 display:block;
 text-indent:-9999px;
 orphans:inherit;
 height:34px;}

#nav ul li.active a,
#nav ul li a:hover{ background-position: -185px 0px;}

#nav ul li a.home{
 background-image:url(../images/ui//nav_home.jpg);}

#nav ul li a.aboutus{
 background-image:url(../images/ui/nav_about.jpg);}
 
#nav ul li a.work{
 background-image:url(../images/ui/nav_howwework.jpg);}

#nav ul li a.wanted{
 background-image:url(../images/ui/nav_wanted.jpg);}

#nav ul li a.location{
 background-image:url(../images/ui/nav_location.jpg);}

#nav ul li a.contact{
 background-image:url(../images/ui/nav_contact.jpg);}

#nav ul li a.jobs{
 background-image:url(../images/ui/nav_jobs.jpg);}
 
#nav #social {
	padding: 50px 0 0 35px;
}

#nav #social p {
	font-size: 11px;
	color: #FFF;
	width: 45px;
	padding: 3px 3px 0 0;
	float: left;
}

#nav #social img {
	padding-right: 7px;
	float: left;
}

#main-content #brandswebuy{
 background: url(../images/brands.jpg) top left no-repeat;
 height: 500px;
 padding: 0px;
 position: relative;}

#main-content #brandswebuy li{
 background-image: none;
 margin: 0px;
 padding: 0px;
 text-indent: -9999px;}

#main-content #brandswebuy a{
 position: absolute;
 text-indent: -9999px;}

#main-content #itemswebuy{
 background: url(../images/clothesline1.jpg) top left no-repeat;
 height: 200px;
 margin: 0px -45px 0px -49px;
 padding: 0px;}

#main-content #itemswebuy li{
 display: none;}

/*----------------- Footer --------------------------*/
#footer{
 background:#000 url(../images/ui/bg_footer.gif) repeat-y top right;
 padding: 14px 20px;}

#footer ul{
 float:left;
 padding: 0px 0px 0px 10px;}

#footer li{
 float:left;
 padding: 0 8px;
 border-right:1px solid #5D7346;} 

#footer li.Last{ border:none;}

#footer a.designby{
 background:url(../images/ui/footer_designby.jpg) no-repeat top left;
 width: 158px;
 height:19px;
 display:block;
 float:right;
 text-indent: -9999px;}

em{
 font-style: normal;
 color: #CD28BB;}

.LeftCol{
 float: left;
 display: inline;
 margin-left: -70px;
 width: 265px;}

.RightCol{
 margin-left: 225px;}

/* Classes */
.Right { float: right; margin: 0px 0px 20px 20px; }
.Left { float: left; margin: 0px 20px 20px 0px; }
.Border { border: 1px solid #000; padding: 4px; }