@import url(reset.css);

body {
	background: #000;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2;
}

p {
	font-size: 14px;
	margin: 0 0 18px;
}

/*=page wrap
-------------*/
#pageWrap {
	background:  url(../images/wrap_bg.png) 0 59px no-repeat;
	margin: 0 auto;
	width: 720px;
}
#wrapIn {
	background: url(../images/wrap_in_bg.png) 48px 0 repeat-y;
	padding: 42px 0 52px;
	position: relative;
}


/*=sidebar
-----------*/
#sidebar {
	float: left;
	margin-left: 48px;
	padding: 0 4px;
	width: 81px;
}
#sidebar #logo {
	height: 63px;
	margin-left: 4px;
	width: 73px;
}
#sidebar ul {
	font-size: 14px;
	margin: 70px 0 0;
	padding: 0 5px;
	text-align: center;
}
#sidebar li { margin-bottom: 10px; }
#sidebar li a {
	color: #fff; 
	text-decoration: none;
}
#sidebar li a:hover { text-decoration: underline; }


/*=content wrap
----------------*/
#contentWrap {
	background: url(../images/content_wrap_bg.png) 0 114px no-repeat;
	float: left;
	margin: 17px 0 26px 9px;
	width: 574px;
}
#contentWrap h1 {
	background: url(../images/h1_bg.png) 0 0 repeat-x;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	height: 32px;
	margin-bottom: 2px;
	padding: 1px 3px 0;
	text-transform: uppercase;
}

/*banner
---------*/
#banner {
	height: 68px;
	margin-bottom: 11px;
	overflow: hidden;
	width: 574px;
}

/*=main content
----------------*/
#mainContent {
	background: url(../images/main_content_bg.png) 0 0 repeat-x;
	height: 254px;
	margin-left: 70px;
	padding: 12px 15px 12px 7px;
	overflow: auto;
	
	*scrollbar-arrow-color: #000;
	*scrollbar-base-color: #000;
	*scrollbar-track-color: #000;
	*scrollbar-face-color: #b70061;
}

#mainContent a { color: #fff; }
#mainContent a:hover { text-decoration: none; }

/*=take me home
----------------*/
#takeMeHome {
	background: url(../images/take_me_home_bg.gif) 48px 0 no-repeat #650036;
	clear: left;
	height: 11px;
}
#takeMeHome a {
	color: #fff;
	display: block;
	font-size: 11px;
	line-height: 0.9;
	margin-left: 48px;
	text-align: center;
	text-decoration: none;
	width: 89px;
}
#takeMeHome a:hover { color: #000; }

/*=services
------------*/
.services ul {
	font-size: 14px;
	margin: 32px 0 0;
	text-align: center;
}
.services li { margin-bottom: 15px; }


/*=gallery
-----------*/
.gallery #mainContent {
	padding-left: 0;
	padding-right: 0;
}
.gallery #gallery li {
	float: left;
	height: 114px;
	margin-bottom: 28px;
	padding-left: 10px;
	width: 85px;
}

/*=contact
-----------*/
#contactInfo {
	height: 79px;
	overflow: hidden;
	text-align: center;
	width: 574px;
}
#contactInfo h2 {
	font-size: 18px;
	font-weight: normal;
}
#contactInfo p { margin: 0; }
#contactInfo a {
	color: #fff;
	text-decoration: none;
}
#contactInfo a:hover { text-decoration: underline; }

.field { margin-bottom: 13px; }
.field label {
	float: left;
	font-size: 14px;
	vertical-align: middle;
	width: 125px;
}
.field .txtInput, .field textarea {
	border: 0;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px 2px;
	width: 251px;
}
.buttons { text-align: center; }
.buttons .button {
	background: #c9006b;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}



/*=clearfix
-------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }