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

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, 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; vertical-align: baseline; }
body { background: #fff; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: bold; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }
a { outline: none; } /* Removes Firefox imposed outline */


/* -------------------------------------------------------------- 
   TYPOGRAPHY
-------------------------------------------------------------- */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, Verdana, sans serif; }

body {
	position:relative;
	}

/* HEADINGS */
h1 { font-size: 40px; line-height: 50px; font-weight: bold; margin-bottom: 10px; }
h2 { font-size: 30px; line-height: 40px; font-weight: bold; margin-bottom: 10px; }
h3 { font-size: 20px; line-height: 15px; font-weight: bold; }
h4 { font-size: 14px; line-height: 20px; }
h5 { font-size: 14px; line-height: 20px; font-weight: bold; }
h6 { font-size: 14px; line-height: 20px; font-weight: bold; }

/* TEXT ELEMENTS */
p, ul, ol, dl { margin-bottom: 20px; font-size: 14px; line-height: 20px; }
ul, ol { padding-left: 20px;}
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
dl dt { font-weight: bold; }
dl dd { padding-left: 10px; }
abbr, acronym { text-decoration: underline; }
a { color: #009; text-decoration: none; }
a:hover { text-decoration: underline; }
blockquote { margin: 20px 0; padding-left: 10px; }
dfn { font-style: italic; font-weight: bold; }
pre, code { margin: 20px 0; white-space: pre; }
pre, code, tt { font: 10px monospace; line-height: 20px; } 
tt { display: block; margin: 20px 0; line-height: 20px; }

/* TABLES */
table { margin-bottom: 20px; }
th { font-weight: bold; }

th,td { padding: 5px 10px 5px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* -------------------------------------------------------------- 
   FORMS
-------------------------------------------------------------- */

label { font-weight: bold; }
fieldset { padding: 9px; margin-bottom: 20px; border: 1px solid #ddd; }
legend { padding: 0 10px; font-weight: bold; font-size: 14px; line-height: 20px; }
textarea { padding: 10px; }




/* --------------------------------------------------------- Darlingville Specific Rules -------------------------------------------------*/

p {
	font-family: Helvetica, Arial, Verdana, sans serif;
	color: #666666;
	font-size: 12px;
	line-height: 1.5;
	padding: 5px 0px;
}

#background {
	height: 589px;	
	background: transparent url(../images/background.png) repeat-x;
}



#headertext {
	position:absolute;
	white-space: pre;
	color: #fff;
	font-size: 11.5px;
	line-height: 1.5;
	text-align:right;
	width:859px;
	top: 108px;
	right: 5px; /***************/
}

#headertext span.headertextgreen {
	padding: 12px 0 0 0;
	/*width: 906px;*/
	text-align: right;
	color: #82C8D1;
	font-size: 11.5px;
	line-height: 1.5;
}

#detail-link {
	color:#FFFFFF;
	padding:43px 0;
	position:absolute;
	text-align:right;
	width:859px;
	right: 5px; /***************/
	top: 25px;
}

a.detail-link {
color:#666;
font-size:11.5px;
text-align:right;
}

a.detail-link:hover {
	color: #82C8D1;
	text-decoration:none;
}

#logo {
	z-index:3000;
	position:absolute;
	top: 0;
	left: 0;
}

#container {
	overflow: hidden;
}

#content {
	width: 859px;
	height: 589px;	
	margin:0 auto;
	position:relative;
}

#sidebar {
	margin-top: 194px;
	margin-left: -52px;
	float: left;
	width: 160px;
	text-align: right;
	line-height: 1.75;
}

#sidebar a {
	color: #82C8D1;
	font-size: 13px;
	font-style: normal;
	line-height: .25;
}

#sidebar a:hover {
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
}

#sidebar ul a {
	color: #666;
	font-size: 11px;
	font-style: normal;
}

span.new {
	color: #82C8D1;
	font-size: 11px;
	font-style: normal;
}

#sidebar ul, #sidebar li {
	list-style:none;
}


#sidebar ul a:hover {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

#sidebar ul a.selected {
	color: #666;
	font-weight: bold;
}

#image {
	margin-top: 136px;
	float: right;
	width: 700px;
	height: 450px;
	background: #fff;
	z-index: 10;
	position: relative;
}

#index-image {
	width: 700px;
	height: 450px;
	background: transparent url(../images/colors.jpg) no-repeat;
}

#about-image {
	width: 700px;
	height: 450px;
	background: transparent url(../images/about.png) no-repeat;
}

#about-image p.about-text{
	color: #fff;
	padding: 210px 50px 50px 53px;
	font-size:13.5px;
	line-height: 1.6;
}

#contact-image {
	width: 700px;
	height: 450px;
	background: transparent url(../images/contact.png) no-repeat;
}

#contact-image p.contact-text{
	color: #fff;
	padding: 210px 50px 50px 53px;
	font-size:13.5px;
	line-height: 1.6;
}

#contact-image p.contact-text a{
	color: #666;
}

span.gray {
	color: #666;
}

#contact-image p.contact-text a:hover{
	color: #fff;
	text-decoration: none;
}


#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
	
#slider, #slider li{ 
	width:700px;
	height:450px;
	overflow:hidden; 
}

span#prevBtn a, span#nextBtn a{
       background: transparent url(../images/prev_button.png) no-repeat;
       display:block;
       position:absolute;
       top: 350px;
       left: 0px;
       padding: 20px;
       width: 100px;
       text-indent: -9000px;
}

span#nextBtn a {
       left: 639px;
       background: transparent url(../images/next_button.png) no-repeat;
}

#footer {
	float: left;
	margin-top: 3px;
	margin-left: 159px;
	color: #666;
	font-size: 10px;
	line-height: 1.5;
	text-align: left;
}



#bottom {
	height: 18px;
	color: #fff;
}