/*
	Theme Name: Salon Genius
	Design, CSS, XHTML by TB
	First Release
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
}
:focus {
	outline: 0;
}
*{behavior: url(iepngfix.htc);}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

*{behavior: url(/wp-content/themes/salon4/iepngfix.htc);}
body{
font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#4f4843;
background:#2469af;
}
#wrapper {
position: relative; /* needed for footer positioning*/
margin:0px auto; /* center, not in IE5 */
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%;
clear: both;
padding: 0px 0px 0px 0px;
width:968px;
}

#holder{
width:968px;
float:left;
background:url(images/bcg.gif) repeat-y center;
}

#header{
width:960px;
height:200px;
background:#2469af;
margin:0px 0px 0px 4px;
}

.logo{
position:absolute;
top:40px;
left:50%;
margin:0px 0px 0px -430px;
width:364px;
height:87px;
z-index:100;
}

#menuholder{
width:960px;
height:56px;
background:url(images/bcg_menu.gif) repeat-x top;
margin:0px 0px 0px 4px;
display:inline;
float:left;
}

#menuholder ul{
float:left;
}

#menuholder li{
float:left;
margin:14px 0px 0px 0px;
border-right:1px solid #064294;
}
.linoborder{
border-right:none !important;
}
#menuholder li a{
font:bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding:10px 20px;
color:#FFFFFF;
text-decoration:none;
text-transform:uppercase;
}

#menuholder li a:hover{
color:#FFFFFF;
}
#contentholder{
width:960px;
margin:0px 0px 0px 4px;
float:left;
}

#sidebar{
width:193px;
margin:0px 5px 0px 0px;
padding:10px;
background:url(images/bcg_submenu.gif) left top no-repeat;
float:left;
display:inline;
}

#sidebar ul{}
#sidebar ul li{
margin:5px 0px;
}
#sidebar ul li a{
font-size:14px;
color:#e4f2ff;
text-decoration:none;
}

#sidebar ul li ul{
margin:0px 0px 0px 10px;
}

#sidebar ul li ul li{
width:170px;
border-bottom:1px dotted #e4f2ff;
padding:0px 0px 4px 0px;
}

#sidebar ul li ul li a{
font-size:12px !important;
color:#e4f2ff;
background:url(images/arrow.gif) no-repeat 0px 6px;
padding:0px 0px 0px 8px;
text-decoration:none;
}

#sidebar ul li ul li a:hover, #sidebar ul li a:hover{
color:#fff;
}

#content{
width:702px;
padding:20px;
float:left;
display:inline;
}

.topontentimages {
display:inline;
float:left;
margin:0 0 20px -18px;
}

.topontentimages img{
border:1px solid #2469af;
margin:0px 0px 0px 18px;
}

#content h1{
font:22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#ff9900;
}

#content p{
font-size:13px;
line-height:20px;
margin:5px 0px;
}
#content ul{
list-style:square;
margin:0px 0px 0px 18px;
font-size:12px;
}
#content li{
margin:5px 0px;
}
#content a{
color:#0c4b99;
text-decoration:underline;
}
#content a:hover{
color:#434343;
text-decoration:none;
}

#contentform{
width:200px;
height:250px;
padding:10px;
float:right;
margin:0px 0px 20px 20px;
background:url(images/bcg_form/green.gif) no-repeat;
}

#contentform .formtitle{
display:block;
width:200px;
text-align:center;
font:16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;
}

#contentform ul !important{
width:160px !important;
margin:0px 0px 0px 15px;
}

#contentform li{
margin:4px 0px 2px 0px !important;
color:#FFFFFF !important;
}

#footerholder{
width:960px;
height:80px;
float:left;
background:#2469af url(images/bcg_bottom.gif) no-repeat top;
padding:15px 4px 0px 4px;
}

#footerholder a{
color:#FFFFFF;
margin:5px 15px 0px 0px;
text-decoration:none;
text-transform:uppercase;
float:left;
}

#footerholder a:hover{
color:#e4f2ff;
}

a.logobottom {
float:right !important;
}
/*form*/

 .green{margin: 0px 0px 20px 20px; padding: 10px; background:url(images/bcg_form/green.gif) no-repeat; width: 200px; height: 250px; float: right;} 
 .blue{margin: 0px 0px 20px 20px; padding: 10px; background:url(images/bcg_form/f_blue.gif) no-repeat; width: 200px; height: 250px; float: right;} 
 .red{margin: 0px 0px 20px 20px; padding: 10px; background:url(images/bcg_form/f_red.gif) no-repeat; width: 200px; height: 250px; float: right;}
 .purple{margin: 0px 0px 20px 20px; padding: 10px; background:url(images/bcg_form/f_purple.gif) no-repeat; width: 200px; height: 250px; float: right;}