/* Tony D Trinh @ VDP WEBSITES 01.02.2011 / Bindara / NORMAL VERSION
--------------------------------------------------------------------------- */
/*
-- #id, .class, top right bottom left
-- Colors:
	#000000 = black
	#ffffff = white
	#263248 = navy-dark
	#6b2d29 = maroon
	#986d6b = maroon-light
	#f5b715 = gold
*/
/* Main
--------------------------------------------------------------------------- */
html {
	height: 100%;
}
body {
	background: #fff url(http://203.98.84.170/~bindara/images/background.gif) top center no-repeat;
	text-align: center;	
}
#wrap {
	width: 960px;
	text-align: left;
	background: url(http://203.98.84.170/~bindara/images/header.jpg) no-repeat;
	margin: 0 auto;
}
.clear {
	overflow: hidden;
	height: 0;
	clear: both;
}
h1 {
	display: none;
}
/* Head
--------------------------------------------------------------------------- */
#head {
	width: 960px;
	height: 245px;
	position: relative;
}
#head a {
	display: block;
	width: 257px;
	height: 72px;
	position: absolute;
	top: 30px;
	left: 20px;
}
#head a span {
	display: none;
}
/* Navigation
--------------------------------------------------------------------------- */
#topnav {
	width: 945px;
	margin: 0 15px 0 0;
	height: 37px;
}
#topnav ul, #botnav ul {
	float: right;
}
#topnav li, #botnav li {
	float: left;
}
#topnav a, #botnav a {
	display: block;	
	margin: 10px 20px 0 0;
	color: #263248;
	text-decoration: none;
	font: 17px 'Museo700';
}
#topnav a:hover, #topnav a.active {
	text-decoration: underline;
}
#botnav {
	width: 922px;
	height: 56px;
	margin: 0 38px 0 0;
}
#botnav a, #botnav a#mares, #botnav a#stallions {
	display: block;
	margin: 9px 0 0 0;
	padding: 9px 8px 0 27px;
	color: #6b2d29;
	background: url(http://203.98.84.170/~bindara/images/botnavsep.png) left top no-repeat;
	height: 27px;
}
#botnav a:hover, #botnav a.active, #botnav a:hover#mares, #botnav a#mares.active, #botnav a:hover#stallions, #botnav a#stallions.active {
	color: #fff;
}
#botnav a#stallions {
	line-height: 14px;
	padding: 6px 8px 0 27px;
	height: 30px;
}
#botnav a#mares {
	background: none;
}
#botnav a span {
	text-align: center;
	font: 12px 'Museo500';
}
/* Content
--------------------------------------------------------------------------- */
#content, #content .entry, #content #content-wrap, #content #content-wrap #row  {
	width: 960px;
}
#content .entry, #content #content-wrap {
	background: url(http://203.98.84.170/~bindara/images/long-navy-stripe.gif) top left no-repeat;
}
#content #home-heading, #content .heading {
	width: 940px;
	height: 110px;
	background: url(http://203.98.84.170/~bindara/images/maroon-stripe.gif) center left no-repeat;
	padding: 30px 0 0 20px;
}
#content #home-heading h2, #content .heading h2, #content .heading h3 {
	color: #6b2d29;
	font: 24px 'Museo500', Arial, sans-serif;
}
#content .heading {
	/*height: 92px;
	padding: 48px 0 0 20px;*/
	height: 140px;
	padding: 0 0 0 20px;
}
#content .heading h2, #content .heading h3 {
	font-size: 48px;
	line-height: 47px;
	padding: 48px 0 0 0;
}
#content .heading h3 {
	padding: 23px 0 0 0;
}
#content #home-text, #content .text, #content .side-images {
	float: right;
	width: 306px;
	padding: 28px 0 3px 0;
	background: url(http://203.98.84.170/~bindara/images/navy-stripe.gif) top left no-repeat;
	color: #263248;
}
#content #home-images, #content .text, body#gallery #content .text {
	float: left;
	width: 633px;
	margin: 0 0 10px 0;
}
body#gallery #content .text {
	width: 960px;
}
#content .text {
	background: none;
	margin: 0;
}
#content .text .row {
	border-bottom: dashed 1px #c9ccd1;
	margin: 0 0 24px 0;
}
#content .side-images {
	padding: 4px 0 6px 0; /* 6px bottom padding + 20px img bottom margin = 26px */
	background: none;
}
#content ul, #content ol {
	list-style: disc;
	padding: 0 0 15px 25px;
	margin: 0;
}
#content ol {
	list-style: decimal;
}
#content li {
	padding: 0 0 10px 0;
	margin: 0;
}
#content #home-text h3, #content .text h3 {
	padding: 12px 0 0 20px;
	margin: 0 0 22px 0;
	height: 42px;
	font: 28px 'Museo500', Arial, sans-serif;
	background: url(http://203.98.84.170/~bindara/images/sub-heading-stripe.gif) left center no-repeat;
}
#content #home-text h4, #content .text h4 {
	padding: 0 0 25px 0;
	font: 20px 'DeliciousBold';
}
#content #home-text em, #content .text em {
	font: 18px 'DeliciousBoldItalic';
}
#content #home-text p, #content .text p, #content .text p.divLine {
	line-height: 18px;
	padding: 0 0 25px 0;
	font-size: 15px;
}
#content .text p.divLine {
	border-bottom: dashed 1px #c9ccd1;
	margin: 0 0 24px 0;
}
#content #home-images img, #content .side-images img {
	margin: 0 0 20px 0;	
}
#content .text img, body#gallery #content .text img {
	margin: 0 0 25px 0;
}
body#gallery #content .text img {
	margin: 0;
}
#content .text img.tall {
	margin: 0 0 25px 25px;
}
#content a.newslink {
	text-decoration: none;
	color: #263248;
	display: inline-block;
	cursor: pointer;
}
#content a.newslink:hover {
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}
/* Footer
--------------------------------------------------------------------------- */
#footer {
	text-align: right;
	background: url(http://203.98.84.170/~bindara/images/footer.gif) no-repeat;
	width: 940px;
	height: 67px;
	padding: 46px 20px 0 0;
}
#footer span {
	display: none;	
}
#footer a {
	font: 10px 'Museo300', Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #986d6b;
}
#footer a span {
	display: inline;
	font: 10px 'Museo700', Arial, sans-serif;
}
#footer a:hover {
	color: #6b2d29;
}

/* Contact form
--------------------------------------------------------------------------- */
#contact-form {
	padding: 0 0 20px 0;
}
#contact-form table tr, #contact-form table td {
	padding: 0; margin: 0;
}
#contact-form label {
	width: 100%;
	text-align: left;
	clear: left;
	float: left;
	display: block;
	color: #727272;
	font: 20px 'Museo300', Arial, sans-serif;
}
textarea, #contact-form input {
	width: 360px;
	border: 1px solid #cccccc;
	padding: 3px;
	background: #fff url('http://203.98.84.170/~bindara/images/bg_input.png') repeat-x top;
	font: 15px 'DeliciousRoman', Arial, sans-serif;
	color: #263248;
}
textarea { height: 150px; }
#contact-form input[type=submit] {
	width: 184px;
	border: 1px solid #898989;
	background: #ababab url('http://203.98.84.170/~bindara/images/bt_input.png') repeat-x top;
	color: #fff;
	font: 20px 'DeliciousBold';
	cursor: pointer;
}
#contact-form input[type=submit]:hover {
	border: 1px solid #7a7a7a;
	background: #999999 url('http://203.98.84.170/~bindara/images/bt_input_hover.png') repeat-x top;
}