/*  
Theme Name: Chaffee Management 1.0
Description: Customized Theme
Author: Mellowtown
*/

@charset "UTF-8";

/* ----------  RESET  ------------ */

a:active {
  outline:none;
}
:focus {
  -moz-outline-style:none;
}
html, body, div, span,applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var,dd, dl, dt, li, ol, ul,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
}
a img, :link img, :visited img { border: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
ol, ul { list-style: none; margin: 0; padding: 0; }
a { outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; }

/* ----------  STICKY FOOTER  ------------ */
html, body, #wrap { height: 100%;}
body > #wrap {
	height: auto;
	min-height: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#main {padding-bottom: 82px;}
	
#footer {margin-top: -82px; height: 82px; clear:both; position: relative;} 
a:link, a:visited {
	color:#004243;
}
a:hover, a:active {
	color: #717171;
}


/* ----------  CLEARFIX  ------------ */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ----------  BASIC SETUP  ------------ */
body {
	background-image:url(images/bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #e1e1e1;
	color: #717171;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px;
}

.clr { clear: both; }

.clr20 { 
	height:16px;
	clear: both; 

}

.clr12 { 
	height:12px;
	clear: both; 

}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.textaligncenter {
	text-align: center;
}
.col-half {
	width: 432px;
}
.col-twothirds {
	width: 580px;
}
.col-third {
	width: 274px;
}
.col-50 { width: 50%; }
.col-33 { width: 33%; }
.col-66 { width: 66%; }
.detailpage-right-sidebar {
	margin-top: -11px;
}




.hLine {
	background-image:url(images/hr.jpg);
	
	background-repeat:repeat-x;
	height:2px;
	
	width:938px;
	
	margin: 0px auto;
	
	clear:both;
	
	
}

p {
	margin-bottom: 16px;
}

/* ----------  DESIGN  ------------ */

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
	width: 1008px;
	position: relative;
	font-family: inherit;
}
#main {
	clear: both;
}

/* ----------  HEADER  ------------ */
#header {
	background-image:url(images/headerBg.png);
	width: 672px;
	height: 154px;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 30px;
	background-repeat: no-repeat;
}
#logo {
	background-image:url(images/logo.png);
	width: 375px;
	height: 114px;
	text-indent: -9999px;
	display: block;
	margin: 0px auto;
}

/* ----------  MAIN CONTENT (ALL PAGES)  ------------ */
#mainContent {
	width: 1008px;
	clear: both;
	background-image: url(images/pageBg.png);
	background-repeat: no-repeat;
	height: 637px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: absolute;
	top: 184px;
}

#mainContact {
	background-color:#FFF;
	width: 1008px;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	top: 0px;
	padding:20px;
	position: relative;
}



#content {
	background: url(images/bg-maincontent.png);
	min-height: 450px;
	margin-bottom: -5000px;
	padding-bottom: 5000px;
}

#artistDev	{
	background-image:url(images/artistDev.png);
	width: 284px;
	height: 20px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#box1	{
	background-image:url(images/jackson.jpg);
	width:301px;
	height:150px;
	float:left;
	background-repeat: no-repeat;
	margin-left:30px;
}
#box2	{
	background-image:url(images/miller.jpg);
	width:302px;
	height:150px;
	float:left;
	background-repeat: no-repeat;
	margin-left:20px;
}
#box3	{
	background-image:url(images/solveig.jpg);
	width:301px;
	height:150px;
	float:left;
	background-repeat: no-repeat;		
	margin-left:20px;
		
}


#box4	{
	background-image:url(images/hildebrand.jpg);
	width:300px;
	height:150px;
	float:left;
	background-repeat: no-repeat;
	margin-left:30px;
}
#box5	{
	background-image:url(images/seay.jpg);
	width:302px;
	height:150px;
	float:left;
	background-repeat: no-repeat;
	margin-left:20px;
}
#box6	{
	background-image:url(images/isaacs.jpg);
	width:301px;
	height:150px;
	float:left;
	background-repeat: no-repeat;		
	margin-left:20px;
		
}


/* ---------- POPUP LINKS --------------*/

a#facebook {
	width: 130px;
	height: 48px;
	display: block;
	text-indent: -9999px;
	background: url(images/facebook-twitter.png) no-repeat;
	float:left;
	margin-right:30px;


	
}
a#facebook:hover {
	background-position: 0 -48px;
}



a#twitter {
	width: 122px;
	height: 48px;
	display: block;
	text-indent: -9999px;
	background: url(images/facebook-twitter.png) no-repeat -150px 0px;
	float:left;

	
}
a#twitter:hover {
	background-position: -150px -48px;
}








/* ----------  FOOTER  ------------ */

#pre-footer {
	width: 800px;
	clear: both;
	padding-top: 25px;
	background: url(images/pre-footer.png) no-repeat 0 18px;
	height: 138px;
	color: #514F48;
	font-size: 11px;
	margin: 0 auto;
}

#footer {
	height: 82px;
	font-family: inherit;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color:#800110;
	position: relative;
	margin-top: 82px;
}
#bottomLeftBox {
	background-image: url(images/bottomBoxBgLeft.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 155px;
	width: 621px;
	margin-left:30px;
}
#bottomRightBox {
	background-image: url(images/bottomBoxBgRight.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 155px;
	width: 301px;
	margin-left:22px;
	position: relative;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #615b51;
	display: block;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	clear: both;
	margin-top: 10px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #717171;
	display: block;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 14px;
	line-height:14px;
}

em {
font-style: italic;
	
}

.contactText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #717171;
	display: block;
	line-height:16px;
	position:absolute;
	top:32px;
	left:8px;
}

a#newsletter {
	width: 189px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	background: url(images/newsletter.png) no-repeat;
	position:absolute;
	top:74px;
	left:20px;
	
	
}
a#newsletter:hover {
	background-position: 0 -36px;
}



a#booking {
	width: 189px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	background: url(images/booking.png) no-repeat;
	position:absolute;
	top:112px;
	left:20px;
	
	
}
a#booking:hover {
	background-position: 0 -36px;
}






#triggers {
	margin-top:0;
	text-align: center;
}
#triggers img {
}
.details {
	width: 620px;
}
.overlayText {
	font-size:12px;
	line-height:16px;
}
.overlayTextSmall {
	font-size:12px;
	line-height:15px;
}
body .firstleft {
	margin-left: 29px;
}
.boxgrid {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:2px 5px;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width: 302px;
	height: 150px;
	float: left;
	overflow: hidden;
	position: relative;
}
.boxgrid img {
	position: absolute;
	top: 2px;
	left: 2px;
}
.boxgrid .boxcaption {
	position: absolute;
	left: 5px;
	top: 154px;
	background: #000;
	height: 49px;
	width: 294px;
	opacity: .8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.boxgrid h3 {
	color: #fff;
	font-size: 16px;
	margin: 5px 0 0 5px;
	font-weight: bold;
}
.boxgrid p {
	color: #fff;
	margin: 0;
}


/* ----------  FORMS  ------------ */
label {
	clear: both;
	float: left;
	width: 94px;
	margin-bottom: 2px;
}
input[type=text], textarea {
	float: left;
	width: 150px;
	margin-bottom: 5px;
}
input[type=text], textarea, select {
	font-family: Arial;
	font-size: 14px;
	background-color: #EFEFEF;
	border: 1px solid darkgray;
	padding: 2px;
}

input[type=password], textarea, select {
	font-family: Arial;
	font-size: 14px;
	background-color: #EFEFEF;
	border: 1px solid darkgray;
	padding: 2px;
}

button {
	clear: both;
	margin-top: 10px;
}
.required {
	font-weight: bold;
	color: red;
}


/* ----------  SUBMIT FORMS  ------------ */
label {
	font-family:Verdana, Geneva, sans-serif;

}


.submitform .height20 {
	height: 20px;
}
.submitform label {
	width: 100%;
	clear: both;
	margin-bottom: 2px;
	display: block;
	float:none;
}
.submitform input[type=text], .submitform textarea {
	width: 90%;
	margin-bottom: 10px;
	font-family: Arial;
	font-size: 14px;
	background-color: #EFEFEF;
	border: 1px solid darkgray;
	padding: 2px;
}
.submitform select {
	margin-bottom: 10px;
	margin-right: 10px;
	font-family: Arial;
	font-size: 14px;
	clear: both;
	background-color: #EFEFEF;
	border: 1px solid darkgray;
	padding: 2px;
}
.submitform input.tinywidth {
	width: 45px;
	margin-right: 7px;
	float: left;
	clear: none;
}
.submitform input.miniwidth {
	width: 125px;
	margin-right: 10px;
	float: left;
	clear: none;
}
.submitform label.miniwidth {
	width: 125px;
	margin-right: 10px;
	float: left;
	clear: none;
	text-align: right;
}
.submitform select.miniwidth {
	margin-right: 10px;
	float: left;
	clear: none;
}

.submitform button {
	clear: both;
	margin-top: 10px;
}
.submitform .required {
	font-weight: bold;
	color: red;
}