/*-----------------------------------------------------------------------------
Parkes Interiors Stylesheet (Aug 08)

version:   1.1
author:    Paul Jenkins
email:     paul@leafconsultancy.com
website:   http://www.leafconsultancy.com/
updated:   21st November 2008
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
.clear {
	clear:both;
}
img {
	border: 0;
}
body {
	/*background: #F5F5F5;*/
	border-top: 4px solid #000033;
	/*font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;*/
	
	color:#766E69;
	font-family:Arial,Helvetica,sans-serif;
	font-size:75%;
	
	
}
#contentContainer {
	width: 780px;
	margin: 0 auto;
	background-color: #FFF;
}
#contentContainer a {
	color: #000033;
	text-decoration: none;
}
#contentContainer a:hover {
	color: #64AD1E;
	text-decoration: underline;
}
.galleryImage {
	border: 1px solid #000033;
	padding: 2px;
}

#contentContainerRight {
	width: 49%;
	float: right;
}

#contentContainerLeft {
	width: 49%;
	float: left;
}
/* =Typography
-----------------------------------------------------------------------------*/

h1 {
	font-family: "Trebuchet MS", Arial;
	font-size: 20px;
	color: #000033;
	margin: 5px 0 15px 0;
	
	/*margin: 20px 0;
	color: #ABD712;
	font: normal 25px Georgia, serif;*/
	
}
h2 {
	font-size: 14px;
	color: #000033;
	font-weight:bold;/*margin: 25px 0 15px 0;*/
	background:#FCFCFC url(../images/TableHeadRowBackground.gif) repeat-x scroll left bottom;
	/*background-color:#F8F7F3;*/
	border-bottom:1px solid #CCCCCC;
	margin:5px 0 15px;
	padding:10px 0 8px;
	text-align:center;
	}
	
h3 {
font-size:12px;
padding-bottom: 15px;
}	
	
	
p {
	font-size: 12px;
	color:#000033;
	text-align: justify;
	line-height: 170%;
	margin: 0 0 10px 0;
}
ul {
	margin: 15px 0 10px 0;
	list-style: none;
	font-size: 12px;
	color:#666666;
}
li {
	margin: 5px 0 5px 0;
}
.galleryLink {
	font-size: 10px;
	text-decoration:underline;
	text-align:right;
}
.Columnfull {
	width: 780px;
	float: left;
}

#gallery_left {
	width: 375px;
	float: left;
	border-right: 1px solid #abd617;
	padding-right: 20px;
}
#gallery_left p {
	text-align:left;
}
#gallery_right {
	width: 350px;
	float: right;
}
#gallery_right p {
	text-align:left;
}
#kitchen_left {
	width: 150px;
	float: left;
	margin-bottom: 5px;
}
#kitchen_right {
	width: 190px;
	float: right;
}
.ColumnRight {
	width: 250px;
	float: right;
	padding-top: 40px;
	background-color:#FFFFFF;
}

.ColumnRight .RightTestimonial {
	background: url(../images/testem_back2.gif) no-repeat;
	width: auto;
	padding: 20px 20px 0 0;
	float: left;
	background-color:#FFFFFF;
}

.ColumnRight .RightTestimonial p {
	padding-left: 20px;
	width: 85%;
	height: 110px;
	color: #333;
	text-align: left;
	}

.ColumnLeft {
	float: left;
	width: 480px;
	background-color:#FFFFFF;
}

.bulletlist {
	list-style: inside;
	list-style-type: disc;
	color: #003;
}
/* =Headings
-----------------------------------------------------------------------------*/


#header {
	/*background:url(../../idea4/images/headerbg.png) repeat-x;*/
	height: 125px;/*border-bottom: 1px solid #ABD712;*/
}
#headercontainer {
	background-color:#FFF;
	width: 780px;
	margin: 0 auto;
	padding-top: 20px;
	height: 125px;
}
#headerlogo {
	background: url(../images/logo.gif) no-repeat;
	width: 217px;
	height: 65px;
	float:left;
}
/* =Links
-----------------------------------------------------------------------------*/



/* =Main Nav
-----------------------------------------------------------------------------*/

#nav {
	float: right;
	font-size: 10px;
	font-weight: bold;
	margin: 27px 0 0 0;
	font-family: Verdana, Geneva, sans-serif;
}
#nav ul {
	list-style: none;
	float: left;
	margin: 0 0 1px 0;
}
#nav ul li {
	float: left;
}
#nav ul a {
	font-size: 10px;
	display: block;
	padding: 2px 5px;
	border-right: 1px solid #E1E1E1;
	color: #000000;
	text-decoration: none;
}
#nav ul a:hover {
	font-size: 10px;
	display: block;
	padding: 2px 5px;
	border-right: 1px solid #64AD1E;
	color: #000000;
	background: #ABD617;
	text-decoration: none;
}
.navFirst {
	border-left: 1px solid #E1E1E1;
}
#nav ul li ul {
	
	position:absolute;
	display:none;
	width: 180px;
	background:#FFFFFF;
	margin: 0px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:0 1px 1px 0px;
	/*border: 0px !important;*/
	
}
#nav ul li ul li {
	display: block;
	width: 100%;
	margin: 0px;
	border: 0px !important;
	z-index: 10000;
}
#nav ul li ul li.catHead {
        
	padding: 5px 0 0 5px;
	color:#333;
}
#nav ul li ul li a {
	padding: 3px 5px;
	border: 0px !important;
	margin: 2px 0 0 0;
	color: #666666;
	z-index: 10000;
}
#nav ul li ul li a:hover {
	padding: 3px 5px;
	margin: 2px 0 0 0;
	border: 0px !important;
	z-index: 10000;
}
#nav ul li:hover ul {
	display:block;
	margin: 0px;
	z-index: 10000;
}
/* Banner
-----------------------------------------------------------------------------*/
#main {
	background-color: #CCCCCC;
}
#banner {
	width: 780px;
	margin: 0 auto;
}
/* =Gallery
-----------------------------------------------------------------------------*/

.galleryImage {
	border: 1px solid #000033;
	padding: 2px;
}
#gallery_list {
	padding-left:20px;
}
.gallery_thumb { /* changed from id to class for W3C */
	width: 120px;
	float: left;
	text-align: center;
}
.galleryText {
	font-size:0.8em;
}
/* =Footer
-----------------------------------------------------------------------------*/


/* =Sitemap
-----------------------------------------------------------------------------*/
#sitemap ul {
	margin: 5px 0 10px 20px;
	list-style: none;
	font-size: 12px;
	color:#666666;
}







#footer {
	clear:both;
	margin: 40px auto;
	width: 780px;
	border-top: 1px solid #abd617;
	padding: 10px 0 0 0;
	font-family: Verdana, Geneva, sans-serif;
}
#footer p {
	font-size: 11px;
	color: #666666;
	line-height: normal;
}
#footer img {
	float: right;
}
#footer a {
	color: #666666;
	text-decoration: none;
}
#footer a:hover {
	color: #000000;
	text-decoration: none;
	background: #64AD1E;
}
/* =Forms
-----------------------------------------------------------------------------*/

#brochure {
	background: right no-repeat url(../images/brochure.jpg);
	height: 400px;
}

fieldset {
	margin-top: 30px;
	padding: 0;
	border: none;
	color: #666;
}
input[type="text"] {
	margin: 0 0 20px 0;
	width: 220px;
	padding: 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #FFFFFF;
	border: 1px solid #E1E1E1;
}
input[type="text"]:focus {
	background: #F6F6F6;
}
input[type="submit"] {
	margin: 0;
	padding: 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #FFFFFF;
	border: 1px solid #E1E1E1;
	font-weight: bold;
}
input[type="submit"]:hover {
	background: #64AD1E;
}
input[type="submit"]:focus {
	background: #64AD1E;
}
textarea {
	margin: 0 0 20px 0;
	width: 220px;
	padding: 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #FFFFFF;
	border: 1px solid #E1E1E1;
}
textarea:focus {
	background: #F6F6F6;
}
select {
	margin: 0 0 20px 0;
	width: 230px;
	padding: 5px 5px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #FFFFFF;
	border: 1px solid #E1E1E1;
}
select:focus {
	background: #F6F6F6;
}
option {
	margin: 5px 5px;
	border: none;
	background: #FFFFFF;
}
option:focus {
	margin: 5px 5px;
	border: none;
	background: #FFFFFF;
}
label {
	font-size: 11px;
	background: #E1E1E1;
	padding: 2px 5px;
}
/* Rotating and Static Images
-----------------------------------------------------------------------------*/

#mainImageContainer {
	background: #E1E1E1;
	height: 200px;
	margin: 20px 0 30px 0;
}
#staticimage {
	text-align:center;
}
/* Lightbox V2
-----------------------------------------------------------------------------*/	

.lightboxThumbs {
	margin: 0px 0px 8px 1px;
	border: 1px solid #000033;
	padding: 1px;
}
.lightboxThumbs_last {
	margin: 0px 0px 8px 1px;
	border: 1px solid #000033;
	padding: 1px;
}
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	border-bottom: none;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-top: none;
}
#imageData {
	padding:0 10px;
	color: #666;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #ffffff;
}
#subNav {
	background: #F3F3F3;
	border: 1px solid #CCCCCC;
	padding: 15px 20px;
	margin: 15px auto -15px auto;
	width: 714px;
	font-size: 11px;
	font-weight: bold;
}
#subNav h1 {
	color: #666666;
	font-size: 11px;
	margin: 0 0 5px 0;
}
#subNav a {
	color: #000000;
	text-decoration: none;
}
#subNav a:hover {
	color: #64AD1E;
	text-decoration: underline;
}
#subNav table {
	width: 99%;
	border: none;
}
#subNav table td {
	height: 17px;
}