/* © 2007 madewithpixels */
/* XHTML / CSS written by Michael Auty */

/* GLOBAL STYLES 
-------------------------------------------------------------------------------*/
html, body {
	width:100%;
	height:100%;
	} 

body {
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#464b50;
	line-height:2em;
	background:#464b4f url(../../images/bannerhomeback.jpg) top left repeat-x;
	}


/* ooooooo 'naughty' styles... NOTE TO MR GOOGLE: used for good, not evil!
-------------------------------------------------------------------------------*/
hr { 
	display:none; }


/* RESET DEFAULT STYLES
-------------------------------------------------------------------------------*/
body, p, h1, h2, h3, h4, h5, ul, ul li, ol, ol li, form, input, fieldset, label, blockquote {
	margin:0;
	padding:0;
	}

fieldset, img a, img a:hover {
	border:none; }

li { 
	list-style-type:none; }

.clearboth {
	clear:both; }

a img {
	border:none; }


/* GLOBAL TYPOGRAPHY
-------------------------------------------------------------------------------*/
h1, h2 {
	display:block;
	text-indent:-5000px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	}

h1 a {
	display:block;
	width:421px;
	height:121px;
	margin:20px 0 28px 30px; 
	background:url(../../images/logo.png) top right no-repeat;
	}
	
h3 {
	font-size:1.8em;
	font-weight:bolder;
	color:#99c426;
	}
	
p {
	font-size:1.4em;
	margin:20px;	
 	}


/* GLOBAL LINK STYLES
-------------------------------------------------------------------------------*/
a {
	outline:none;
	text-decoration:none; }
	
a:link, a:visited, a:active {
	color:#99c426;
	}

a span {
	text-decoration:underline; }

a:hover {
	text-decoration:underline; }


/* GLOBAL LAYOUT
-------------------------------------------------------------------------------*/
#sitewrapper {
	height:100%;
	width:980px;
	background:url(../../images/bannerhome.jpg) top left no-repeat;
	}

#contentwrapper {
	float:left;
	display:inline;
	margin:0;
	width:580px;
	}

#content {
	float:left;
	display:inline;
	width:560px;
	margin:0 0 0 10px;
	padding:0 0 20px 0;
	background:#fff url(../../images/contentgrad.jpg) top left repeat-x;	
	}
	
#header {
	float:left;
	display:inline;
	width:541px;	
	}
	
#contentbottom {
	float:left;
	display:inline;
	margin:0 0 -30px 10px;
	width:560px;
	height:22px;
	background:#fff;
	}

#leftcol {
	float:left;
	display:inline;
	width:580px;
	}

#leftcol p {
	padding:0 185px 0 0; }
	
#navmain {
	float:left;
	display:inline;
	width:188px;
	margin:172px 0 0 22px;
	}
	
#navmain li {
	padding:0 0 0 8px; }
	
#navmain li a {
	display:block;
	width:163px;
	font-size:1.2em;
	font-weight:bolder;
	padding:7px 0px 7px 15px;
	background:#1a1c1e;
	border-top:1px solid #313335;
	border-bottom:1px solid #000;
	}

#navmain li a:hover, #navmain li.selected a {
	background:#141517;
	color:#fff;
	}

#navmain li:hover, #navmain li.selected {
	background:url(../../images/icon_navover.png) top left no-repeat;
	}

#quote {
	float:right;
	display:inline;
	width:195px;
	margin:0 18px 0 20px;
	background:url(../../images/quoteboxback.png) repeat-y;
	}

#quotetop {
	width:195px;
	height:20px;
	margin:-20px 0 0 0;
	background:url(../../images/quoteboxtop.png) no-repeat;
	}

#quotebottom {
	width:195px;
	height:42px;
	margin:0 0 -42px 0;
	background:url(../../images/quoteboxbottom.png) no-repeat;
	}

#quote p {
	width:160px;
	margin:0 0 0 20px;
	padding:0 20px 0 3px;
	font-size:1.8em;
	font-style:italic;
	}
	
#quote p cite {
	margin:10px 20px 0 0;
	font-size:.5em;
	font-weight:bolder;
	line-height:1.6em;
	}
	
#rightcol {
	float:right;
	display:inline;
	width:172px;
	height:200px;
	margin:0 10px 0 0;
	padding:170px 10px 0 0;
	}

.featbox {
	width:172px;
	background:url(../../images/featboxdrop.png) no-repeat;
	font-size:1.2em;
	color:#fff;
	}

.content {
	width:157px;
	margin:0 0 0 15px;
	background:#111 url(../../images/featboxback.png) bottom no-repeat;
	}

.featbox h3 {
	width:127px;
	height:53px;
	margin:0 40px 0 15px;
	text-indent:-5000px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	border-bottom:1px dotted #fff;
	}

.hdr_contact {
	background:url(../../images/hdr_contact.png) 0 -15px no-repeat; }

.featbox ul {
	padding:10px 0 30px 13px; }

li.fax {
	padding:5px 0 5px 23px;
	background:url(../../images/icon_fax.png) 0 5px no-repeat;
	}

li.tel {
	padding:0 0 0 23px;
	background:url(../../images/icon_tel.png) no-repeat;
	}

li.eml {
	font-weight:bolder; }
	
#footer p {
	float:left;
	display:inline;
	clear:both;
	margin:23px 0 0 208px;
	padding:7px 10px 7px 10px;
	width:540px;
	font-size:1em;
	color:#fff;
	background:url(../../images/trans1x1_20.png) repeat;
	}

#footer p span {
	padding:0 0 0 25px; }

#footer a {
	clear:both;
	float:right;
	display:inline;
	margin:5px 211px 0 0;
	font-weight:bolder;
	}


/* HOMEPAGE LAYOUT
-------------------------------------------------------------------------------*/
body#home #contentwrapper {
	margin:43px 0 0 -12px;	
	}
	
body#home #header {
	margin:10px 0 0 10px;
	padding:19px 0 13px 19px;
	background:#a6c326 url(../../images/headergrad.jpg) bottom left repeat-x;
	}

body#home #leftcol {
	margin:-42px 0 0 0;
	background:url(../../images/contenttophome.png) no-repeat;
	}
	
#hdr_home {
	width:120px;
	height:24px;
	margin:20px;
	text-indent:-5000px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	background:url(../../images/hdr_home.png) no-repeat;
	}


/* STEPDOWN GENERIC LAYOUT
-------------------------------------------------------------------------------*/
body#stepdown #contentwrapper {
	margin:232px 0 0 -12px;	
	}

body#stepdown #leftcol {
	margin:-231px 0 0 0;
	padding:231px 0 0 0;
	background:url(../../images/contenttophome.png) no-repeat;
	}

body#stepdown #header {
	position:relative;
	height:200px;
	margin:-220px 0 0 10px;
	padding:19px 0 13px 19px;
	background:#a6c326 url(../../images/headergrad.jpg) bottom left repeat-x;
	
	}
	
#breadcrumb {
	margin:0 0 0 23px;
	font-size:1.1em;
	color:#fff;
	}

#breadcrumb a {
	color:#191919;
	padding:0 1px 0 0;
	 }
	 
/* SERVICES LAYOUT
-------------------------------------------------------------------------------*/
.hdr_services {
	margin:-5px 0 0 0;
	padding:0;
	width:521px;
	height:144px;
	background:url(../../images/hdr_services.png) no-repeat;
	}

ul#services li {
	margin:30px 50px 0 0;
	padding:0 0 0 130px;
	 }

ul#services li p {
	margin:0;
	padding:0; }

#corpevents {
	background:url(../../images/icon_corpevents.jpg) no-repeat; }

#conferences {
	background:url(../../images/icon_conference.jpg) no-repeat; }

#meetings {
	background:url(../../images/icon_meetings.jpg) no-repeat; }
	
#parties {
	background:url(../../images/icon_parties.jpg) no-repeat; }

#product {
	background:url(../../images/icon_product.jpg) no-repeat; }

#team {
	background:url(../../images/icon_team.jpg) no-repeat; }

#golf {
	background:url(../../images/icon_golf.jpg) no-repeat; }

#hospitality {
	background:url(../../images/icon_hospitality.jpg) no-repeat; }

#consultancy {
	background:url(../../images/icon_consultancy.jpg) no-repeat; }


/* CASE STUDIES LAYOUT
-------------------------------------------------------------------------------*/
.hdr_casestudies {
	margin:-5px 0 0 0;
	padding:0;
	width:521px;
	height:144px;
	background:url(../../images/hdr_casestudies.png) no-repeat;
	}

ul#casestudies li {
	margin:30px 50px 0 42px;
	padding:0 0 30px 0;
	border-bottom:1px dotted #b6b6b6;
	}

ul#casestudies li p {
	margin:0;
	padding:0; }

ul#casestudies li a {
	font-weight:bolder; }


/* ABOUT US LAYOUT
-------------------------------------------------------------------------------*/
body#stepdown.about #leftcol h3, body#stepdown #leftcol h3.logintitle {
	padding:30px 20px 0 38px;
	}

body#stepdown.about #leftcol p {
	padding:0 20px 0 20px;
	}


/* FORM LAYOUT
-------------------------------------------------------------------------------*/
.eventformbox {
	float:left;
	display:inline;
	margin:40px 40px 0 40px;
	border:1px dotted #999;
	}

.eventformboxbottom {
	float:left;	
	display:inline;
	margin:0 0 0 40px;
	}

.hdr_eform {
	margin:-5px 0 0 0;
	padding:0;
	width:521px;
	height:144px;
	background:url(../../images/hdr_eform.png) no-repeat;
	}
	
body#stepdown #leftcol h3 {
	padding:0 40px 0 0;
	font-size:2.4em;
	line-height:1.2em;
	}

body#stepdown #leftcol h4 {
	padding:20px 40px 0 40px;
	font-size:1.8em;
	line-height:1.4em;
	color:#99c426;
	}

p.eventtitle {
	margin:20px 0 0 40px;
	padding:0;
	text-transform:uppercase;
	font-weight:bolder;
	}

p.eventtitle span {
	background:#CCCCCC; }

p.required {
	margin:10px 0 0 40px;
	font-size:1.1em;
	font-style:italic; }

p.required span {
	font-size:1.4em;
	font-weight:bolder;
	color:red; 
	}

.eventformbox h5 {
	font-size:1.8em;
	padding:20px 0 10px 20px;
	color:#99c426;
	}

.eventformbox p {
	margin:0 0 20px 20px;
	padding:0 0 0 0;
	font-size:1.1em;
	line-height:1.4em;
	}

#leftcol .eventformbox p.loginpara {
	margin:0 20px 20px 20px;
	padding:0;
	}

.eventformbox table {
	margin:0 20px 20px 20px;
	width:440px;
	}
	
.eventformbox table tr td {
	padding:0 0 10px 0;
	vertical-align:top; }

.eventformbox table tr td.title {
	width:200px; }

.eventformbox table tr td.value {
	width:240px; }

.eventformbox label {
	font-size:1.1em; }

.eventformbox label span {
	color:red;
	font-size:1.4em;
	font-weight:bolder; }

.eventformbox input, .eventformbox textarea {
	border:3px solid #ccc;
	background:#FFFFCC;
	padding:5px;
	font-size:1.1em;
	color:#999;	
	} 

.eventformbox input.textbox {
	width:220px; }

.eventformbox textarea {
	width:220px;
	height:100px;
	}

.eventformbox input.btn_submit {
	float:right;
	margin:0 0 0 0;
	background:#99c426;
	font-size:1.4em;
	text-transform:uppercase;
	color:#fff;
	font-weight:bolder;
	cursor:pointer; 
	}

.eventformbox tr td input.btn_submit { 
	margin:0 0 0 30px;
	}

body#stepdown #leftcol .eventformboxbottom p {
	padding:10px 0 0 0;
	margin:0 0 0 10px;
	width:350px;
	font-size:1.1em;
	line-height:1.4em;
	}

.eventformboxbottom input.btn_submit {
	border:3px solid #ccc;
	padding:5px;
	margin:15px 0 0 30px;
	width:80px;
	background:#99c426;
	font-size:1.4em;
	text-transform:uppercase;
	color:#fff;
	font-weight:bolder;
	cursor:pointer;
	}

.form_container tr.validation input, .form_container tr.validation textarea {
	background:#fe4b4b;
	color:#fff;
	font-weight:bolder;
	}

h5#validationmain {
	margin:20px 0 0 40px;
	padding:20px;
	width:440px;
	clear:both;
	float:left;
	font-size:1.2em;
	text-transform:uppercase;
	border:1px dotted red;
	color:red;
	}
	
.validerror {
	position:absolute;
	width:29px;
	height:29px;
	display:block;
	margin:-30px 0 0 205px;
	background:url(../../images/icon_warning24.png) no-repeat;
	text-decoration:none; 
	}

.validerror:hover 
{
    text-decoration:none;
}

.validerror:hover .fg-tooltip {
	display:block;
}

.fg-tooltip {
	display:none;
	padding: .8em;
	width: 12em;
	border-width: 2px !important;
	position: absolute;
	margin:-99px 0 0 -53px;
}

.fg-tooltip p {
	margin:0 0 -8px 0;
	padding:5px;
	color:#fff;
	font-size:1.2em;
	font-weight:bolder;
	line-height:1.2em;
	background:#fe4b4b;
	border:2px solid #fff;
	}

.fg-tooltip .fg-tooltip-pointer-down, .fg-tooltip .fg-tooltip-pointer-down-inner {
	position: absolute; 
	width:0; 
	height:0; 
	border-bottom-width: 0;
	background: none;
}
.fg-tooltip .fg-tooltip-pointer-down {	
	border-left: 7px solid transparent; 
	border-right: 7px solid transparent;
	border-top-width: 14px;
	bottom:	-14px;
	right: auto;
	left: 50%;
	margin-left: -7px;
}
.fg-tooltip .fg-tooltip-pointer-down-inner {
	border-left: 5px solid transparent; 
	border-right: 5px solid transparent;
	border-top: 10px solid #fff;
	bottom:	auto;
	top: -14px;
	left: -5px;
}