body {
	font: 100% Arial, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-image: url(/images/layout/masthead_slice.gif);
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
}

#wrapper {
	width: 100%;
	background:url(/images/layout/navslice.gif) repeat-y;
	
}

#main {
	font-size: 1em;
	line-height: 1.6;
	margin: 0 0 0 200px;
	letter-spacing: 0.05em;
}

.paradim-logo{
	margin:12px 0 20px 5px;
	clear:right;
}

.essco-logo{
	border:1px solid #76281F;
	margin:7px 0 20px 5px;
	clear:right;
}

.liam-pic{
	border:1px solid #76281F;

	
}

.liam{
	padding-top:0px;
	text-align:left;
	clear:both;
}


#main p{
	padding-right:10px;
}

#main a {
	color: #76281f;
	
}

#main a:hover {
	background-color: #76281f;
	text-decoration: none;
	color: white;
}


#breadcrumb {
	color: #76281f;
}	

/*----------------------------------------------------------- TEXT STYLINGS ------------ ------------------------------------------*/

h1 {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 138px;
	background: url(/images/layout/masthead.gif) no-repeat;
	text-indent: -999em;
}

#tagline {
	margin: 0;
	padding: 0;
	width: 340px;
	height: 138px;
	text-indent: -999em;
	background: url(/images/layout/tagline.gif) no-repeat;
	position: absolute;
	right: 0;
	top: 0;
}

h2 {
	font-size: 1.6em;
	font-weight: bold;
	margin-top: 0.5em;
		color: #76281f;

}

h3 {
	font-size: 1.3em;
	font-weight: normal;
}

.highlight {
	font-weight:bold;
	color: #de9e00;
}

.highlight strong {
	color: #76281f;
}
table {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

td, th {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 0.3em;
}

.caption {
	background-color: #ccc;
	font-weight: bold;
	letter-spacing: 0.2em;
}

.pullquote {
	display:none;
}

/* .error is for warinings like emails not being sent properly etc */
.error {
	color: #f00;
}

/*--------------------------------------------------------------- turn off print stuff --------------------------------------------*/

#printlogo {
	display:none;
}

/* ------------------------------------------------ Photo Gallery ------------------------------------------------------------------ */



.gallery_thumbnail {
	width:250px;
	float:left;
	margin:5px;
}


.gallery_thumbnail a img {
	float: left;
	border: none;
	background-image:url('/images/gallery_background.jpg');
	background-repeat:no-repeat;
	padding:0 8px 8px 0;
	margin:0;
}

.gallery_thumbnail p a {
	font-weight:bold;
}



.gallery_album {
	margin:5px 5px 10px 5px;
	clear:both;
}


.gallery_album a img {
	float: left;
	border: none;
	background-image:url('/images/gallery_background.jpg');
	background-repeat:no-repeat;
	padding:0 16px 18px 0;
	margin:0;
}

.gallery_album p a {
	font-weight:bold;
}

/* ----------------------------------------------- Documents -------------------------------------------------------------------- */

.folder {
	width:220px;
	float:left;
	margin:5px;
	background-image:url('/images/quadrada/crimson/24/folder.gif');
	background-repeat:no-repeat;
	padding:0 0 0 28px;
}

.folder a {
	font-weight:bold;
}

.imageboxleft {
	float:left;
	text-align:center;
	font-style:italic;
	width:auto;
}

.imageboxright {
	float:right;
	text-align:center;
	font-style:italic;
	width:auto;
}

/*------------------------------------------------------ FORM STYLINGS ----------------------------------------------------------------*/

#contactform{
	margin-left:50px;
}
form p{
	width:280px;
	clear:both;
	color:#670001;
	font-size:0.78em;
}

form p label{
	float:left;
}

form p input, form p textarea, form p select{
	width:200px;
	float:right;
	border:1px solid #670001;
	margin-bottom:5px;

}
form#contact #submit {
	font-size:10px;
	width:100px;
	margin-top:5px;

}

#contactdetails{
	background:none;
	color:#670001;
}

form textarea{
	margin-bottom:10px;
}


#sendcc{
	border:none;
	width:20px;
}
/* **********************************************************************************
	INPUTS AND TEXTAREAS JAVASCRIPT HOVER CLASSES
	
	these classes are used in the javasctipt:
	
	.text_hover_on
	.text_hover_off
	.textarea_hover_on
	.textarea_hover_off
	.checkbox_hover_on
	.checkbox_hover_off
	.submit_hover_on
	.submit_hover_on
	.radio_hover_on
	.radio_hover_off
	
********************************************************************************** */

.text_hover_on, .textarea_hover_on, .checkbox_hover_on, .submit_hover_on, .radio_hover_on {
	background-color:#DE9E00;

}

.text_hover_off, .textarea_hover_off, .checkbox_hover_off, .submit_hover_off, .radio_hover_off {
	background-color:#fff;
}

.submit_hover_off, .submit_hover_on, .checkbox_hover_on, .checkbox_hover_off {
	cursor:pointer;
	_cursor:hand;
}

/*------------------------------------------------------------- SEARCH BOX ------------------------------------------------*/

#searchform {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 53px;
	right: 0;
	width: 150px;
	/*border: 1px solid #ccc;*/
}
#searchform input {
	width: 70px;
	float: none;
}


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

#footer {
	font-size: 0.8em;
	clear: both;
	background:url(/images/layout/footerslice.gif) repeat-x;
	height: 63px;
	text-align: right;
	color: #76281f;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
}

#footer p {
	margin:0;
	padding: 7px 5px 0 0;
	font-size:10px;
	/*line-height: 50px;*/
}

#footer p a{
	color: #76281f;
}

#footer p a:hover{
	text-decoration: none;
}
	
#shoes {
	background:url(/images/layout/footerleft.gif) no-repeat;
	width: 23px;
	height: 63px;
	float: left;
}
