/***********************************/
/**        BASE STYLES         **/
/***********************************/

body {margin: 0; padding: 0;;}
h1, h2, h3, p {margin: 0; padding: 0;}
img {border: none;}

/*************/
/*   FONTS   */
/*************/
/* GLOBAL FONTS */
body {font-family: Century Gothic, Arial, Helvetica, Verdana, sans-serif; font-size: 81.3%; font-style: normal; font-weight: normal;}

body{
	font-size /*\**/:76%\9;
}

/* FONT SIZE */
h1 {font-size: 1.4em;}
h2 {font-size: 1.2em; }
h3, h4 {font-size: 1.1em;}
input, select, textarea {font-size: 90%;}


/********/
/* TEXT */
/********/
body, a {color:#666; font: normal 12px Arial;}
p{line-height: 18px;}

/* TEXT DECORATION */
a {text-decoration: none; font: normal 12px Arial;}
a:hover {text-decoration: underline;}

/* TEXT ALIGN */
table th, table td {text-align: center;}


/***********/
/*  LISTS  */
/***********/
ul {margin: 0; padding: 0; list-style: none;}


/***********/
/* BORDERS */
/***********/
h1 {border-color:#000;}
fieldset {border-color:transparent;}


#wrapper {margin:0 auto; padding-top:0; text-align: left; position: relative; }
#col-two-three {text-align: left; /* ie4 fix needed due to float:right; */}

/******************/
/*     FORMS      */
/******************/
form {display: inline; margin: 0;}
input, select {vertical-align: middle;}
radio, checkbox {vertical-align: middle; float: left;}
legend {display: none;}
fieldset {margin: 0; border-style: solid; border-width: 0; margin-bottom: 1em; clear: both; padding: 0;}
fieldset label {float: left;}
fieldset div div {clear: none; float: left;}
fieldset div {clear: both;}

/******************/
/* COMMON CLASSES */
/******************/
.bold {font-weight: bold;}
.first {border-left: 0;}
.hide {display: none;}
.left {float: left;}
.right {float: right;}
.clear-all {clear: both; height: 0; line-height: 0; font-size: 0;}
.re-waiHide {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}


/***** HACKS *****/
/* IE7 - Moz */
html > body table.wizrtable th {font-size:1.1em;width:250px;vertical-align:top; }
html > body table.wizrtable td {font-size: 1.1em;}

/* IE IE 5 - 6 - see "html > body table.wizrtable th" below */
table.wizrtable th {font-size: 90%;}
table.wizrtable td {font-size: 80%;}
/* END IE 5 - 6 */

/***********************************/
/**          PAGE STYLES          **/
/***********************************/
body{ background:url(../images/bg.jpg) repeat;}
#wrapper {width: 960px; margin: 0 auto;}
#inner-wrapper {width: 900px; margin: 0 auto;}
#header {
	width: 900px;
	height: 120px;
	margin: 0;
	border-bottom:solid 1px #999999;
}
#col-one-two-three{
	width: 900;
}
#col-two-three {
	width: 580px;
	float: left;
	padding: 20px 15px 20px 20px;
}
#content{
	background:#FFF;
}
#col-one{
	width: 240px;
	float: right;
	margin: 0;
	padding: 30px 20px 20px 0;
}
#footer{
	width: 900;
	margin: 0;
}
div.dotline{ border-bottom-style: dashed ; border-bottom-color: #CCC; margin:10px 0; border-bottom-width: 1px; width:100% !important; }
/***********************************/
/**        LAYOUT STYLES         **/
/***********************************/

/* HEADER */
#header .logo{float: left; margin: 30px 0 0 0;}
#header .topnav{float: right; margin: 40px 0 0 0;}
#header .menu{width: 600px; margin: 10px 0 0 0; text-align: right; } 
#header .topnav ul{float: right; margin: 5px 0;}
#header .topnav ul.topmenu1 li{float: left; padding: 0 5px;   line-height: 12px;}
#header .topnav ul.topmenu1 li.first{border: none; }
#header .topnav ul.topmenu1 li a{color: #000; padding: 0 14px 0 0;
margin: 0 6px 0 0; background: url(../images/bullet.png) no-repeat right center; font-size: 1.3em;  font-family: "Century Gothic";}
#header .topnav ul.topmenu1 li.active a, #header .topnav ul.topmenu1 li a:hover {color: #09F; text-decoration:none;  }
#header .topnav ul.topmenu1 li a.last { background:none; padding: 0; margin: 0;}

/* MAIN LOGO */


/* FOOTER */
#footer{font-size: 0.9em; color: #666; border-top: 1px solid #666;}
#footer .footerlink{margin: 10px 0 0 0; float: left; width:400px; padding-bottom:20px;}
#footer .copyright{height: 45px; float:right; color:#666;}
#footer .footerlink ul li{float: left; padding: 0 7px; margin: 7px 0; line-height: 10px; border-right: 1px solid #999;}
#footer .footerlink ul li.last{border-right: none;}
#footer .footerlink ul li a{color: #666;}
#footer .footerlink ul{margin-top: 3px;}
#footer .copyright p{margin: 16px 0 0 5px;}
#col-one-two-three #sociallink a{float: right; margin: 5px 0 10px 0; color:#666; }

/* HOME PAGE */

#checkroom{height: 65px; background: url(../images/bg_engine.png) no-repeat left top; border-bottom: 1px solid #d2a98a; }
#checkroom .engine{padding: 5px 0 0 220px;}
#checkroom .engine div.txtin, #checkroom .engine div.txtout{}
#checkroom .engine div.txtin img, #checkroom .engine div.txtout img{float: left; display: block; width: 20px; height: 20px; margin: 0 0 0 6px;}
#checkroom .engine .frminput{float: left; font-size: 0.9em; margin-top: 5px; padding-right:5px;}
#checkroom .engine .calendar{margin: 0 0 0 5px;}
#checkroom .engine .frminput .label{ margin-right:8px;; color: #000; font-weight: normal; font-size: 1.2em;}
#checkroom .engine .frminput input.txtinput{float: left; width: 72px; font-size: 0.9em; border: 1px solid # 999; margin: 0; height: 15px;}
#checkroom .engine .frminput select{width: 40px; margin: 2px 9px 0 0px;}
#checkroom .engine .checkout {margin: 5px 8px 0 8px;}
#checkroom .engine .booknow {margin: 20px 0 0 -140px; float: left;}
#checkroom .engine .chart a{margin: -4px 0 0 5px; float:left; text-decoration:underline; color:#666; }
#welcome .welcomemsg h1{height: 35px;  background: url(../images/title.png) no-repeat left top;}
#welcome .welcomemsg h1 span{display: none;}
#welcome .welcomemsg p{margin: 10px 0 20px 0;}
#home-banner{padding: 20px 0 40px 0;}
#home-banner .sophos, #home-banner .fireeye, #home-banner .ewall, #home-banner .thales, #home-banner .service-centre{float: left; margin-right: 7.2px;}
#home-banner .service-centre.last {float: left; margin-right: 0px;}
#home-banner .special h2{width: 174px; height: 26px; background: url(../images/hdr_special.gif) no-repeat left top #9a7d61;}
#home-banner .golf h2{width: 174px; height: 26px; background: url(../images/hdr_golf.gif) no-repeat left top #9a7d61;}
#home-banner .nearby h2{width: 174px; height: 26px; background: url(../images/hdr_nearby.gif) no-repeat left top #9a7d61;}
#home-banner .culture h2{width: 174px; height: 26px; background: url(../images/hdr_culture.gif) no-repeat left top #9a7d61;}
#home-banner .comments h2{width: 174px; height: 26px; background: url(../images/hdr_comments.gif) no-repeat left top #9a7d61;}
#home-banner #box{width: 144px;}

/* PRODUCTS */
#product {padding:0; }
#product div.header{background: #0C110D; border-bottom: 5px solid #C1C1C1;
color: #FFF; text-align: left; padding: 9px 23px; font-size: 12px; }
#product div.header span{padding:15px 0; font-weight:bold; color:#FFF; }
#product div.header a{color: #CCC; text-decoration: underline;  padding: 0 5px;}
#product div.header a:hover {color:#FFF;}
#products {padding:30px 20px; }
#products div.products-left{width: 300px; float: left;}
#products div.products-right{width: 520px; float: right;}
#products div.products-right h2{ color:#09F; margin: 0 0 10px 0; text-align: left; border-bottom: 1px dotted #b8b6b4; padding-bottom: 10px;}
#products div.products-right p { text-align:justify; line-height:20px; padding:10px 0;}
#products div.products-right ul span.headlist{font-weight: bold; text-decoration: underline; float:left;}
#products div.products-right ul li{list-style: disc ; margin: 3px 0 0 20px; width:260px; float:left}
#products div.products-right ul li a { text-decoration:underline; line-height:20px;}
#products div.products-right ul li a:hover { color:#09F;}


/* CONTACT*/
#contact{padding: 30px 30px; width:840px;  }
#contact div.address{width: 250px; float: left;}
#contact div.map{width:420px; float: right; text-align: left;}
#contacte div.map img.mapthumb{border: 2px solid #000; margin: 0 0 5px 0;}
#contact h1{ color:#000; margin: 0 0 10px 0; text-align: left; border-bottom: 1px solid #999; padding-bottom: 15px; font-size:22px; font-weight:normal;}

/* SERVICES */
div.service {margin-top: 10px;  border: 1px solid #DDD; width:580px; }
div.service h2{font-size: 1.4em; text-align: left; border-bottom: 1px solid #09F;   margin:20px 30px  30px; padding-bottom:15px;}
div.service p{text-align:justify; line-height:20px; padding:10px 30px;}
div.service a:link{text-align:justify; line-height:20px; padding:20px 30px; text-decoration:underline; font-style:italic;  }
div.service img{}
div.service ul.product li{ text-align:justify; line-height:20px;  list-style: disc; margin-left:60px; padding-right:30px;}

div.products-left{margin: 10px 0 0 10px;  width:570px; }
.blue{color:#09F;}
.download{margin: 10px 0 0 0px;  width:570px; border-bottom: 1px solid #E4E4E4;}
div.download .loadImage {
width: 150px;
float: left; padding-bottom:5px;
}
div.download p.footerPromo {
margin: 5px 0 5px 0;
}
.event{margin: 30px 0;  width:570px; border-bottom: 1px solid #E4E4E4;}
div.event .image img {
width: 180px;
float: left; padding-bottom:5px; border:0;
}
div.event .right { margin-left:10px; width:370px;
}
div.event .right p.header { font-size:16px; color:#065AA4; padding-top:0;}
div.event .right p { text-align:left; line-height:20px; padding:10px 0;}
.footerPromo img {
float: left;
padding: 3px 10px 0 5px;
}
.footerPromo a:link{}
.footerPromo a:hover { color:#065AA4;}

div.download p.header { font-size:16px; color:#065AA4;}
div.products-left h1{ color:#000; margin: 0 0 10px 0; text-align: left; border-bottom: 1px solid #999; padding-bottom: 15px; font-size:22px; font-weight:normal;}
div.products-left h2{ color:#000; margin: 0 0 10px 0; text-align: left; border-bottom: 1px dotted #DDD; padding-bottom: 15px; font-size:22px; font-weight:normal;}
div.products-left p { text-align:justify; line-height:20px; padding:10px 0;}
div.products-left ul span.headlist{font-weight: bold; text-decoration: underline; float:left;}
div.products-left ul li{list-style: disc ; margin: 3px 0 0 20px; width:260px; float:left}
div.products-left ul li a { text-decoration:underline; line-height:20px;}
div.products-left ul li a:hover { color:#09F;}

/*PRODUCT SLIDER*/
.handset{cursor:pointer;
	float:left;
	width:928px;
}
.handset > ul {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(../images/handset/background1.png);
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	height:170px;
	margin:0;
	padding-bottom:4px;
	padding-left:0px;
	padding-right:0px;
	padding-top:4px;
	width:900px; 
}
.handset > ul > li {
	float:left;
	height:100%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}
.handset a.prev {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(../images/handset/prev.png);
	background-position:0 0;
	background-repeat:no-repeat;
	cursor:pointer;
	float:right;
	height:41px;
	margin:48px 0px 0px 0;
	padding:0;
	width:35px;
}
.handset a.next {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(../images/handset/next.png);
	background-position:0 0;
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	height:41px;
	margin:48px 0px 5px 0;
	padding:0 0px 0  0;
	width:35px;
	}
.handset .scroll {
	float:left;
	height:170px;
	margin:0;
	overflow-x:hidden;
	overflow-y:hidden; 
	padding:5px 5px 0 0;
	position:relative;
	width:820px; 
	
}
.handset .scroll > div {
	clear:both;
	height:163px;
	position:absolute;
	width:10000px;
}
.handset .scroll img {
	cursor:pointer;
	float:left;
	height:140px;
	margin:0 7px 0 10px;
	 padding:0px;
	width:120px;
}


.index-demoproducts {
height: 100%;
width: 920px;
margin-bottom: 5px;
}

.urbangreymenu {
width: 240px;
}
.urbangreymenu .headerbar a {
text-decoration: none;
color: white;
display: block;
}
.urbangreymenu .headerbar {
font: bold 13px ;
color: white;
background-color: #606060;
margin-bottom: 0;
padding: 7px 0 7px 15px;
}
.urbangreymenu ul {
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0;
}
.urbangreymenu ul li {
padding-bottom: 2px;
}
.urbangreymenu ul li a {
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 15px;
text-decoration: none;}
.urbangreymenu ul li a:visited {
color: black;
}
.urbangreymenu ul li a:hover {
color: white;
background: black;}
.submenu {
display: none;
}
#NavigationSecondary {
}
#NavigationSecondary h2 {
background: #3C3C3C;
border: 1px solid #DDD;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-radius: 6px 6px 0 0;
border-bottom: 0;
color: white;
font-size: 100%;
font-weight: bold;
margin-bottom: 0;
padding: 6px 12px;
}
#NavigationSecondary ul {
background: url(../images/secondary-nav-bg.png) repeat-x 0 100%;
border: 1px solid #DDD;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
border-radius: 0 0 6px 6px;
padding-bottom: 10px;
}
#NavigationSecondary .subnav ul {
background: none;
padding: 0px;
border: none;
}
#NavigationSecondary li {
border-bottom: 1px solid #DDD;
}
#NavigationSecondary li {
border-bottom: 1px solid #DDD;
}
#NavigationSecondary a.active {
background: #09F;
color: white;
}
#NavigationSecondary a {
display: block;
padding: 6px 12px;
}
#NavigationSecondary a {
color: #5B6770;
display: block;
font-size: 1em;
padding: 6px 12px;
zoom: 1;
}
#NavigationSecondary span {
display: block;
background: #DDD url(../images/navigation-secondary-group-header-bg.png) repeat-x 0 100%;
border: 0;
font-weight: bold;
padding: 8px 12px;
}