/*--------------------------------------------------------------------
McLean Williams CSS Style Sheet

version:	1
author:		Danny Murphy
email:		danny.murphy@crispwebsites.com
website:	http://www.crispwebsites.com
--------------------------------------------------------------------*/
/* Body Styles */
body {
	font-family: "Myriad Roman", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	width:1070px;
}
.clear {
	clear: both;
}
.span {
}
.left {
	float: left;
	margin: 0 20px 20px 0;
	border-right: solid 1px #cccccc;
	height: 200px;
	padding-right: 20px;
}
#columntwo #footer p{
	margin:0;
	color: #666;
}


/* Header
--------------------------------------------------------------------*/
#header {
	background-image: url(images/McLeanWilliams-Logo.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 130px;
	border-bottom: solid 1px #E6E6E6;
}
#header h1 {
	text-indent: -3000px;
	margin: 0px;
	font-size: .1em;
}
#header h2 {
}
#header h3 {
}
#header h4 {
}
#header p {	
}
#header a {
}
#header a:hover {
}
#header img {
	float: left;
}


/* Header
--------------------------------------------------------------------*/
#contact {
	float: right;
	margin-top: 10px;
}
#contact p {
	text-align: right;
	margin: 0px;
	font-size: 1.2em;
	color: #FFFFFF;
	line-height: 1.6em;
	padding-right: 10px;
}





/* Container
--------------------------------------------------------------------*/
#container {
	padding-left: 20px;
	
	margin-top: 0px;
}
#container li {
}
#container th {
}
#container td {
}
#container h1 {
}
#container h2 {
}
#container h3 {
}
#container h4 {
}
#container p {
}
#container a {
}
#container a:hover {
}
#container img {
}
#container strong {
}
#container blockquote {
}




/* Forms
--------------------------------------------------------------------*/
#container fieldset {
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #F5F5F5;
	padding: 1em;
	margin: 1em 0;
}	
#container legend {
	color:#333333;
	font-size: 1.4em;
	font-weight: bold;
}	
#container label {
	display: block;
	float: left;
	width: 10em;
}
#container input {
	width: 320px;
	font-size: 1em;
	line-height: 1.4em;
}
#container textarea {
	width:	320px;
	height: 150px;
	font-size: 1.em;
	font-size: 1em;
	line-height: 1.4em;
}	
#container input.checkbox {
	width: auto;
}	

#container input.submit {
	width: 100px;
	margin: 10px 0 40px 120px;
}
#container input.radio {
	width: auto;
	float: left;
	margin-right: 1em;
}		
#container .required {
	font-size: 0.75em;
	color: #00A7CB;
}	
#container textarea.comments {
	width: 200px;
	height: 150px;
}
#container input.searchinput {
	width: 200px;
	font-size: 1em;
	line-height: 1.4em;
	margin-right: 10px;
}
	
#container select.searchdrop {
	width: 160px;
	margin-right: 10px;
}
#container input.searchsubmit {
	width: auto;
}


/* Footer
--------------------------------------------------------------------*/
#footer {
	margin-top: 40px;
	height: 120px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
	font-size: 7pt;
}
#footer h1 {
}
#footer h2 {
}
#footer h3 {
	font-weight:normal;
	color: #00A7CB;
	letter-spacing:1.0px;
	font-size: 7pt;
}
#footer h3 a {
}
#footer h4 {
}
#footer p {
	font-size: 7pt;
	color: #666666;
}
#footer a {
	color: #666666;
	text-decoration:none;
}
#footer a:hover {
}
#footer img {
}
#footer ul {
}
#footer ul li {
}
#footer li a {
}
#footer ul a:hover {
}

/* Main Nav
--------------------------------------------------------------------*/
#mainnav {
	text-align: center;
	border-bottom: solid 1px #E6E6E6;
	font-size:15pt;
	font-weight:normal;
	color:#999999;
	text-decoration:none;
}
#mainnav h1 {
}
#mainnav h2 {
}
#mainnav h3 {
}
#mainnav h4 {
}
#mainnav p {
}
#mainnav a {
	text-transform:uppercase;
	font-size:13pt;
	font-weight:normal;
	color:#999999;
	text-decoration:none;
	padding:10px;
	margin:10px;
}
#mainnav a:hover {
	color:#640023;
}
#mainnav img {
}
#mainnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#mainnav li {
	float: left;
}
#mainnav ul a {
	font-size: 1.5em;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	line-height: 30px;
	color: #999999;
	display: block;
	height: 30px;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
}
#mainnav ul a:hover {
	color: #640023;
}
#mainnav #active {
}
#mainnav #active a {
}



/* Secondary Nav
--------------------------------------------------------------------*/
#secondarynav {
}
#secondarynav h1 {
}
#secondarynav h2 {
}
#secondarynav h3 {
}
#secondarynav h4 {
}
#secondarynav p {
}
#secondarynav a {
}
#secondarynav a:hover {
}
#secondarynav img {
}
#secondarynav ul {
}
#secondarynav li {
}
#secondarynav ul a {
}
#secondarynav ul a:hover {
}
#secondarynav #active2 a {
}




/* column one
--------------------------------------------------------------------*/
#columnone {
	width: 200px;
	float: left;
	margin-top: 20px;
}
#columnone h1 {
}
#columnone h2 {
}
#columnone h3 {
}
#columnone h4 {
}
#columnone p {
}
#columnone a {
}
#columnone a:hover {
}
#columnone img {
}
#columnone ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#columnone ul a {
	font-size: 1.3em;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	line-height: 30px;
	color: #999999;
	display: block;
/*	height: 30px;*/
	width: 200px;
	text-decoration: none;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}
#columnone ul a:hover {
	color: #640023;
	border-top: solid 1px #640023;
	border-bottom: solid 1px #640023;
}
#columnone .active a  {
	color: #640023;
	border-top: solid 1px #640023;
	border-bottom: solid 1px #640023;
}


/* column two
--------------------------------------------------------------------*/
#columntwo {
	font-size: 1.2em;
	line-height: 1.6em;
	/*margin-left: 210px;*/
	padding: 0px 0px 0px 10px;
	border-left: solid 1px #E6E6E6;
	float:left;
	width:820px;
}
#columntwo h1 {
	font-size: 14pt;
	font-weight: normal;
	color: #B9B9B9;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	padding: 5px 0 5px 13px;
	margin: 0px;
	line-height: 1.1em;
}
#columntwo h2 {
	clear:left;
	font-size: 12pt;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-weight: normal;
	margin: 10px 0px 10px;
}
#columntwo .homecont h2{
	letter-spacing:0px;
}
#columntwo h3 {
	padding:0;
	margin:0;
	color: #640023;
	font-weight: normal;
	font-size: 8pt;
}
#columntwo h3 a {
	color: #640023;
	text-decoration:none;
}
#columntwo h4 {
}
#columntwo p {
	margin: 0px 0px 10px 10px;
}
#columntwo .highlight {
	text-transform: uppercase;
	display: block;
	width: 120px;
	float: left;
	font-weight: normal;
	
}
#columntwo a {
}
#columntwo a:hover {
}
#columntwo img {
}
#columntwo table {
	width: 100%;
	/*margin-bottom: 20px;*/
}
#columntwo td {
	padding: 3px 10px 3px 0px;
	vertical-align: top;
	border-top: solid 1px #E6E6E6;
}
#columntwo .first {
	width: 45%;
}
#columntwo .second {
	width: 30%;
}
#columntwo .third {
	width: 25%;
}
#columntwo .client {
	margin: 0 0 50px 0;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(images/client-divider.gif);
	background-repeat: repeat-y;
}
#columntwo .client h3 {
	font-size: 1.6em;
	font-weight: normal;
	margin: 4px 0 4px 220px;
}
#columntwo .client p {
	font-size: 1.1em;
	font-weight: normal;
	margin: 4px 0 4px 220px;
}
#columntwo .client a {
	color: #660023;
}

#columntwo .client img {
	float: left;
}
#columntwo .client ul  {
	margin: 20px 0 0 220px;
	padding: 0px;
	list-style-type: none;
}
#columntwo .client ul a {
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	line-height: 1.8em;
	color: #FFFFFF;
	display: block;
	width: 140px;
	text-decoration: none;
	border: solid 1px #640023;
	padding: 0 10px;
	background-color: #660023;
	
}
#columntwo .client li {
	margin: 3px 0;
	}
#columntwo .client ul a:hover {
	color: #640023;
	border: solid 1px #640023;
	background-color: #FFFFFF;
}
#container #columntwo .random {
	width: 150px;
	padding: 0 0 0 4px;
	margin: 0 10px 10px 0px;
	border-left: solid 3px #640023;
	float: left;
}
#container #columntwo .random h4 {
	margin: 155px 0px 2px;
	padding: 0px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.1em;
}
#container #columntwo .random a {
	color: #999999;
}
#container #columntwo .random a:hover {
	color: #640023;
}

#slideshow {
float:left;
width:200px;
margin-left:5px;
margin-right:10px;
border-bottom:0px;
}

/* Content
--------------------------------------------------------------------*/
#content {
	float:left;
	padding: 0px 0px 0px 10px;
	border-left: solid 3px #640023;
	width:85%;
}
#content h1 {
}
#content h2 {
}
#content h3 {
}
#content h4 {
}
#content p {
}
#content p strong {font-size:14pt;font-weight:normal;}
#content a {
	color:#640023;
}
#content a:hover {
}
#content img {
margin:10px;
float:left;
}
#container input.submit {
	width: 100px;
	margin: 0;
}

/* Search
--------------------------------------------------------------------*/
#columntwo #searcharea {
	border-left: solid 3px #640023;
	border-top: solid 1px #E6E6E6;
	border-bottom: solid 1px #E6E6E6;
	margin: 0px 0px 20px;
	padding: 0 0 0 10px;
}
#columntwo #searcharea h1 {
}
#columntwo #searcharea h2 {
	padding-top: 5px;
	margin: 0px;
}
#columntwo #searcharea h3 {
}
#columntwo #searcharea h4 {
}
#columntwo #searcharea p {
	margin: 0px;
}
#columntwo #searcharea a {
}
#columntwo #searcharea a:hover {
}
#columntwo #searcharea img {
}	
#columntwo #searcharea input.radio {
	float: left;
	margin-right: 1em;
}		
#container #columntwo .client .new {
	float: right;
}
#container #columntwo .new {
	float: right;
}
#container #columntwo object {
	/*	
	margin-left: -10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	*/
}



/* Gallery
--------------------------------------------------------------------*/
#gallery {
	float:left;
	padding: 0 0 0 10px;
	border-left: solid 3px #640023;
}
#gallery h1 {
}
#gallery h2 {
}
#gallery h3 {
}
#gallery h4 {
}
#gallery p {
}
#gallery a {
}
#gallery a:hover {
}
#gallery img {

}
#gallery ul {
	list-style:none;
}
#gallery ul li {
	float:left;
	text-align: right;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	margin: 3px;
	padding: 2px;
	font-size: 8pt;
	color: #640023;
	height:280px;
	width:200px;
}
#gallery ul li a {
	color: #640023;
	text-decoration:none;
}


/* Booking
--------------------------------------------------------------------*/
#booking {
	border-left: solid 3px #640023;
}
#booking h1 {
}
#booking h2 {
}
#booking h3 {
}
#booking h4 {
}
#booking p {
}
#booking a {
}
#booking a:hover {
}
#booking img {
	margin-right: 10px;
	margin-bottom: 10px;
}

#news {background-color:#640023;color:#FFFFFF;margin:5px;border:3px solid #CCCCCC;padding:5px 10px 5px 10px;}
#news h1 {padding:0px;color:#FFFFFF;border-bottom:1px solid #CCCCCC;margin:0px;color:#CCCCCC;}
#news h2 {margin:10px 0px 0px 0px;padding:0px;font-size:10pt;letter-spacing:0.1em;}
#news p {color:#FFFFFF;margin:0px;}
#news a {color:#CCCCCC;}

#homeheader{
	width:794px;
	height:40px;
	background-color:#640023;
	text-transform:uppercase;
	
}
#onstageheader,#ontellyheader,#elsehomeheader{
	width:33%;
	height:30px;
	float:left;
	text-align:center;
	font-size:1.8em;
	color:white;
	padding-top:10px;

}
#content.homecont{
	width:786px;
	border: solid 3px #640023;
	border-bottom:0;
	padding:0;
}
.homecolumn{
	width:262px;
	height:700px;
	overflow:hidden;
	float:left;
	padding:10px 0;
	position:relative;
}
.col{
	

	
	padding:0px 10px;
}
#columntwo .homecolumn p{
	margin:0;
}

#content .homecolumn h1,
#content .homecolumn h2,
#content .homecolumn h3{
	color:#640023;
	font-weight:bold;
	margin:0.5em 0;
	text-transform:none;
}

#content .homecolumn img{
	width:100%;
	height:auto;
	margin:5px 0;
}
textarea,.mceLayout{
	position:relative;
	z-index:1000;
}
.mceLast{
	background-color:white;
}
.social{
	float:left;
	margin-top:15px;
}
.social p{
font-size: 1.3em;
text-transform: uppercase;
letter-spacing: 0.3em;
line-height: 30px;
color: #999;
}
#content.homecont .clear{
	width:100%;
	border-top: solid 3px #640023;
}
#greet{
	color:#999;
	font-size:1.7em;
	margin:10px 0;
}
#pma{
	margin:100px 50px 0 0;
}
.toggle{
	width:100%;
	height:30px;
	background-color:#640023;
	position:absolute;
	bottom:0;
	cursor:pointer;
	background-image:url(images/more.gif);
}