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

html{height:100.01%;}

body{text-align:center; font-family:Arial, Arial, Helvetica, sans-serif; font-size: 62.5%; color:#000000; line-height:1.3em; position:relative; background:url(../images/background.jpg) center top #FFFFFF;}

body#page_home{text-align:center; font-family:Arial, Arial, Helvetica, sans-serif; font-size: 62.5%; color:#000000; line-height:1.3em; background:url(../images/home/background.gif) center #FFFFFF;}


#wrapper{width:800px; margin:0 auto 0 auto; text-align:center; position:relative; height:600px;}
	#wrapper p{text-align:center; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
	#wrapper p a{color:#666666; text-decoration:none; font-weight:bold; cursor:pointer;}
	#wrapper p a:hover{text-decoration:none; color:#FF6699;}
	#wrapper p a#left:hover{text-decoration:none; color:#ff6699; 
	padding:0 0 0 15px; cursor:pointer;}
	#wrapper p a#left{padding:0 0 0 15px;}
	#wrapper p a#right:hover{text-decoration:none; color:#ff6699;
	padding:0 15px 0 0; cursor:pointer;}
	#wrapper p a#right{padding:0 15px 0 0;}
	

#flash{margin:200px auto 0 auto; width:272px;}

#link{margin:15px auto 0px auto; text-align:left; top:5px; width:1000px;}
#link a{font-size:10px; background:url(../images/facebook.jpg) no-repeat left bottom; padding:15px 0 0px 120px; text-align:left;
text-decoration:none; font-weight:bold; color:#3b5998; }
#link a span{font-size:14px;}
#link a:hover{text-decoration:none; color:#3b5998;}

#link p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666; margin:30px 0 0 0; line-height:1.3em;}

/************* Art ***************/	

body#page_art, body#page_contact, body#page_about, body#page_where, body#page_brand, body#page_invitation{background:url(../images/background.png);}

#holder{width:1080px; margin:100px auto 0 auto; background:url(../images/art/art_heading.png) no-repeat left top; padding:57px 0 0 0;
background-position:40px 0px;}

#holder2{width:1080px; margin:83px auto 0 auto; background:url(../images/fashion/fashion_heading.jpg) no-repeat left top; 
padding:74px 0 0 0;}

	img#peacock{position:absolute; margin:-147px 0 0 878px;}
	img#peacock2{position:absolute; margin:-147px 0 0 878px;}

#content{width:990px; height:347px; border:#bebdbd solid 2px; margin:0px auto 0 auto; 
background:url(../images/bg_content.png) repeat-x #e2dddd;}

#menu{width:270px; height:347px; background:url(../images/bg_menu.jpg) no-repeat right; float:right; overflow:hidden;}

	#menu li{font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; font-size:12px;}
	#menu li a{color:#333333; text-decoration:none;}
	#menu ul{margin:0 0 0 20px;} 
	#menu ul#menu_one{margin:10px 0 0 20px;}
	#menu ul.menu_two{margin:0 0 0px 0px;}
	#menu ul#menu_one2{margin:10px 0 0 20px;}
	#menu ul.menu_two2{margin:0px 0 0px 0px;}
	#menu ul.menu_two3{margin:0px 0 0px 20px;}
	#menu li a:hover{color:#ff6699; text-decoration:none;}
	
	#menu li a#active{color:#ff6699;}
	
	
	
#holder img#logo{text-align:center; margin:50px 0 0 465px;}
#holder2 img#logo{text-align:center; margin:50px 0 0 465px;}

#box{width:720px; height:347px; float:left; overflow:auto;}

	#box h1{display:block; float:left; width:680px;}

.exhibition_thumb{width:200px; float:left; height:120px; margin:20px 15px 0 15px; text-align:center; padding:10px 0 0 0;}
	
	.exhibition_thumb img{margin:0 50px 10px 50px; border:#FF9999 solid 1px; padding:1px 1px 1px 1px;}


table.art{margin:0 0 0 120px;}
table.art td{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em;}
table.art td span#bend{color:#906e64;}
table.art td span#don{color:#c98d2b;}
table.art td span#pull{color:#b33639;}
table.art td span#ride{color:#a93024;}
table.art td span#seperate{color:#2e7d75;}
table.art td span#wear{color:#ca8979;}

table.art td.dim{font-size:10px; color:#666666; vertical-align:bottom; width:230px; text-align:right;}


	#about_box{width:620px; border:#545151 solid 1px; height:295px; background:url(../images/art/about_horse.png) no-repeat top center #FFFFFF; 
	margin:25px 0 0 45px;}

	#about_box p{text-align:justify; margin:80px 20px 0 20px;}
	
	
	
	#where_box{width:620px; border:#545151 solid 1px; height:295px; background:url(../images/art/about_horse.png) no-repeat top center #FFFFFF; 
	margin:25px 0 0 45px;}

	#where_box p{text-align:left; margin:100px 20px 0 40px; line-height:1.3em;}
	#where_box a{color:#020202; text-decoration:underline;}
	#where_box a:hover{text-decoration:none;}
	
	
	body#page_contact #about_box p{text-align:left; margin:0px 0px 0 0px;}
	#contact_left{width:250px; background:url(../images/art/contact_david.gif) no-repeat top left; margin:90px 0 0 250px; padding:70px 0 0 0; text-align:left;
	background-position:30px 0px; float:left;}
	#contact_left p{line-height:1.3em; margin:0px 0 0 0;}
	
	#contact_right{width:250px; background:url(../images/art/contact_emma.gif) no-repeat top left; margin:80px 0 0 50px; padding:70px 0 0 0; text-align:left;
	background-position:30px 0px; float:left;}
	#contact_right p{line-height:1.3em; margin:0px 0 0 0;}
	
	#contact_left a, #contact_right a{color:#020202; text-decoration:underline;}
	#contact_left a:hover, #contact_right a:hover{text-decoration:none;}
	
	
	#box a#download{color:#666666; margin:20px 0 0 20px; display:block; text-decoration:none; line-height:1.5em; text-align:center; width:217px;}
	#box a#download:hover{text-decoration:none;}
	
/************* Comments ***************/	


#comments_box{width:612px; border:#545151 solid 1px; margin:25px 0 0 45px; text-align:center; padding:20px 0 20px 8px; background:#FFFFFF url(../images/comments.jpg) no-repeat center top; background-position:380px 0px;}

#comments_box a{color:#020202; text-decoration:underline;}
#comments_box a:hover{text-decoration:none;}
	
.textbox{border:#545151 solid 1px; width:200px; padding:3px 0 3px 2px; margin:3px 0 5px 0;}

.textarea{border:#545151 solid 1px; width:600px; height:120px; padding:3px 0 3px 2px; margin:3px 0 0 0;}

p#terms_con{float:left;}
p#terms_con a{color:#020202; text-decoration:underline;}
p#terms_con a:hover{text-decoration:none;}
p#submit{float:right;}

#class{border:#FF9999 solid 1px;}
#sub{border:#545151 solid 1px; background-color:#daa39e; color:#FFFFFF; width:100px; height:30px; cursor:pointer; margin:10px 8px 0 0;}
#sub:hover{color:#333333;}
	
	
	
/************* Fashion ***************/	

ul#placeImages{width:256px; height:331px; float:left; margin:8px 0 0 75px;}

ul#placeImages2{width:256px; height:331px; float:left; margin:8px 0 0 60px;}



#invite_box{margin:25px auto 0 auto; width:620px; border:#545151 solid 1px; background:url(../images/art/about_horse.png) no-repeat top center #FFFFFF; text-align:center;}

#invite_box img{margin:80px 0 0 0;}


#where_box2{width:620px; border:#545151 solid 1px; background:url(../images/art/about_horse.png) no-repeat top center #FFFFFF; margin:25px 0 0 45px;
padding:0 0 20px 0;}
#where_box2 p{text-align:left; margin:80px 20px 0 40px; line-height:1.3em;}

.shop{width:310px; float:left;}


#press_box{width:620px; border:#545151 solid 1px; background:url(../images/fashion/newsletter/background.jpg) no-repeat top right #FFFFFF; margin:25px 0 0 45px; padding:90px 0 20px 0;}

#press_box p{margin:10px 20px 0 20px; line-height:1.3em; text-align:justify;}

#insp_box{width:620px; border:#545151 solid 1px; background:url(../images/art/about_horse.png) no-repeat top center #FFFFFF; margin:25px 0 0 45px;
padding:60px 0 20px 0;}

#insp_box p{margin:10px 20px 0 20px; line-height:1.3em; text-align:justify;}


#graphics_box{width:620px; border:#545151 solid 1px; background:url(../images/art/about_horse.png) no-repeat top center #FFFFFF; margin:25px 0 0 45px;
padding:60px 0 20px 0;}

#graphics_box p{margin:10px 20px 0 20px; font-weight:normal; line-height:1.3em;}

#graphics_box img{margin:0 0 0 70px;}



#edit p{margin:20px 0 0 20px;}
#edit p a{color:#666666; text-decoration:none;}
#edit p a:hover{text-decoration:underline;}


/************* Text Styles ***************/

h1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#333333; font-weight:bold; margin:20px 0 0 20px;}

p{font-family:Verdana, Arial, Helvetica, sans-serif; color:#020202; font-size:11px; line-height:1em;}

strong{font-weight:bold;}

/************* Accessibility ***************/	

/* clearing */ 
.clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix{display: inline-block; width:100%;}
* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

/* accessibility */ 
.accessibility { position: absolute; top: -999em; left: -999em;}



/************* Highslide Styles ***************/

* {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 1px solid #FF9999;
}
.highslide:hover img {
	border: 1px solid #333333;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 8px;
    padding: 5px;
    background-color: white;
}

.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


/************* Form Validation ***************/

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
	font-size:12px;
}

.LV_valid {
    color:#006600;
}
	
.LV_invalid {
    color:#e9594d;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
	background:url(../images/correct.png) no-repeat right center;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
	background:url(../images/incorrect.png) no-repeat right center;
}



/************* Image Carousel ***************/

#holder{position:relative;}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 720px; /*Width of Carousel Viewer itself*/
height: 320px; /*Height should enough to fit largest content's height*/
margin:13px 0 0 0;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 20px 0 0px; /*margin around each panel*/
width: 720px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
position:relative;
}

.stepcarousel .panel img{margin:0 0 0 68px;}
#prev{position:absolute; margin:-180px 0 0 0; left:10px;}
#next{position:absolute; margin:-180px 0 0 0; right:10px;}

#client_gallery{position:relative;}