/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background:#2b2928; border:0; font:14px Verdana, "Gill Sans", Geneva, sans-serif; color:#aeaeae; line-height:17px; min-width:960px; overflow:hidden}

/* Global Structure ============================================================= */

#bgSlider{}

.bg1{ background:url(../images/) top repeat-x;}

.spinner{ position:absolute; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat #000; width:100%; height:100%; top:0; left:0}


/* ============================= main layout ====================== */

a{ color:#8fb73e; text-decoration: none; outline:none}
a:hover{ color:#000; text-decoration: none}
h1{ padding:218px 0 173px 100px;}
h2{ font-size:16px; color:#aeaeae; line-height:1.2em; padding:0px 0 10px 0;}
p{ padding-bottom:24px;}

/* ============================= header ====================== */
header{}

.block1{ height:600px; border: 0px solid yellow;}

#logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:232px; height:104px; }

.menu_bg{ background:url(../images/bgmenu.png) center 9px no-repeat; height:100px;}

#menu { padding-left:200px; height: 90px; border: 0px solid white;}
#menu > li { float:left; position:relative;}
#menu > li > a{ display:block; font-size:14px; height: 3px; line-height:116px; position:relative; z-index:2}
#menu > li > a span{ position:absolute; background:#ec008c; width:100%; height:100%; top:70px; left:5; display:block;}
#menu > li > a strong{ position:relative; padding:0 15px; display:block;}
#menu > li > a:hover, #menu > .active > a{ }

#menu > .with_ul > a strong{ background:url(../images/menu_marker.png) center 78px no-repeat}

.submenu_1{ position: absolute; left:-16px; top:102px; padding; width:155px; background:#181818; z-index:1}
.submenu_1 li{ padding-bottom:5px; line-height:29px; position: relative;}
.submenu_1 a{ display:block; text-align:center; color:#fff;}
.submenu_1 li:hover > a{ color:#8fb73e; background:#000;}

.submenu_2{ position: absolute; left:156px; top:-19px; padding:19px 7px 24px; width:148px; background:#181818; z-index:1}

#menu ul{ display:none;}

.join{ float:right; position: relative; width:85px; height:32px; margin-left:2px; color:#fff; line-height:28px; background:url(../images/button1_bg.png) 0 0 no-repeat}
.join span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/button1_bg.png) right 0 no-repeat;}
.join img{ float:left; margin-right:13px; position:relative;}
.join strong{ font-weight:normal; position:relative;}
.join:hover{ color:#fff;}

.top{ padding:15px 5px; line-height:26px; overflow:hidden}

.user_login{ float:right; margin-right:16px; color:#666666}
.user_login a{ color:#666666}
.user_login a:hover{ color:#fff;}

header .left{ color:#fff;}

/* ============================= content ====================== */

#content{ position:absolute; width:100%; height:600px; border: 0px solid green;}
#content > ul > li{ position:relative; margin: -3px 0px 0px 3px; height:600px; width:950px; border: 0px solid red;}

.box{ position:absolute; left:0; top:0; width:100%; background:url(../images/contentbg_1.png) 0 6px no-repeat; height:100%}
.box2{ position:absolute; left:0; top:0; width:100%; background:url(../images/contentbg_2.png) 0 6px no-repeat; height:100%}
.box3{ position:absolute; left:0; top:0; width:100%; background:url(../images/salonmedia_big_logo_06.png) 0 6px no-repeat; height:100%}


.marg_right1{ margin-right:200px;}
.pad_bot1{ padding-bottom:29px;}
.pad_bot2{ padding-bottom:17px;}
.pad_left1{ padding-left:25px;}

figure{ padding-top:4px;}

.cols{ width:180px; float:left;}
#page_services .cols{ width:270px;}

.list1{}
.list1 li{ line-height:24px; padding-bottom:16px;}
.list1 a{ padding-left:17px; background:url(../images/marker_2.gif) 0 6px no-repeat; color:#656262}
.list1 a:hover{ color:#0092da;}
.list2{}
.list2 li{ padding-bottom:10px;}
.list2 img{ float:left; margin-right:16px; padding-top:4px;}


.button1{ display:inline-block; color:#f9f9f9 !important; position:relative; background:#262627;}
.button1 span{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#0092da;}
.button1 strong{ padding: 0 16px 0 24px; position:relative; background:url(../images/marker_1.png) 14px 15px no-repeat; line-height:38px; display:block; font-weight:normal;}

.font1{ text-transform:uppercase}

.color1{ color:#0092da;}


/* ============================= footer ====================== 

footer { height:90px; line-height:48px; color:#616161; padding:0 5px; border:  solid red;}
footer a{ color:#616161}
footer a:hover{ color:#fff}

#footer_logo{ display:inline-block; font-size:24px; margin-right:5px;}

 ============================= forms ============================= */

#ContactForm{ padding-top:4px; height: 145px; border: 0px solid green;}
#ContactForm .wrapper{ overflow:inherit; min-height:40px;}
#ContactForm .success{ padding-bottom:5px; display:none}
#ContactForm label{ position:relative;min-height:10px; display: inline-block;}
#ContactForm .message{ height:5px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#0092da; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:20px; float:right; margin-top:8px;}
#ContactForm .input { margin:0;width:190px; height:15px; background:#fff; border:1px solid #e8e8e8; padding:5px 10px;color:#656262; font:12px Verdana, "Gill Sans", Geneva, sans-serif;}
#ContactForm textarea { overflow: right; margin:-80px 0px 0px 15px;width:288px; height: 95px; background:#fff; border:1px solid #e8e8e8; padding:5px 10px;color:#656262; font:12px Verdana, "Gill Sans", Geneva, sans-serif;}