@import url("cssreset.css");

body {
	background: #2c2c2c url(../images/styles/background/site-background.jpg) no-repeat center 0;
	line-height: 1.8em;
	font-size: 			62.5%;
	font-family:	Arial, Trebuchet MS,  Helvetica,  sans-serif;
	margin: 0px;
	padding: 0px;
	color: #000;
}      

a img {
    border: none;
    }
span, p, table, ul, ul li {
	color: #676767;
	font-size: 11px;
}
ul li, p, span {
	font-size: 12px;
	margin: 0 0 10px 0;
}
ul li {
	margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
	color: #fb0000;
	font-weight: normal;	
}
h1 {
	font-size: 26px;
	margin: 0 0 10px 0;
}
h2 {
	font-size: 16px;
	margin: 0 0 10px 0;	
}
h3 {
	font-size: 14px;
	margin: 0 0 10px 0;	
}
h4 {
	font-size: 12px;
	margin: 0 0 10px 0;	
}
h1.homepage {
	margin: 0 0 13px 0;
	color: #fb0000;
	font-size: 16px;
	font-weight: normal;

}
.left {
	float: left;
}
.right {
	float: right;
}
.black {
	color: #000;
	font-weight: bold;
}
.red {
	color: #fb0000;
}
.red-arrow {
	padding: 0 0 0 15px;
	background: url(../images/styles/arrow-red.png) no-repeat 0 center;
}
a.link,
a.red-arrow {
	color: #ff0000;
	text-decoration: none;
}
a.link:hover,
a.red-arrow:hover {
	text-decoration: underline;
}
p.grey-arrow {
	padding: 0 0 0 15px;
	background: url(../images/styles/arrow.png) no-repeat 0 center;	
}
ul.grey-arrow li {
	padding: 0 0 0 15px;
	background: url(../images/styles/arrow.png) no-repeat 0 center;		
}
.top-bottom-borders {
	border-top: 1px solid #dbdbdb; 
	border-bottom: 1px solid #dbdbdb;
	padding: 20px 0 10px 10px;
	margin: 0 0 15px -10px;
}
.color-range {
	float: left;
	margin: 0 0 15px 40px;
}
#flash-banner {
	margin: 5px 0 0 5px;
}
/* encloses the whole body and provides centering */
div#wrapper {
	min-height: 10px;
	width:  920px; 
	margin: 0px auto 15px auto;
}

div#logo {
	position: absolute;
	margin: 30px 0 0 30px;
}  
div#nav {
	margin: 54px 22px 16px 0;
	float: right;
    }   
    
/* Menu / Nav */

dl, dt, dd, ul, li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
/* adjust the spacing between boxes */
#menu .menu-box {
   float: left;
   margin: 0px 0px 0px 0px;
}

/* global setting for a href */
#menu .menu-box a {
	text-decoration: none;
	font-weight: bold;
}
#menu .menu-box a:hover {
    color: #3ebd2b;
    }
    
#home #menu dt a#nav-home,
#about #menu dt a#nav-about,
#products #menu dt a#nav-products,
#events #menu dt a#nav-events,
#hire #menu dt a#nav-hire,
#partners #menu dt a#nav-partners,
#visit #menu dt a#nav-visit,
#contact #menu dt a#nav-contact,
#menu dt a:hover, 
#menu dt a.selected {
      color: #3ebd2b;      
}

/* top level setting for a href */
#menu dt a {
   display: block;
   padding: 8px 9px 5px 9px;
   color: #fff;
   font-size: 12px;
   font-weight: normal;
}
#menu dd {
  position: absolute;
}

/* dropdown list setting for ul */
#menu ul {
	margin-left: -12px;
	display: none;
} 
#menu .menu-box:hover ul {  
	display: block;
	background: #2c2c2c;
	border: 1px solid #444444;
} 

/* dropdown list setting for li */
#menu ul li {
	width: 95px;
	border-bottom: 1px solid #444;
}

#menu ul li a {
	display: block;
	height: 25px;
	line-height: 25px;
	padding: 3px 0px 3px 0px;
	color: #999;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
}
#menu ul li a:hover {
	color: #3ebd2b;
}
/* End NAV*/
    
.banner {
	height: 258px;
	width: 920px;
	clear: both;
	float: left;
	background: url(../images/styles/background/site-top.png) no-repeat;
}    
.banner-text {
	float: left;
	margin: 72px 0 0 11px;
}
.banner-image {
	float: right;
	margin: 5px 34px 0 5px;
}
#main {
	clear: both;
	min-height: 200px;
	width: 100%;
	margin: 0px 0px 0 0;
	padding: 0px;
	float: left;
	background: url(../images/styles/background/site-middle-background.png) repeat-y;

}
#main-bottom {
	clear: both;
	height: 80px;
	margin: 0 0 0 1px;
	background: url(../images/styles/background/site-bottom.jpg) no-repeat;
}
#main-bottom a {
	display: block;
	height: 30px;
	width: 250px;
	margin: 20px 0 0 30px;
	float: left;
}
#homepage-main-bottom {
	float: left;
	width: 920px;
	height: 162px;
	background: url(../images/styles/background/homepage-bottom.png) no-repeat;
}
#homepage-main-bottom a {
	display: block;
	height: 30px;
	width: 250px;
	margin: 100px 0 0 30px;
	float: left;
}
.homepage-primary-col {
	margin: 32px 40px 0 52px;
	width: 525px;
	min-height: 180px;
	float: left;
}
.homepage-primary-col p {
	font-size: 12px;
}
.homepage-secondary-col {
	margin: 32px 0 0 0 ;
	float: left;
}

.xmas-special {
	float: left;
	width: 263;
	margin-bottom: 15px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #dbdbdb;
}

.recent-events {
	float: left;
	width: 263;
	margin-bottom: 15px;
}
.recent-news a.more-events,
.recent-events a.more-events,
.xmas-special a.more-events {
	display: block;
	color: #686868;
	text-decoration: none;
	font-size: 11px;
	padding: 0 0 0 15px;
	background: url(../images/styles/arrow.png) no-repeat 0 center;
}
.recent-news a.more-events:hover,
.recent-events a.more-events:hover,
.xmas-special a.more-events:hover {
	text-decoration: underline;
}
.recent-news {
	width: 263px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #dbdbdb;
}
#feature {
	margin: 0px 0 -90px 24px;
	float: left;
	position: relative;
}
#feature .feature-box {
	height: 139px;
	width: 291px;
	float: left;
	background: url(../images/styles/background/feature-background.gif) no-repeat 0 0;
}
#feature .feature-box p {
	line-height: 1.2em;
}
#feature .feature-box .content {
	margin: 20px 0 0 25px;
	color: #595959;
}
.feature-box .content p.feature-title {
	font-size: 20px;
	color: #595959;
	margin: 0 0 5px 0 ;
}
.feature-box .content img {
	float: right;
	margin: -34px 15px 0 0;
}
.feature-box .feature-text {
	height: 45px;
}
.feature-box .content a {
	color: #ff0000;
	text-decoration: none;
	margin: 0px 0 0 0;
	position: absolute;
}

/* Subpage styles */
/* Side Nav */
#sidenav-col {
	width: 275px;
	min-height: 100px;
	float: left;
	margin: 5px 0 60px 0;
}
.side-nav {
	margin: 30px 0 0 50px;
}
.side-nav h2 {
	margin: 0 0 5px 20px;
}
.sidenav-box {
	width: 200px;
	height: 30px;
	background: #d5d5d5;
	margin: 0 0 1px 0;
}
#sidenav-col .current {
	font-weight: bold;
	background: #686868;
}
#sidenav-col .current a {
	color: #fff;
	background-position: 20px -18px;
}


.sidenav-box a {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #676767;
	text-decoration: none;
	font-size: 12px;
}
.sidenav-box a:hover {
	color: #fff;
}
.sidenav-box a.level1 {
	padding: 0 0 0 35px;
	background: url(../images/styles/subnav-arrow.gif) no-repeat 20px 12px;
}
.subnav {
	background: #f0f0f0;
}
.subnav a {
	padding: 0 0 0 45px;
}
.sidenav-box a:hover {
	background-color: #686868;
	background-position: 20px -18px;
}

#side-photos {
	margin: 58px 0 0 42px;
}
#side-photos img {
	margin: 0 6px 5px 0;
}
#primary-col {
	width: 590px;
	float: left;
	padding: 0 0 0 20px;
	margin: 66px 0 45px 0;
}
.single-col {
	width: 840px !important;
	margin-left: 25px !important;
}
.border {
	clear: both;
	border-top: 1px solid #dbdbdb; 
	width: 610px;
	margin: 5px 0 15px -10px;
}
.single-col .border{
	width: 845px;
}

.top {
	margin-top: 2px;
}

  
/* Product Landing Page */
div.product-box {
	clear: both;	
	float: left;
	margin: 0 0 15px 0;

}
div.product-box .image {
	float: left;
	width: 130px;
	margin: 5px 0 0 0;
}
div.product-box .text {
	float: left;
	width: 450px;
}
div.product-box .text .title {
	color: #ff0000;
	margin: 0px;
	
}
/* Product spec styles */
.product-spec-images {
	margin: 5px 0 0 0;	
}

.product-spec-images img {
	margin: 0 5px 0 0;
}
.spec-table {
		float: left;
		background: #f0f0f0;
}
.spec-table span {
	background: #f0f0f0;
	display: block;
	float: left;
	padding: 0 0 0 15px;
	font-size: 12px;
	color: #676767;
	border: 1px solid #fff;
}
.spec-table span.type {
	width: 110px;
	margin: 0 2px 2px 0;
}
.spec-table span.data {
	width: 444px;
	margin: 0 0 2px 0;
}

table.specification-table {
		border: none;
		background: #fff;

}
table.specification-table th {
	background: #fff;
}
table.specification-table tr {
	background: #f0f0f0;
	border: 2px solid #fff;	
}
table.specification-table td {
	background: #f0f0f0;
	display: block;
	float: left;
	padding: 8px 5px 8px 15px;
	font-size: 12px;
	color: #676767;
	
}
table.specification-table td.type {
	width: 110px;
	margin: 0 2px 0px 0;	
}
table.specification-table td.data {
	width: 420px;
	margin: 0 0 0px 0;
	border-left: 2px solid #fff;

}

/* Furnishing */
.furnishing-box {
	float: left;
	width: 290px;
	height: 85px;
	margin: 0 0 15px 0;
}
.furnishing-box .image {
	float: left;
}
.furnishing-box .text {
	float: left;
	width: 155px;
	margin: 0 10px 0 10px;
}
.furnishing-box .red {
	margin: 0px;
}
.address-box {
	float: left;
	width: 280px;
	margin: 0 0 20px 0;
}
.address-box .office {
	color: #000;
	font-size: 13px;
}

.client-box {
	float: left;
	width: 835px;
	border-bottom: 1px solid #dbdbdb; 

}
.client-box .client-image {
	float: left;
}
.client-box .info {
	float: left;
	width: 250px;
	margin: 15px 0 0 0;
}
.client-box .event-images {
	margin: 15px 0 0 0;
	float: left;
}
.client-box .event-images img {
	margin: 0 0px 0 5px;
}
.client-box .label {
	float: left;
	width: 50px;
}
.client-box .label span {
	color: #000;
	font-weight: bold;

}
.client-box .data {
	width: 170px;
	float: left;
}
.other-events {
	float: left;
	margin: 15px 0 0 20px;
}
.other-events ul {
	width: 400px;
	float: left;
}
.form label {
	display: block;
	float: left;
	width: 90px;
	font-size: 12px;
	color: #676767;	
}
.form input {
	border: none;
	width: 340px;
	height: 20px;
	background: #f0f0f0;
	margin: 0 0 5px 0;
	padding: 5px 0 0 10px;
	font-size: 11px;
}
.form textarea {
	border: none;
	background: #f0f0f0;
	width: 340px;	
	height: 100px;
	font-family: Arial;
	font-size: 11px;	
	padding: 3px 0 0 10px;
}
.form select {
	width: 200px;
	margin: 0 0 5px 0;
}
.form #submit {
	width: 87px;
	height: 30px;
	margin: 10px 0 0 90px;
	cursor: pointer;
	background: url(../images/styles/submit-button.gif) no-repeat;
}
table tr {
			background: #ccc;
		}
table tr td.label {
	width: 100px;
	padding: 0 0 0 10px;

}
table tr td.data {
	width: 300px;
}

div#footer {   
  clear: both;         
  float: left;
  width: 850px;
  margin: 10px 0 30px 0;
}       
#footer p {
	float: left;
	font-size: 10px;
	color: #6f6f6f;
	display: block;
	width: 100%;
	line-height: 1.6em;
	margin: 0 0px 0px 30px;
}
#footer a {
	color: #6f6f6f;
	text-decoration: none;
	font-size: 10px;
}
#footer a:hover {
	text-decoration: underline;
}
#footer span {
	color: #6f6f6f;
	font-size: 10px;
	margin: 0px 5px 0 5px;
}
#footer span.nav-bug {
	margin: 0px;
}

#footer span.address {
	float: left;
	margin: 0px 0 3px 0;
}
#footer .designer {
	margin-right: -10px;
}
#footer .right {
	float: right;
}

div.plusmore {	
	clear: both;
	overflow: hidden;
	width: 200px;
	float: left;
	margin: 10px 0 0 0;
}
div.plusmore span {
	display: block;
	overflow: hidden;
	position: relative;
	
}