/* Common */
body,table,input,select,textarea { 
  font-family:Verdana, Arial, sans-serif; 
  font-size:100%;
}

/* Remove padding and margin */
*
    {
    margin: 0;
    padding: 0;
    border: 0;
}

body {   
  color:#fff;
}

h1 {
  margin: 1em 0;
}

h2 {
  margin: 1em 0;
}

p { 
  margin:1em 0 1em 0; 
}

dl.col { 
  line-height:1.5em;
}

dl.col dt { 
  float:left; 
  width:6em;
}

dl.col dd { 
  margin-left:7em;
}

.clear:after {
  content:".";
  height:1px;
  display:block;
  clear:both;
  visibility:hidden;
}

.clr {
  clear: both;
}

.right {
  float:right;
}

.left {
  float:left;
}

/* Primary ID's and classes */
#header {
	background: #fff url('../images/g-top-background.jpg') top left repeat-x;
	height: 93px;
}

#header .constrain {
	width: 889px;
	margin-left: auto;
	margin-right: auto;
	height: 93px;
	position: relative;
}

#content-outter {
	background: #004677;
}

#constrain {
	width: 889px;
	margin-left: auto;
	margin-right: auto;
	background: #0192CB url('../images/g-main-content-bottom-full.jpg') no-repeat left bottom;
	min-height:580px;
	padding-bottom:30px;
}
#constrain a {
  color: #ccc;
  text-decoration: none;
}


/* Navigation */

#nav {
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	position: absolute;
	top: 29px;
	left: 265px;
}

#nav a {
	text-decoration: none;
	color: #585858;
	display: block;
	height: 22px;
	padding: 2px 11px 0px 11px;
}

#nav a:hover {
	background: #585858;
	color: #fff;
}

#nav {
	clear: both;
}
#nav ul {
	list-style: none;
}
#nav ul li {
	float: left;
	height: 24px;
}

#nav ul li ul {
	position: absolute;
	width: 465px;
	/*background: #fff url('../images/g-nav-hover.jpg') top left no-repeat;*/
	background:#585858;
	height: 19px;
	left: 0px;
	z-index:1000;
}

#nav ul li ul a {
	color: #fff;
	height: 15px;
	font-size: 0.75em;
	padding: 3px 5px 0 5px;
}

#nav ul li ul a:hover {
	background: none;
	color: #ccc;
}



.content {
  margin-right:400px;
  }
#top-focus {
	background: #207293 url('../images/g-focus-background.jpg') repeat-y;
	color: #fff;
	padding-left: 30px;
	min-height: 253px;
	overflow-y:visible;
	position:relative;
}

#top-focus h1 {
	margin: 0px;
	padding: 15px 0 0 0;
	font-family: Calibri, Arial, Verdana Sans-Serif;
	font-size: 2.25em;
	font-weight: normal;
  line-height:1em;
}

#top-focus p {
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	font-size: 0.875em;
	line-height: 1.15em;
}

#top-focus p.first {
	padding-top: 0px;
	margin-top: 0px;
}

#top-focus img {
	float: right;
	padding-left: 14px;
}
#constrain a {
  color:#fff;
}
#constrain a:hover {
  color:#ccc;
  }
#main-content {
	background: #0192cb;
	color: #fff;
	padding-left: 30px;
}
.main-content-split {
	background: #0192cb url('../images/g-main-background.gif') top left repeat-y;
}
#main-content h2 {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 1.625em;
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	font-weight: normal;
}
#main-content h3 {
	margin-top: 0px;
	padding-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 1.25em;
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	font-weight: normal;
}
#main-content p, #main-content li {
	font-size: 0.75em;
	line-height: 1.5em;
}
#main-content ul {
  margin-left: 15px;
  }
#main-content li {
  margin: 10px 0;
  }
#main-content .focus-images {
	float: right;
	width: 379px;
}
#main-content .sections {
  padding: 5px 0 0 0;
  }
#main-content .sections .focus {
  width:393px;

  float:left;
  margin: 0 15px 20px 5px;
  padding: 0 5px 0 0;
  }

#main-content .focus-images .focus, #main-content .sections .focus	{
	background: #207293 url('../images/g-focus-side-background.jpg') top left repeat-x;
}

.focus img {
	float: left;
  display:block;
  height:183px;
}

#main-content .focus-images .focus h3, #main-content .sections .focus h3 {
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	font-weight: normal;
	font-size: 1.5em;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}
#main-content .focus-images .focus h3 a, #main-content .sections .focus h3 a {
	text-decoration:none;
}

#top-focus .focus-images .focus p, #main-content .sections .focus p {
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	font-size: 0.75em;
	margin-top: 0px;
	margin-bottom:0;
	padding-top: 0px;
	}
	
#top-focus .focus-images .focus p, #main-content .sections .focus p, #main-content .sections .focus h3	{
	margin-left:105px;
}


#top-focus .image-trans  {
	position: relative;
}

#top-focus .image-trans .description {
	position: absolute;
	top: 218px;
	right: 0px;
	width: 105px;
	height: 23px;
	background: transparent url('../images/g-photo-overlay.png') top right no-repeat;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.68em;
	padding-top: 8px;
	padding-left: 19px;
}
#top-focus .image-trans .description a {
  text-decoration:none;
  }
#top-focus .image-trans .description p {
	padding: 0px;
	margin: 0px;
	font-family: Calibri, Arial, Verdana, Sans-Serif;
}
.rhs-heading {
  margin: 0 0 10px 0;
  font-size:1.75em;
	font-family: Calibri, Arial, Verdana, Sans-Serif;
}
#main-content .content {
	width: 460px;
}
#footer .side-details {
  padding-top: 16px;
  margin-left:520px;
  }
#footer {
  width:100%;
  background: transparent url('../images/g-bottom-background.gif') repeat-x;
  height:167px;
  margin-top:-3px;
  }
#footer-constrain {
  width:889px;
  margin: 0 auto;
  position:relative;
 } 
.footer-nav {
  width:520px;
  height:167px;
  float:left;
  margin: 20px 0 0 0;
  }
#footer p {
  float:left;
  }
#footer .address-1 {
  width:228px;
  }  
/* Footer Nav */
#footer  ul {
 	font-family: Calibri, Arial, Verdana, Sans-Serif; 
 	font-size:0.875em;
 	list-style:none;
}
#footer  ul li {
  float:left;
  margin-right:8px;
  }
#footer ul li a {
  color:#000;
  text-decoration:none;
  padding:3px;
  }
#footer ul li a:hover {
	background: #585858;
	color: #fff;
  }  
a:active, a:focus {
  outline: 0;
}
#footer ul li ul {
  position:absolute;
  margin: 0 0 0 0;
  }
#footer ul li ul li {
  float:none;
  line-height:1.5em;
  }
#footer ul li ul li a {
  color:#5f5f5f;
  }
#footer ul li ul li a:hover {
  background:transparent;
  color:#000;
  }
/* Buttons */

a.button {
	color: #fff;
	display: block;
	font-size: 0.75em;
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	height: 27px;
	margin-right: 20px;
	padding-right: 4px;
	text-decoration: none;
	float: left;
}
.focus .button {
  font-size:1em;
  margin-top:10px;
  }
a.button span {
	display: block;
	line-height: 21px;
	padding: 0px 16px 5px 16px;
}

a.button:hover {
	color: #ccc;
	outline: none;
}

a.standard {
	background: transparent url('../images/g-button-right.gif') no-repeat scroll top right;
}

a.standard span {
	background: transparent url('../images/g-button-left.gif') no-repeat;
}

a.alt {
	background: transparent url('../images/g-button-alt-right.gif') no-repeat scroll top right;
}

a.alt span {
	background: transparent url('../images/g-button-alt-left.gif') no-repeat;
}

.footer-button {
  background: transparent url('../images/g-button-footer.gif') no-repeat;
  color:#fff;
  font-size: 0.75em;
  width:153px;
  line-height:21px;
  display:block;
  float:right;
  font-family: Calibri, Arial, Verdana, Sans-Serif;
  text-decoration:none;
  text-align:center;
  margin: 6px 0 0 20px;
}
a.footer-button:hover {
  color:#ccc;
  }
/* messages / errors box */
.Msg {
  margin: 1em 0;
}

.Msg ul {
  padding: 0.5em;
  list-style-type: none;
}

.Messages ul {
  border: 1px solid darkblue;
  background-color: lightblue;
}

.Errors ul {
  border: 1px solid darkred;
  background-color: pink;
}

.img-fix {
	display: block;
}

#footer p.heading {
  font-size:1.25em;
  color:#000;
  font-family: Calibri, Arial, Verdana, Sans-Serif;
  padding:0;
  margin:0;
  line-height:1.4em;
  float:none;
  }
#footer .side-details p {
  margin: 0 0 5px 0;

  }
.side-details p, .side-details dd, .side-details dt {
  line-height:2em;
  color:#000;
  }
#footer dl dd, #footer dl dt, #footer p {
  font-size:0.675em;
  }
#footer dt {
  float:left;
  width:65px;
  }
#footer dd a {
  color:#000;
  text-decoration:none;
  }
#footer dd a:hover, a.author:hover {
  color:#207293;
  }
a.author {
  font-size:0.675em;
  color:#666;
  text-decoration:none;
  margin:30px 0 10px 0;
  display:block;
  }
.kitchen-txt { 
  float:left;
  margin-left: 20px;
  width:580px;
  }
.kitchen-layouts {
  background:#207395;
  padding:10px;
  margin:10px 0 20px 0;
  
  }
#main-content .kitchen-txt h3 {
  margin:0;
  padding:0;
  }
.no-rhs {
  margin-right:30px;
  }
.half {
  width:50%;
  }
  
/* Contact Us Page */
.contact-details {
    font-size:0.875em;
    font-family:Calibri,Arial,Verdana,Sans-Serif;
    line-height:1.5em;
    }
.contact-details dt {
  float:left;
  width:100px;
  }
  
#contact-tbl {
  margin: 15px 0 0 0;
}
#contact-tbl th {
  font-size:0.75em;
  text-align:left;
  font-weight:normal;
  width: 100px;
}
#contact-tbl td {
  font-size: 0.75em;
  }
#contact-tbl td, #contact-tbl th {
  padding-bottom: 10px;
  }
#contact-tbl td input, #contact-tbl td textarea {
  width:200px;  
  padding:3px;
  border:1px solid #207395;
  }
#contact-tbl td textarea {
  height:60px;
  }
#contact-tbl .submit {
  background:transparent url('../images/g-button-submit.gif') no-repeat;
  width:92px;
  height:21px;
  border:0;
  color:#fff;
  font-family:Calibri,Arial,Verdana,Sans-Serif;
  cursor:pointer;
  }
  
/* Kitchen page links */

#kitchen-links {
  width:450px;
  padding-left:213px;
  }
#kitchen-links .kitchen-link {
  width:183px;
  height:290px;
  margin-right:30px;
  float:left;
  font-family:Calibri,Arial,Verdana,Sans-Serif;
  background:#207395 url('../images/g-cta-bg.jpg') repeat-x 0 132px;
  }
#kitchen-links .kitchen-link h3 {
  font-size: 1.15em;
  margin: 5px;
  padding:0;
  }
#kitchen-links .kitchen-link h3 a {
  text-decoration:none;
  margin:0;
  }
#kitchen-links .kitchen-link p {
  margin:5px;
  padding:0;
  }
#kitchen-links .kitchen-link a {
  margin-left: 5px;
  }

/* Photo Gallery */

.photo-item {
  margin: 20px 60px 20px 0;
  float:left;
  height:130px;
  padding:3px;
  }
.port {
  width:200px;
  text-align:center;
  }
.photo-item img {
  border:1px solid #d1d1d1;
}

#pg-link {
  width:150px;
  margin: 0 30px 0 30px;
}
#pg-link a {
  font-size:0.675em;
  background:#207395;
  text-decoration:none;
  display:block;
  width:150px;
  line-height:20px;
  text-align:center;
  }
  
/* Testimonials */
.testimonial {
	width:360px;
	margin: 20px 20px 0 0;
	padding:10px 20px;
	display:inline-block;
	vertical-align:top;
	background:#34a8d5 url('../images/g-testimonial.jpg') no-repeat 5px bottom;
}
.author {
	text-align:left;
	font-style:italic;
}
.testimonial-top {
	background: transparent url('../images/g-testimonial-top.jpg') no-repeat left bottom;
	margin: 50px 0 0 0;
	padding-bottom: 20px;
}

.awards {
	position:absolute;
	left:0;
	width:300px;
	text-align:left;
}
.awards img {
	margin: 60px 30px 0 0;
}
p#winner {
	text-align:right;
	position:absolute;
	top: 45px;
	right:10px;
	padding: 0 0 0 13px;
}
p#winner a {
	color:#0192cb;
	text-decoration:none;
}
p#winner a:hover {
	color:#004677;
}

.standard {
	font-size:0.75em;
	font-family:calibri, sans-serif;
	border-collapse: collapse;
	margin: 1em 0;
}
.standard td, .standard th {
	padding:8px;
	background:#1182b0;
	border: 2px solid #0192CB;
}
.standard th {
	text-align:left;
	background:#207395;
}
.imagerow {
	text-align:center;
}
.imagerow img {
	margin: 5px;
}
#rotateimg {
	position:absolute;
	right:0;
}
#rotateimg img {
	padding: 0;
}
.gallery-4 .photo-item {
	margin:5px 6px 0 0;
}
.gallery-5 .photo-item {
	margin: 5px 5px 0 0 ;
}