/*@import url("body.css");*/

/*-----
	Yahoo Reset
	------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
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;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}

/*-----
	Yahoo Reset end
	------*/

html, body {
	border:0;
	padding:0;
	color:#333333;
	}
body{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #0f0000 left top repeat-x  url(images/bg_grad.jpg);
	text-align: center;
	color:#CCC;
	}
a {
	outline:0;
	text-decoration:none;
	color:#F90;
	font-weight:bold;
	}	
a:hover {
	text-decoration:underline;
	}	
2.right {
	float:right;
	}
.pic_left {
	float:left;
	padding:13px 10px 10px 24px;
	text-align:center;
	}
.pic_right {
	float:right;
	padding:10px 15px 10px 10px;
	text-align:center;
	}
.caption {
	2padding:10px 10px 10px 20px;
	font-size:9px;
	}
.icon {
	padding:10px 7px 0 24px;
	float:left;
	}
.random {
	z-index:100;
	position:relative;
	left:97px;
	top:-386px;
	}
.col_left {
	float:left;
	width:280px;
	}

div#wrapper {
	width: 913px;
	text-align: left;
	margin: 0 auto;
	}
2div#eye{
	background:url(images/eye.png) repeat;
	}
div#header{
	height:484px;
	background:left 55px url(images/top_blank.jpg) no-repeat;
	}
div#header2{
	height:484px;
	z-index:100;
	background:left 55px url(images/top_blank.jpg) no-repeat;
	}
div#header_over{
	height:484px;
	background:97px 98px url(images/top_pic1.jpg) no-repeat;
	}
div#header_random{
	height:484px;
	z-index:1001;
	position:relative;
	}
div.servicediv{
	min-height:240px;
	margin:0;
	padding:0;
	}
#logo{
	float:left;
	margin:10px 0 0 30px;
	z-index:1002;
	}
.box1{
	padding:10px 5px 7px 10px;
	margin:0px 0 0 37px;}
.box3{
	padding:0px 10px 10px 10px;
	margin:0px 0 0 30px;}


div#main_bg{
	background:left 152px url(images/bg_mailtile.jpg) repeat-y;
	}

div#main{
	background:top left url(images/top.jpg) no-repeat;
	}

div#left{
	width:565px;
	padding:0 10px 0 40px;
	}

 div#right{
	float:right;
	width:276px;
	}

div#menu{
	background:0px -33px url(images/menu_bg.jpg) no-repeat;
	text-align:center;
	height:426px;
	padding:10px;
	}
	
#ul_menu{
	list-style:none;
	margin:-6px 0 0 5px;
	}

#menu li a.btn_home {
	display: block;
	width: 188px;
	height: 44px;
	text-indent:-9000em;
	background: left top no-repeat url(images/menu_home_reg.png);
	}
#menu li a.btn_home:hover {
	background: left top no-repeat url(images/menu_home_hover.png);
	}
#menu li a.btn_home:active {
	background: left top no-repeat url(images/menu_home_down.png);
	}

#menu li a.btn_bio {
	display: block;
	width: 188px;
	height: 65px;
	text-indent:-9000em;
	background: left top no-repeat url(images/menu_bio_reg.png);
	}
#menu li a.btn_bio:hover {
	background: left top no-repeat url(images/menu_bio_hover.png);
	}
#menu li a.btn_bio:active {
	background: left top no-repeat url(images/menu_bio_down.png);
	}

#menu li a.btn_services {
	display: block;
	width: 188px;
	height: 64px;
	text-indent:-9000em;
	background: left top no-repeat url(images/menu_services_reg.png);
	}
#menu li a.btn_services:hover {
	background: left top no-repeat url(images/menu_services_hover.png);
	}
#menu li a.btn_services:active {
	background: left top no-repeat url(images/menu_services_down.png);
	}

#menu li a.btn_socap {
	display: block;
	width: 188px;
	height: 84px;
	text-indent:-9000em;
	background: left top no-repeat url(images/menu_socap_reg.png);
	}
#menu li a.btn_socap:hover {
	background: left top no-repeat url(images/menu_socap_hover.png);
	}
#menu li a.btn_socap:active {
	background: left top no-repeat url(images/menu_socap_down.png);
	}

#menu li a.btn_salon {
	display: block;
	width: 188px;
	height: 46px;
	text-indent:-9000em;
	background: left top no-repeat url(images/menu_salon_reg.png);
	}
#menu li a.btn_salon:hover {
	background: left top no-repeat url(images/menu_salon_hover.png);
	}
#menu li a.btn_salon:active {
	background: left top no-repeat url(images/menu_salon_down.png);
	}
.area_bgtop{
	background: left 30px no-repeat url(images/area_top.png);
	width:565px;
	min-height:25px;
	margin:0 0 0 15px;
	}
.areareg{
	text-align:left;
	width:565px;
	padding:0px;
	}
.div_areatext{
	background:left top url(images/area_1px.png) repeat-y;
	margin:2px 0 0 0;
	padding:0;
	}
.header3lg{
	font-size:16px;
	color:#FC0;}
.header3sm{
	font-size:12px;
	color:#FC0;}
.iframe{
	margin-left:60px;
	}
.areahead{
	padding:0;
	font-weight:bold;
	text-align:center;
	}
.areatext, h2, .twitter{
	padding:10px 20px 10px 30px;
	text-align:left;
	}
h2 {
	font-size:18px;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	text-decoration:underline;
	}
.head_welcome{
	margin-top:10px;
	}
.bigger{
	font-size:16px;}
.pic{
	padding:2px 0 4px 20px;}
.nobold{
	font-weight:normal;}
#footer{
	padding:15px 0;
	text-align:center;}
/*div#header p.info{
	padding:12px 0 0 0;
	text-align:right;
	font-size:10px;
	} 
#menu li {
    float: left;
	margin:0;
	padding:0;
	}
#menu li a.btn_home {
	display: block;
	width: 80px;
	height: 28px;
	text-indent:-9000em;
	background: left top no-repeat url(images/btn_home.gif);
	}
#menu li a.btn_home:hover {
	background-position: left -30px;
	}

#menu li a.btn_estimate {
	display: block;
	width: 164px;
	height: 28px;
	text-indent:-9000em;
	background: left top no-repeat url(images/btn_estimate.gif);
	}
#menu li a.btn_estimate:hover {
	background-position: left -30px;
	}

#menu li a.btn_send {
	display: block;
	border:0;
	width: 114px;
	height: 28px;
	text-indent:-9000em;
	background: left top no-repeat url(images/btn_send.gif);
	}
#menu li a.btn_send:hover {
	background-position: left -30px;
	}
	
#menu li a.btn_samples {
	display: block;
	width: 93px;
	height: 28px;
	text-indent:-9000em;
	background: left top no-repeat url(images/btn_samples.gif);
	}
#menu li a.btn_samples:hover {
	background-position: left -30px;
	}

#menu li a.btn_ourshop {
	display: block;
	border:0;
	width: 145px;
	height: 28px;
	text-indent:-9000em;
	background: left top no-repeat url(images/btn_ourshop.gif);
	}
#menu li a.btn_ourshop:hover {
	background-position: left -30px;
	}


div#sidebar{
	float:right;
	text-align:center;
	background:url(images/sidebar_bg.gif) no-repeat;
	width:206px;
	height:528px;
	}
div#sidebar_inside{
	padding:8px 0 0 10px;
	margin-right:4px;
	width:190px;
	}
div#sidebar_inside p{
	text-align:left;
	font-size:11px;
	padding:10px 0;
	}
h2 {
	font-size:18px;
	color:#ffffff;
	border-bottom:1px solid #FFFFFF;
	}
h3 {
	font-size:17px;
	color:#CC0000;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-indent:10px;
	padding:5px;
	}


div#main{
	background:no-repeat url(images/blacktop.jpg) #ffffff;
	}
div#main_top{
	height:	33px;
	}

div#main_center{
	Margin:10px;
	}
h1 {
  	height:35px;
	text-indent: -9000em;
	width:642px;
	margin:15px 0 0 10px;
  	}
body.home h1 {
	background: top left no-repeat url("images/header_home.gif");
	}
body.samples h1 {
	background: top left no-repeat url("images/header_samples.gif");
	}
body.estimate h1 {
	background: top left no-repeat url("images/header_estimates.gif");
	}
body.ourshop h1 {
	background: top left no-repeat url("images/header_us.gif");
	}
body.send h1 {
	background: top left no-repeat url("images/header_sendafile.gif");
	}
.big{
	font-size:14px;
}
.instructions {
	color:#000;
	margin:0 50px;
	line-height:1.5;
	}
.bold {font-weight:bold;}
.red {
	color:#ff0000;
	font-weight:bold;
	}
	
div#main_center_content p.context{
	padding:0 240px 0 15px;
	margin-top:10px;
	line-height:20px;
	}
#mainleft{
	float:left;
	width:250px;
	padding:10px;
	}
#box1, #box2, #box3{
	float:left;
	width:220px;
	height:220px;
	padding:0 5px;
	text-align:center;
	outline:0;
}
#box1{
	background: top left no-repeat url(images/box1_clear.jpg);
	}
#box2{
	background: top left no-repeat url(images/box2_clear.jpg);
	}
#box3{
	background: top left no-repeat url(images/box3_clear.jpg);
	}
.boxlist{
	text-align:left;
	margin-left:20px;
	list-style:outside;
	text-indent:0px;
	}

.samplepic1{
	float:left;
	padding:10px;
	}

#footer {
width:700px;
		}
#footer p.info{
	padding:8px 0;
	text-align:center;
	font-size:10px;
	clear:both;
	} 
	
	
	

/*-----
	Clearfix
	------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}