/*
 * Subject to Copyright.
 *
 * Web Development by LOOKsystems Limited
 * mailto:info@looksystems.ltd.uk
 * http://www.looksystems.ltd.uk
 *
 */

body{
	padding: 0;
	margin: 0;
	background-color:#fff;
	font-family:arial, sans-serif;
	color:#988f86;
	font-size:1em;
	text-align:left;
}

/*generic style */

ul,h3,h4,h5,h6,p,ol{
	margin:0px;
	padding:0px;
}
a img{
	border:0px;
}
a{
	cursor: pointer;
}
.cb{
	clear:both;
}
.cr{
    clear:right;
}
.greybackground{
	background:#988f86 !important;
	font-size:100%;
}
.wai{
	display:none;
}
ol{
    list-style-type:none;
}
a span.underlined{
	text-decoration:underline;
}
a:hover span.underlined{
	text-decoration:none;
}


#page{
	position: relative;
	/*margin: 0 auto 0 auto;*/
	margin-left: 24px;
	width:980px;
}

/* header includes the logo and  UPPER_INFO in the right side */

#header{
	float:left;
	height:112px;
	width:100%;
	border-bottom:2px solid #988f86;
}
#logo{
	float:left;
	width:199px;
	height:46px;
	margin:36px 0px 25px 0px;
	margin-left:12px;
}
#logo p{
	display: none;
	overflow: hidden;
	height: 0px;
}

#upper_info{
	float:right;
	width:236px;
	margin-bottom:25px;
	text-align:left;
	font-size:1em;
	height:33px;
	padding-top: 63px;/*55px*/
}
#upper_info a{
	color:#988f86;
	text-decoration:underline;
	font-size:75%;
}
#upper_info a:hover{
	text-decoration:none;
}

/* left includes the menu and  the search box */

#nav{
	clear:both;
	float:left;
	width:236px;
}
ul#menu {
	margin-top:15px;
	width:236px;
	float:left;
	border-bottom:1px solid #988f86;
	padding-bottom:17px;
	list-style-type:none;
	line-height:18px;
}
ul#menu li a{
	color:#988f86;
	text-decoration:none;
	font-size:75%;
	text-transform:uppercase;
	padding-left:12px;
}
ul#menu li a.select,
ul#menu li a:hover{
	text-decoration:none;
	background: url("../img/menu_background.gif") no-repeat  0px 4px;
}
html>body ul#menu li a.select,
html>body ul#menu li a:hover{
	text-decoration:none;
	background: url("../img/menu_background.gif") no-repeat  0px 2px;
}

/* the submenu  */

ul#menu li ul {
	width:236px;
	border-bottom:1px solid #988f86;
	padding-bottom:13px;
	margin-bottom:13px;
	list-style-type:none;
}
* html ul#menu li ul li{
	float:left;
	width: 180px;
}
ul#menu li ul li a{
	margin-left:18px;
	display:block;
}
ul#menu li ul li a.select,
ul#menu li ul li a:hover{
	background-position: 0px 4px;
}
html>body ul#menu li ul li a.select,
html>body ul#menu li ul li a:hover{
	background-position: 0px 4px;
}
/* the sub-submenu  */

ul#menu li ul li ul {
	width:236px;
	list-style-type:none;
}
ul#menu li ul li.last ul {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
ul#menu  li ul li ul li a{
	margin-left:36px;
}

/* search area  */

form#searchbox{
	float:left;
	margin-top:17px;
	margin-bottom: 25px;
	width:236px;
	height:23px;
}
form#searchbox label{
	display: none;
}
form#searchbox input{
	float:left;
	width:210px;
	height:23px;
	font-size:0.8em;
	background: url("../img/search_input.gif") no-repeat top left;
	border:0px;line-height:23px;
	text-indent:8px;
	color:#988f86;
}
form#searchbox input.search_button{
	float:right;
	width:23px;
	height:23px;
	background: url("../img/search_button.gif") no-repeat top left !important;
}

/* main content area  */

#main{
	float:left;
	width:744px;
}

#main a{
	color:#988f86;
}
#main a:hover{
	color:#988f86;
	text-decoration:none;
}
#main h4{
	border-bottom:2px solid #988f86;
	margin-bottom:12px;
	padding-bottom:7px;
	font-size:100%;
	text-transform:uppercase;
}

#main .imgblk h4{
	width: 236px;
}

#main .box {
	margin-bottom: 25px;
}

#main hr {
	margin-top: 12px;
	margin-bottom: 12px;
	border: none;
	border-top: 2px solid #988f86;
}

/*breadcrumb style */

ul#breadcrumbs {
	height:11px;
	width:732px;
	font-size:68.75%;
	padding-top:16px;
	list-style-type:none;
	margin-left:12px;
}
ul#breadcrumbs li{
	color:#988f86;
	text-decoration:none;
	float:left;
}
ul#breadcrumbs li a {
	color:#988f86;
	text-decoration:none;
}
ul#breadcrumbs li a:hover{
	color:#988f86;
	text-decoration:underline;
}

/* the heading of the content*/

h1#heading{
	margin:36px 0 12px 12px;
	font-size:112.5%;
	text-transform:uppercase;
	height:18px;
	width:732px;
	line-height:18px;
}
#stage{
	clear:both;
	float:left;
	width:732px;
	margin-bottom:25px;
	margin-left:12px;
	display:inline
}

#stageimage{
	position: relative;
	width:732px;
	background: no-repeat top left;
}

/* the right stage overlay */

#overstagetext{
	position: absolute;
	right: 0;
	top: 0;
	width:196px;
	background:#988f86;
	opacity:0.90;
	filter:alpha(opacity=90);
	height:315px;
	padding:20px 20px 25px 20px;
	color:#fff;
}
#overstagetext h3{
	line-height:18px;
	font-size:100%;
	text-transform:uppercase;
	padding-bottom:15px;
}
#overstagetext p{
	line-height:14px;
	font-size:75%;
	margin-bottom: 1em;
}
#overstagetext a{
	line-height:14px;
	/*font-size:75%;*/
	text-decoration:underline;
	color:#fff;
}
#overstagetext a:hover{
	line-height:14px;
	/*font-size:75%;*/
	text-decoration:none;
	color:#fff;
}

/* the right white area filled with text in the item page*/

#nearstagetext{
	position: absolute;
	right: 0;
	top: 0;
	width:236px;
	background:#fff;
	height:295px;
	padding:0px 0px 25px 14px;
	color:#988f86;
	clear:right;
}
#nearstagetext h3{
	display:block;
	border-bottom:2px solid #988f86;
	margin-bottom:12px;
	padding-bottom:7px;
	font-size:100%;
	text-transform:uppercase;
}
#nearstagetext h6{
	padding-left:12px !important;
}
#nearstagetext p{
	line-height:14px;
	font-size:75%;
	margin-bottom: 1em;
}
#nearstagetext a {
	line-height:14px;
	/*font-size:75%;*/
	text-decoration:underline;
	color:#988f86;
}
#nearstagetext a:hover{
	text-decoration:none;
}

/* the right coloured area filled with text in the item page*/

#colourstagetext{
	position: absolute;
	right: 0;
	top: 0;
	width:216px;
	background:#9d9087;
	height:275px;
	padding:20px 20px 25px 34px;
	color:#fff;
	clear:right;
}
#colourstagetext h3{
	line-height:18px;
	font-size:100%;
	text-transform:uppercase;
	padding-bottom:15px;
}
#colourstagetext p{
	line-height:14px;
	font-size:75%;
	margin-bottom: 1em;
}
#colourstagetext a {
	line-height:14px;
	/*font-size:75%;*/
	text-decoration:underline;
	color:#fff;
}
#colourstagetext a:hover{
	color: #fff;
	text-decoration:none;
}

/*portfolio style */

#stagegallery {
	position: relative;
	width:732px;
	height: 358px;
	background: no-repeat top left;
}

#stagegallery span {
	position: absolute;
	border-bottom: 2px solid #988f86;
	width: 482px;
	height: 358px;
	background: 0 0 no-repeat;
}

.portfolio_thumbnails{
	float:right;
	width:236px;
	background:#fff;
	height:358px;
	border-bottom:2px solid #988f86;
	position: relative;
	margin-left: 12px;
}
.portfolio_thumbnails a img {
	float:left;
	margin-bottom: 12px;
	width:112px;
	border:0px;
}
.portfolio_thumbnails a.i1 img {
	margin-left: 12px;
}
a.portfolio_link{
	clear:left;
	padding-left:12px;
	background: url("../img/menu_background.gif") no-repeat center left;
	line-height:14px;
	font-size:75%;
	text-decoration:none;
	color:#988f86;
	position:absolute;
	bottom: 12px;
	right: 0;
}
a:hover.portfolio_link {
	line-height:14px;
	font-size:75%;
	text-decoration:underline;
	background: url("../img/menu_background.gif") no-repeat center left;
	padding-left:12px;
}

/* style for columns*/

.col1{
	width:236px;
	float: left;
}
.c2{
	width:484px;
}
.col2{
	width:484px;
	float: left;
}
.col3{
	width:732px;
	float: left;
}
.last_column{
	margin-right:0px;
	clear:right;
}
.column{
	float:left;
	margin-left:12px;
	display:inline;
	font-size: 75%;
}
.block{
	float:left;
	margin-bottom:25px;
	display:inline;
}

/*testimonials style */

span.testimonial_title{
	clear:both;
	display:block;
	font-weight:bold;
	padding:10px 0 10px 0;
}
h6.undertestimonial{
	margin-top:12px;
	padding:12px 0 12px 0;
	text-transform:uppercase;
	border-top:2px solid #988f86;
	font-size:100%;
}
h5 {
	clear:both;
	display:block;
	text-transform:uppercase;
	padding-left:12px !important;
	padding-bottom:25px;
}

/* navigator */

.navigator {
	text-align: right;
}
.navigator a {
	padding: 0 .25em 0 .5em;
	border-left: 1px solid #988f86;
}
.navigator a.next,
.navigator a.prev,
.navigator a.navselect {
	text-decoration: none;
}
.navigator a.first,
.navigator a.next,
.navigator a.prev {
	border: none;
}

.navigator a.next {
	padding: 0 12px 0 0;
	background: url(../img/menu_background.gif) right 3px no-repeat;
}

.navigator a.prev {
	padding: 0 0 0 12px;
	background: url(../img/prev_background.gif) left 3px no-repeat;
}

/*news style */

.newslist_img{
	float:left;
	clear:left;
	margin:0px 12px 0px 0;
	width:236px;
	height:156px;
}
ol li a{
	display:block;
	margin-bottom:12px;
	text-decoration:none;
}
ol li a:hover{
	text-decoration:underline !important;
}
.date{
	color:#c1bcb6!important;
	text-decoration:none;
}
a:hover span.date{
	color:#c1bcb6!important;
	text-decoration:none;
}

/*footer style */

#footer{
	clear:left;
	text-align:left;
	font-size:68.75%;
	border-top:2px solid #988f86;
	padding-top:15px;
	padding-bottom: 25px;
	width:980px;
	/*margin: 0 auto 0 auto;*/
	margin-left: 24px;
}
#footer a{
	color:#988f86;
	text-decoration:underline;
}
#footer a:hover{
	color:#988f86;
	text-decoration:none;
}
#footer ul{
	float:right;
	list-style-type:none;
	width:400px;
}
#footer ul li{
	float:right;
	margin:0 5px;
}
#footer ul li.first{
	margin-right:0;
}
#footer ul li a{
	color:#988f86;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#988f86;
	text-decoration:underline;
}

/* LIGHTWINDOW SUPPORT */

#modalOverlay {
	height: 100%;
	background-color: #000;
}

#modalContainer {
	height: 480px;
	width: 830px;
	left: 50%;
	top: 15%;
	margin-left: -415px;
	position: absolute;
}

#modalContainer div {
	background-color: #fff;
	height: 480px;
}

#modalContainer iframe {
	border: none;
	background-color: #fff;
	height: 480px;
	width: 830px;
	overflow: hidden;
}

#modalContainer a {
	position: absolute;
	color: #808080;
	font-size: 10px;
	position: absolute;
	text-decoration: none;
	right: 5px;
	top: 5px;
}

/* CONTACT FORM */

#mailform {
	margin: 0;
	padding: 0;
	height: 430px;
}
#mailform select {
	color: #8B8B8B;
	border: 1px solid #C8C8C8;
	margin-bottom: 5px;
	font-size: 10px;
}
#mailform input {
	color: #8B8B8B;
	width: 135px;
	border: 1px solid #C8C8C8;
	margin-bottom: 5px;
	height: 12.5px;
	font-size: inherit;
}
#mailform input.chradio {
	height: auto;
	width: auto;
	border: 0;
	margin-bottom: 0;
}
#mailform input.button {
	height: auto;
	width: auto;
	border: 0;
	float: right;
	margin: 10px 0 0 0;
}
#mailform .inperror {
	border: 1px solid #cc3333;
}
#mailform .meserror {
	color: #cc3333;
	font-weight: normal;
}
#mailform textarea#comment {
	border: 1px solid #C8C8C8;
	width: 318px;
	height: 125px;
}
#mailform strong {
	font-size: 90%;
}
#mailform label {
	font-size: 90%;
	margin-top: 4px;
}

#mailform div#wrapper {
	overflow: hidden;
}

#mailform div#logo {
	width: 90px;
	float: left;
}
#mailform div#description {
	float: left;
	padding: 30px 35px 0 0;
	width: 160px;
	position: relative;
	height: 410px;
}
#mailform div#description div#company_info{
	padding: 20px 0 0 0;
	position: absolute;
	bottom: 0;
}
#mailform div#second_column {
	float: left;
	width: 160px;
	height: 410px;
	position: relative;
}
#mailform div#second_column div#mandatory {
	margin-top: 20px;
	position: absolute;
	bottom: 0;
}
#mailform div#third_column {
	float: left;
	position: relative;
	width: 320px;
	height: 410px;
}

#mailform div#third_column div#comments_div{
	position: absolute;
	bottom: 0;
}
#mailform div#third_column_a #interest_other,
#mailform div#third_column_b #hear_other {
	margin-top: 5px;
	height: 13px;
}

#mailform div#third_column_a {
	float: left;
	width: 140px;
}
#mailform div#third_column_b {
	float: right;
	width: 160px;
}
#mailform div#third_column_c {
	padding-top: 10px;
	margin-top: -25px;
	clear: both;
}

#mailform div#thank_you {
	float: left;
	width: 410px;
	padding: 30px 0 0 0;
}
#mailform div.small {
	font-size: 90%;
}