@charset "utf-8";
/* CSS Document */

*{
margin:0;
padding:0;
}

body{
background:url(assets/bg.jpg);
background-repeat:repeat-x;
background-color: #322C24;
}

#container{
position:relative;
margin-left:auto;
margin-right:auto;
width:1170px;
top:10px;
text-transform:lowercase;
}

#logo{
position: absolute;
top:20px;
font-family:"Arial Narrow", Arial;
font-size:24px;
background:url(assets/buty_logo.jpg);
background-repeat:no-repeat;
padding-left:220px;
height:100px;
color:#999999;
padding-top:35px;
}

#logo a{
font-family:"Arial Narrow", Arial;
font-size:24px;
color:#999999;
}


#top_quick_links{
position: absolute;
left:800px;
width:300px;
}

#header{
position:absolute;
top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#999999;
width:1170px;
border-left-color:#003562;
border-left-style:solid;
border-left-width:4px;
border-right-color:#003562;
border-right-style:solid;
border-right-width:4px;

height:110px;

background: url(assets/header.jpg);
background-repeat:no-repeat;
background-position:right;
}



#header h2{
padding-top:35px;
padding-left:25px;
background: url(assets/logo.jpg);
background-repeat:no-repeat;
background-position:25px ;
height:35px;

}

#bg_design{
position: relative;
top:270px;
left:600px;
display:block;
background:url(assets/bg_design.jpg);
width:515px;
height:309px;
}


/*---Nav*/

#nav_main{
position:absolute;
top:95px;
right:-15px;
}

#nav_main ul{
list-style-type:none;
display:block;

}

#nav_main li,a{
display:inline;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:15px;

}

#nav_main li a{
padding-left:52px;
padding-right:48px;
}

#nav_main li a.down{
background:url(assets/nav_tile.jpg);
background-repeat:repeat-x;
}

#nav_main li a:hover{
color: #666666;
}

#small_links{
position: absolute;
top:4px;
left:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #666666;

}

#small_links a{
font-size:10px;
color: #666666;
text-decoration:none;

}

#small_links a.link1{
background: url(assets/small_link_home.jpg);
background-repeat:no-repeat;
width:125px;
position:absolute;
left:0px;
}

#small_links a.link2{
background: url(assets/small_link_contact.jpg);
background-repeat:no-repeat;
position:absolute;
left:125px;
width:125px;
}

#small_links a.link3{
background: url(assets/small_link_book.jpg);
background-repeat:no-repeat;
position:absolute;
left:250px;
width:125px;
}

#small_links a:hover{
color:#333333;
}


/*---Content*/

#content{
	position:absolute;
	top:118px;
	width:435px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #CCCCCC;
	text-align:justify;
	line-height:18px;
	left:25px;
	height: 577px;
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
}


#content a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFFFFF;
}

#content a:hover{
color: #666666;
text-decoration:underline;
}

#content h1{
	font-family: "Arial Narrow";
	font-size:22px;
	color: #FFFFFF;
	font-weight:normal;

}

#content h2{
font-family: Arial;
font-size:12px;
color: #FFFFFF;
font-weight:normal;
}

#content ul{
list-style-type: square;
margin-left:50px;
color: #666666;
}

#content ul a{
list-style-type: square;
color: #FFFFFF;
font-size:12px;
}









#content3{
	position:absolute;
	top:900px;
	width:1025px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #CCCCCC;
	text-align:justify;
	line-height:20px;
	left:25px;
	height: 577px;
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
}


#content3 a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFFFFF;
}

#content3 a:hover{
color: #666666;
}

#content3 h1{
	font-family: "Arial Narrow";
	font-size:22px;
	color: #FFFFFF;
	font-weight:normal;

}

#content3 h2{
font-family: "Arial Narrow", Arial;
font-size:13px;
color: #D9C575;
font-weight:normal;
}

#content3 ul{
list-style-type: square;
margin-left:50px;
color: #666666;
}

#content3 ul a{
list-style-type: square;
color: #FFFFFF;
font-size:12px;
}


/*------------- main buttons */


#big_nav_box{
position: relative;
top:457px;
left:25px;
width:400px;
}

div.big_nav_1 a{
position: absolute;
height:83px;
width:217px;
background-image:url(assets/small_1.jpg);
background-position:10px;
background-repeat:no-repeat;
padding-top:5px;
padding-bottom:5px;
padding-left:83px;
display:block;
}

div.big_nav_1 a:hover{
position: absolute;
height:83px;
width:217px;
background-image:url(assets/small_1.jpg);
background-position:10px;
background-repeat:no-repeat;
background-color: #FFFFFF;
padding-top:5px;
padding-bottom:5px;
padding-left:83px;
}







.main_buttons_pos{
position:absolute;
top:380px;
left:16px;
}


.main_buttons{
margin-bottom:0px;
bottom:0px;
display:block;
height:83px;
width:447px;

color: #CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border-bottom-color:#3A3A3A;
border-bottom-style:solid;
border-bottom-width:0px;
line-height:15px;
text-align:justify;
}



.main_buttons h1{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color: #000000;
font-weight:normal;

}














/*------------- content 2 */

#content_2{
	position:absolute;
	top:135px;
	right:30px;
	width:655px;
	height: 509px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #CCCCCC;
	text-align:justify;
	line-height:20px;
	
}


.text_small{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding-left:5px;
padding-right:5px;
border-left-color:#FFFFFF;
border-left-style:solid;
border-left-width:1px;
}


.sub {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #FFFFFF;
font-weight:bold;
padding-left:10px;
background:#D9B46E;
height:35px;
}
.sub_end {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
padding-left:10px;
background:#F4F4EA;
height:35px;
color: #990000;
}

#nav_sub{
position: relative;
top:120px;
left:25px;
padding-bottom:40px;
width:10px;
}

#nav_sub_2{
position: relative;
top:120px;
left:700px;
width:290px;
background-color:#FCFBE9;
background-image:url(assets/quick_book.jpg);
background-repeat:no-repeat;
padding-top:70px;
padding-left:10px;
padding-bottom:10px;
}

#nav_sub li{
list-style:url(assets/arrows.jpg);
padding-bottom:5px;
}

#nav_sub a{
list-style:url(assets/arrows.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

#nav_sub a:hover{
color: #999999;
}

#bread{
position:absolute;
top:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
text-transform:uppercase;
}

#bread a{
color: #999999;
font-weight:bold;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}

.image_1{
float:left;
padding-right:10px;
padding-bottom:10px;
padding-top:5px;
}

.image_1_1{
float:left;
margin-right:15px;
margin-bottom:10px;
margin-top:7px;
border-color:#D9B46E;
border-style:solid;
border-width:3px;
}

/*---------------------------slider */
.clear {
	clear:both
}

#gallery {
	position:relative;
	height:509px 
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
		height:488px;
		width:655px;
	}
	
	#gallery a.show {
		z-index:500
	}

	gallery .caption {
		z-index:500; 
		background-color:#A39B8D; 
		height: auto; 
		width:100%; 
		position:absolute;
	bottom:0;
	
	}

	#gallery .caption .content {
		margin:5px;
		font-family:arial;
		font-weight:bold;
		color:#292421;
		font-size:10px;
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	
	/*---------------------------slider END */

/*---Footer*/

#footer{
position: absolute;
top:640px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #666666;
width:1170px;
border-left-color:#003562;
border-left-style:solid;
border-left-width:4px;
border-right-color:#003562;
border-right-style:solid;
border-right-width:4px;
padding-left:0px;
height:60px;
padding-top:15px;
text-align:center;
}


#footer a{
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color: #666666;
}

#footer a:hover{
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color: #CCCCCC;
}


.form_box{
width:200px;
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;
border:1px;; border-style:solid; border-color:#CCCCCC;
}
.form_box_2{
width:340px;
font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #CCCCCC;
border:0px; border-style:solid; border-color: #66666666;
background: #57524E;
}

.form_box_3{
width:340px;
font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #CCCCCC;
border:0px;; border-style:solid; border-color: #66666666;
background: #57524E;
}

.button{
font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #CCCCCC;
background: #57524E;
border:0px;
}


.text_1{
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;
padding-left:10px;
padding-right:10px;
}

.text_1_a{
font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #CCCCCC;
padding-left:5px;
padding-right:5px;
}

.text_1_white{
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;
padding-left:10px;
padding-right:10px;
font-weight:bold;
}

.text_2{
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5AA720;
padding-left:10px;
padding-right:10px;
font-weight:bold;
border-bottom:dotted; border-bottom-color:#CCCCCC; border-bottom-width:1px;
}

#list_groups li{
margin-left:-35px;
line-height:25px;
}
#list_groups li ul{
margin-left:70px;
}

#list_groups li ul a.down{
color:#C7B299;
}

.contentBox {
	display:block;
	border-width: 0px;
	border-style: solid;
	border-color: 000;
	padding:5px;
	margin-top:5px;
	width:400px;
	height:481px;
	overflow: auto;

	}
	
	
/*--------------------------------------*/

div.wrap {
width : 700px;
margin : 0 auto;
text-align : left;
}

div.wrap a img {
border : 0;
}
div#top div#nav {
float : left;
clear : both;
width : 600px;
height : 52px;
margin : 20px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header2 {
margin : -1px 0 0;
}
div#video-header2 {
height : 683px;
margin : -1px 0 0;
}
div#header2 div.wrap {
height : 600px;
background : url(images/header2-bg.png) no-repeat 50% 0;
}
div#header2 div#slide-holder {
z-index : 40;
width : 700px;
height : 600px;
position : absolute;
}
div#header2 div#slide-holder div#slide-runner {
top : 0px;
left : 0px;
width : 700px;
height : 600px;
overflow : hidden;
position : absolute;
}
div#header2 div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header2 div#slide-holder div#slide-controls {
left : 0;
bottom : 440px;
width : 700px;
height:150px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#header2 div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}



div#header2 div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header2 div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header2 div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 0px;
}
div#header2 div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}