
body
{
margin: 0px; 
background-color: #ffffff; 
background-image:url('gfx/bg_top.jpg');
background-repeat:no-repeat;
background-position:center top;
color:#444444;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, sans-serif;
font-size: 12px;
}

.BodyCopy    { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, sans-serif; font-size: 12px; line-height: 15px }
.BodyCopyB   { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, sans-serif; font-size: 12px; color: #ffffff; line-height: 15px; font-weight: 500 }
.BodyCopyH   { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, sans-serif; font-size: 12px; color: #d16529; line-height: 15px }
.BodyCopySml { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, sans-serif; font-size: 10px; color: #909090; }
.Heading     { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; line-height: 15px }

.FooterCopy    { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, sans-serif; font-size: 12px; line-height: 15px; color: #444444; }


a:link       { text-decoration: underline; color: #d16529; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, sans-serif }
a:visited    { text-decoration: underline; color: #d16529; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, sans-serif }
a:active     { text-decoration: underline; color: #ffffff; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, sans-serif }
a:hover      { text-decoration: underline; color: #999999; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, sans-serif }

span         { padding: 7px; display: block }


   html, body {
      height:100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
   }
   
   #wrapper {
   	  height:100%;
   	  padding: 0;
      border: none;
      margin: 0 auto;
      text-align: center;
      vertical-align: top;
      width: 899px;
	  position:relative;
   }
	


.thumbs
     {
border-style:solid;
border-width:4px;
border-color:#ffffff;
}

.thumb
     {
margin-right:5px;
}

.floatright { float: right; }

.floatleft { float: left; }

ul.todo { list-style-image: url("gfx/blue_arrow.png") }

.bg_bottom
{

bottom: 0px;
width:100%;
height:185px;
z-index:-10;
background-image:url('gfx/bg_bottom.jpg');
background-repeat:no-repeat;
background-position:center bottom;
position:fixed;

}


.main_text
{
line-height: 17px;
margin-left:40px;
}

.right_text
{
line-height: 17px;
margin-left:20px;
margin-right:10px;
float:right;
position:relative;
width:375px;
}

.icon
{
position:relative;
left:-10px;
top:0px;
}

.about_icons
{
position:relative;
float:right;
width:125px;
left:17px;
top:0px;
}

.right_icons
{
position:relative;
width:125px;
left:436px;
top:20px;
}

div.logotag
{
position:absolute;
left:0px;
top:0px;
z-index:5;

}

div.main_dot_bg
{
position:relative;
top:180px;
width:899px;
background-color: #f3f3f3; 
background-image:url('gfx/dots_bg.png');
background-repeat:repeat;
background-position:left top;
color:#444444;
-webkit-box-shadow: 0px 12px 25px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 12px 25px 4px rgba(0,0,0,0.2);
box-shadow: 0px 12px 25px 4px rgba(0,0,0,0.2);
padding-bottom:10px;
margin-bottom:10px;
}



div.main_slide
{

z-index:5;
}

div.main_content
{

background-image:url('gfx/top_shadow.png');
background-repeat:no-repeat;
background-position:left top;
}

div.who
{
float:left;
width:273px;
height:220px;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:left top;
text-align:left;
padding:10px;
margin-top:15px;
margin-right:10px;
line-height: 16px;
}

div.latest
{
float:left;
width:273px;
height:220px;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:center top;
text-align:left;
padding:10px;
margin-top:15px;
margin-right:10px;
line-height: 16px;
}

div.joinus
{
float:left;
width:273px;
height:220px;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:right top;
text-align:left;
padding:10px;
margin-top:15px;
line-height: 16px;
}

div.social
{
position:absolute;
left:800px;
top:45px;
z-index:5;
text-align:left;
padding:0px;
}

/* About Us Page*/

div.about_eliza
{
float:left;
clear:left;
width:283px;
height:220px;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:left top;
text-align:left;
padding:10px;
margin-top:15px;
margin-right:10px;
line-height: 16px;
}

div.about_ashley
{
float:left;
clear:left;
width:283px;
height:220px;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:left top;
text-align:left;
padding:10px;
margin-top:15px;
margin-right:10px;
line-height: 16px;
}

div.about_main
{
clear:right;
float:right;
width:558px;
height:474px;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:left top;
text-align:left;
padding:10px;
margin-top:15px;
margin-left:8px;
line-height: 17px;
}

/* Shop Page*/

div.shop_left
{
float:left;
clear:left;
width:283px;
height:100%;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:left top;
text-align:left;
padding:10px;
margin-top:15px;
margin-right:10px;
line-height: 16px;
}

div.shop_main
{
clear:right;
float:right;
width:558px;
height:100%;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:left top;
text-align:left;
padding:10px;
margin-top:15px;
margin-left:8px;
line-height: 17px;
}

/* Blog Page*/

div.blog_left
{
float:left;
clear:left;
width:283px;
height:100%;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:left top;
text-align:left;
padding:10px;
margin-top:15px;
margin-right:10px;
line-height: 16px;
}

div.blog_main
{
clear:right;
float:right;
width:558px;
height:100%;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:left top;
text-align:left;
padding:10px;
margin-top:15px;
margin-left:8px;
line-height: 17px;
}

/* Partners Page*/

div.partners_list
{
float:left;
clear:left;
width:283px;
height:1190px;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:left top;
text-align:left;
padding:10px;
margin-top:15px;
margin-right:10px;
line-height: 16px;
}

div.partners_main
{
clear:right;
float:right;
width:558px;
height:1190px;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:left top;
text-align:left;
padding:10px;
margin-top:15px;
margin-left:8px;
line-height: 17px;
}

/* Portfolio Page*/

div.portfolio_main
{
clear:right;
float:right;
width:558px;
height:800px;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:left top;
text-align:left;
padding:10px;
margin-top:15px;
margin-left:8px;
line-height: 17px;
}

div.portfolio_left
{
float:left;
clear:left;
width:283px;
height:800px;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:left top;
text-align:left;
padding:10px;
margin-top:15px;
margin-right:10px;
line-height: 16px;
}

/* Wholesale Page*/

div.wholesale_main
{
clear:right;
float:right;
width:558px;
height:640px;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:left top;
text-align:left;
padding:10px;
margin-top:15px;
margin-left:8px;
line-height: 17px;
}

div.wholesale_left
{
float:left;
clear:left;
width:283px;
height:640px;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:left top;
text-align:left;
padding:10px;
margin-top:15px;
margin-right:10px;
line-height: 16px;
}

/* Press Page*/

div.press_main
{
clear:right;
float:right;
width:558px;
height:600px;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:left top;
text-align:left;
padding:10px;
margin-top:15px;
margin-left:8px;
line-height: 17px;
}

div.press_left
{
float:left;
clear:left;
width:283px;
height:600px;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:left top;
text-align:left;
padding:10px;
margin-top:15px;
margin-right:10px;
line-height: 16px;
}

/* Contact Page*/

div.contact_main
{
clear:right;
float:right;
width:558px;
height:560px;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:left top;
text-align:left;
padding:10px;
margin-top:15px;
margin-left:8px;
line-height: 17px;
}

div.contact_left
{
float:left;
clear:left;
width:283px;
height:560px;
background-color: #fcfcfc; 
background-image:url('gfx/grunge.png');
background-position:left top;
text-align:left;
padding:10px;
margin-top:15px;
margin-right:10px;
line-height: 16px;
}

div.footer
{
text-align:left;
width:899px;
height:170px;
}

div.footer_contact
{
float:left;
width:195px;

margin-top:10px;
margin-right:10px;
margin-left:20px;
padding:10px;
}

div.footer_map
{
float:left;
width:195px;

margin-top:10px;
margin-right:40px;
padding:10px;
}

div.footer_social
{
float:left;
width:155px;

margin-top:10px;
margin-right:10px;
padding:10px;
}

div.footer_credits
{
float:left;
width:190px;

margin-top:10px;
padding:10px;
}
 
/* Menu */
div.menu
{
position:absolute;
left:183px;
top:150px;
z-index:3;
width:780px;
}

#about
{
  float: left;
  z-index:3;
  display: block;
  padding-right: 27px;
  width: 62px;
  height: 9px;
  background: url("gfx/menu_about.jpg") no-repeat 0 0;

}

#about:hover
{ 
    opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=50);
}

#about span
{
  display: none;
}

#shop
{
  float: left;
  padding-right: 27px;
  z-index:3;
  display: block;
  width: 33px;
  height: 9px;
  background: url("gfx/menu_shop.jpg") no-repeat 0 0;

}

#shop:hover
{ 
    opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=50);
}

#shop span
{
  display: none;
}

#portfolio
{

  float: left;
  padding-right: 27px;
  z-index:3;
  display: block;
  width: 70px;
  height: 9px;
  background: url("gfx/menu_folio.jpg") no-repeat 0 0;

}

#portfolio:hover
{ 
    opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=50);
}

#portfolio span
{
  display: none;
}

#blog
{
  float: left;
  padding-right: 27px;
  z-index:3;
  display: block;
  width: 34px;
  height: 9px;
  background: url("gfx/menu_blog.jpg") no-repeat 0 0;

}

#blog:hover
{ 
    opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=50);
}

#blog span
{
  display: none;
}

#partners
{
  float: left;
  padding-right: 27px;
  z-index:3;
  display: block;
  width: 139px;
  height: 9px;
  background: url("gfx/menu_partners.jpg") no-repeat 0 0;

}

#partners:hover
{ 
    opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=50);
}

#partners span
{
  display: none;
}

#wholesale
{
  float: left;
  padding-right: 27px;
  z-index:3;
  display: block;
  width: 73px;
  height: 9px;
  background: url("gfx/menu_wholesale.jpg") no-repeat 0 0;

}

#wholesale:hover
{ 
    opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=50);
}

#wholesale span
{
  display: none;
}

#press
{
  float: left;
  padding-right: 27px;
  z-index:3;
  display: block;
  width: 35px;
  height: 9px;
  background: url("gfx/menu_press.jpg") no-repeat 0 0;

}

#press:hover
{ 
    opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=50);
}

#press span
{
  display: none;
}

#contact
{

  float: left;
  padding-right: 27px;
  z-index:3;
  display: block;
  width: 80px;
  height: 9px;
  background: url("gfx/menu_contact.jpg") no-repeat 0 0;

}

#contact:hover
{ 
    opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=50);
}

#contact span
{
  display: none;
}



/* Contact Form */

div.contact_box1 
{
margin:0 auto; 
border:0px; 
z-index:5;
} 

div.contact_box1 label 
{ 
width:420px; 
display: block; 
padding:10px 0 10px 0; 
} 

div.contact_box1 label span 
{ 
display: block; 
color:#444444; 
font-size:12px; 
float:left; 
width:70px; 
text-align:right; 
padding:9px 20px 0 0; 
} 

div.contact_box2 
{
margin:0px; 
z-index:5;
} 

div.contact_box2 label 
{ 
width:420px; 
display: block; 
padding:10px 0 10px 0; 
} 

div.contact_box2 label span 
{ 
display: block; 
color:#444444; 
font-size:12px; 
float:left; 
width:70px; 
text-align:right; 
padding:9px 20px 0 0; 
} 

div.contact_box1 .input_text 
{ 
filter:alpha(opacity=50); 
opacity:0.5; 
padding:10px 10px; 
width:280px; 
background:#949494; 
border:0px; 
color: #000000;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, sans-serif; font-size: 12px;
} 

input:focus, select:focus, textarea:focus {
	background: #ffffff;
}
div.contact_box2 .message
{ 
filter:alpha(opacity=50); 
opacity:0.5; 
padding:10px 10px; 
width:280px; 
background:#949494; 
border: 0px; 
overflow:hidden; 
height:220px; 
color: #000000; 
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, sans-serif; font-size: 12px;
} 

div.contact_box2 .button 
{ 
position:relative; left:280px; margin: 10px; padding:7px 7px; background:#d16529; color: #fff; border:0px; width:100px; border: 0px; 
}


