/* --------------------------------------------------------------------
Rollands Beauty Bar & Art Gallery
-------------------------------------------------------------------- */




/* ----------------------------------------------------------------- */
body,td,div,p { 
	font-family:arial; font-size:12px; font-weight:normal;
	color:#000000;
}
body { 
	background-color:#000000; 
	margin:0px;
}
a {
	color:#DD0D00;
	font-weight:normal;
	text-decoration:none;
}
div.smallSpace { height:5px; }
form,p,h1 { margin:0px; } 
h1 { margin-bottom:5px; }
input,textarea { border:1px solid #333333; }
input[type="submit"],input[type="button"],input[type="reset"] { 
	background-color:#000000; border:0px;
	color:#FFFFFF; cursor:pointer;
}
/* ----------------------------------------------------------------- */



/* --------------------------------------------------------------------
Macro Layout; this is hard to explain, but examples would be:
  - Header
  - Navigation
  - Content
  - Footer
-------------------------------------------------------------------- */
div#header {
	background-color:#FFFFFF;
	height:214px;
	position:relative;
	width:964px;
}
div#header img.logo {
	height:175px;
	left:377px;
	position:absolute;
	top:18px;
	width:212px;
}
div#navigation {
	background-color:#FFFFFF;
	height:61px;
	width:964px;
}
div#navigation div.links { line-height:61px; }
div#navigation div.links a { margin-left:13px; margin-right:13px; color:#000000; font-weight:bold; }
div#navigation div.links a:hover { color:#DD0D00; }
div#content {
	background-color:#FFFFFF; background-image:URL("../images/contentBackground.jpg"); background-position:bottom left; background-repeat:no-repeat;
	padding:20px 20px 131px 20px;
	text-align:left;
	width:924px;
}
div#footer { 
	color:#FFFFFF; 
	text-align:center;
	margin-top:21px;
}
div#footer a { 
	color:#FFFFFF; 
	font-weight:normal;
}
div#footer img.liame { margin-bottom:-3px; margin-right:4px; }
div#footer div.footerClickables { margin-top:5px; }
div#footer div.footerClickables a { margin-left:8px; margin-right:8px; }
div#footer span.siteBy,div#footer span.siteBy a { 
	color:#D0D0D0;
	font-size:10px; 
}
/* ----------------------------------------------------------------- */


/* ----------------------------------------------------------------- */
div#content.home { 
	padding:56px 0px 131px 0px; 
	width:964px;
}
div.contactForm {
	border:0px solid #E0E0E0;
	margin-top:5px;
	padding:5px;
}
div.contactForm input[type="text"],div.contactForm textarea { margin-bottom:1px; margin-top:0px; }
div.contactForm input[type="submit"],div.contactForm input[type="button"],div.contactForm input[type="reset"] { margin-left:1px; }
div.contactForm div.error {
	background-color:#B03535; 
	padding:5px;
}
div.contactForm div.success {
	background-color:#BBE0B0; 
	padding:5px;
}
/* ----------------------------------------------------------------- */