/** eventspoint css **/

/* by boris grudinin */
/* http://www.connexion.co.uk/ */
/* ---------------------------- */

/* ---------------------------- */
/*** main styles ***/

* {
	margin: 0;
	padding: 10;
}

html, body { background: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; }

.left { float: left; }
.right { float: right; }

a {
	text-decoration: none;
	color: #FFFFFF;
}
a img { border: 0; }

div.tan {
	background-color: #c4b033;
	border: none !important;
}
span.tan { color: #c4b033 !important; }
div.grey { background-color: #545962; border: none !important; }

/* ---------------------------- */
/*** setting up the page ***/

#main {
	position: relative;
	width: 950px;
	margin: 0 auto;
	float: inherit;
}
#top { position: relative; overflow: hidden; height: 75px; padding-top: 10px; }
#left-col {
	float: left;
	overflow: inherit;
	height: 1%;
	width: 375px;
	position: relative;
	list-style-image: url(../img/model.jpg);
}
#right-col { float: right; overflow: hidden; width: 560px; }
#nav { border: 1px solid #787878; height: 144px; padding: 8px; margin-bottom: 14px; }
#nav.tan { height: 146px; }
#content { position: relative; padding: 10px 13px 0px 13px; min-height: 275px; margin-bottom: 10px; border: 1px solid #787878; }

/* ---------------------------- */
/*** top ***/

#top p { font-size: 70%; color: #545962; padding-top: 37px; }
#top p strong { color: #c4b033; padding-left: 7px; }
#top a { color: #545962; }
#top a:hover { color: #c4b033; }

/* ---------------------------- */
/*** navigation ***/

/** main and sub nav **/

#nav ul.main-nav, #nav ul.sub-nav { list-style: none; }
	#nav ul.sub-nav { padding-left: 13px; margin-top: 22px; }
#nav ul.main-nav li, #nav ul.sub-nav li { margin-bottom: 5px; }
#nav ul.main-nav li a, #nav ul.sub-nav li a { padding-left: 15px; color: #c4b033; background: url(../img/nav/arrow-big.gif) no-repeat left center; font-size: 90%; letter-spacing: -1px; }
	#nav ul.sub-nav li a { font-size: 80%; background: none; }
#nav ul.main-nav li a:hover, #nav ul.sub-nav li a:hover, #nav ul.main-nav li a.active, #nav ul.sub-nav li a.active { color: #545962; background: url(../img/nav/arrow-big-over.gif) no-repeat left center; }
	#nav ul.sub-nav li a:hover, #nav ul.sub-nav li a.active { background-image: url(../img/nav/arrow-small-over.gif); }
	
/** bottom nav **/

#right-col ul.bottom-nav { list-style: none; font-size: 70%; }
#right-col ul.bottom-nav li { float: left; margin-right: 10px; }
#right-col ul.bottom-nav li a { color: #545962; }
#right-col ul.bottom-nav li a:hover { color: #c4b033; }
	
/* ---------------------------- */
/*** splash image ***/

img.splash { border: 1px solid #787878; margin-bottom: 14px; }

a.value { background: url(../img/value.gif); width: 178px; height: 170px; display: block; }
a:hover.value { background: url(../img/value-over.gif); }

a.creative{ background: url(../img/creative.gif); width: 178px; height: 170px; display: block; }
a:hover.creative { background: url(../img/creative-over.gif); }


/* ---------------------------- */
/*** content ***/

#content div.content {
	width: 500px;
}

/** headers **/

#content h1 { font-weight: normal; font-size: 180%; padding-bottom: 10px; letter-spacing: -1px; color: #545962; }
	#content h1.small { font-size: 140%; }

/** paragraphs **/

#content p { font-size: 80%; line-height: 130%; padding-bottom: 10px; color: #545962; }
#content p.welcome { font-size: 130%; line-height: 130%;  letter-spacing: -1px; }
#content p.client {
	font-size: 80%;
	line-height: 80%;
	letter-spacing: -1px;
}
#content p.small { font-size: 70%; }

/** lists **/

#content ul.text { margin-left: 20px; font-size: 80%; padding-bottom: 10px; color: #545962; }
#content ul.text li { margin-bottom: 3px; }

#content ul.contact { list-style: none; font-size: 80%; padding-bottom: 9px; color: #545962; }
#content ul.contact li { margin-bottom: 6px; }
#content ul.contact li a { color: #ffffff; }
#content ul.contact li a:hover { color: #545962; }

/** colour based styles **/

#content.tan h1, #content.tan h2, #content.tan p, #content.tan ul.text, #content.tan ul.contact {
	color: #ffffff !important;
}
#content.grey h1, #content.grey h2, #content.grey p, #content.grey ul.text, #content.grey ul.contact { color: #ffffff !important; }
#content.white h1, #content.white h2, #content.white p, #content.white ul.text, #content.white ul.contact { color: #444444; }

/** success-nav **/ 

#nav .success-nav { clear: both; padding: 34px 0px 0px 43px; font-size: 80%; font-weight: bold; letter-spacing: -1px; }
#nav .success-nav ul { list-style: none; overflow: hidden; }
#nav .success-nav ul li { float: left; padding-right: 7px; margin-left: 7px; border-right: 2px solid #cdcdcd; }
#nav .success-nav ul li a { color: #cdcdcd; }
#nav .success-nav ul li a:hover, #nav .success-nav ul li a.active { color: #545962; }
#nav .success-nav ul li.next { margin-right: 10px; margin-left: 0; border-right: none; }
#nav .success-nav ul li.next a { text-decoration: underline; }

/** one-stop-event-shop **/

#content span.event { width: 130px; margin-right: 45px; color: #797979; font-size: 80%; padding-bottom: 4px; }
#content span.dark { color: #494949 !important; }
#content div.event-shop { background: url(../img/bg-event.gif) repeat-x left bottom; overflow: hidden; padding: 2px 0px; }
#content div.blank { background: none !important; padding-bottom: 10px; }

img.event-left { border: 1px solid #797979; margin: 0px 12px 12px 0px; float: left; }
img.event-right { border: 1px solid #797979; margin: 0px 0px 12px 0px; float: right; }

/** contact form **/

#contact-form { border: 1px solid #797979; padding: 10px; }

#contact-form p { color: #797979; font-size: 80%; }
#contact-form p strong { color: #c4b033; }

#contact-form ul { list-style: none; padding-bottom: 2px; margin-top: 10px; font-size: 70%; }
#contact-form ul li { padding: 4px; border: 1px solid #898989; margin-bottom: 8px; clear: both; overflow: hidden; }
#contact-form ul li.textarea { height: 1%; }
#contact-form ul li.last { border: none; padding: 0; margin: 0; }

#contact-form ul li label { display: block; float: left; border-right: 2px solid #c4b033; width: 75px; margin-top: 2px; }
#contact-form ul li.textarea label { height: 79px; margin-top: 0px; }
#contact-form ul li input { display: block; float: right; font-size: 80%; padding: 2px 3px; width: 256px; }
#contact-form ul li input.text { border: none; background-color: #efefef; }
#contact-form ul li input.submit { float: left; font-weight: bold; padding: 1px 0px; width: auto; }
#contact-form ul li textarea { display: block; float: right; padding: 2px 3px; width: 256px; height: 75px; border: none; background-color: #efefef; }

/* ---------------------------- */
/*** footer ***/

#right-col p.bottom { font-size: 65%; padding-top: 1px; }
#right-col p.bottom a { color: #c4b033; }
#right-col p.bottom a:hover { color: #545962; }

/* ---------------------------- */
/*** thank-you ***/

#nav h1 { font-weight: normal; font-size: 140%; padding-bottom: 10px; letter-spacing: -1px; color: #ffffff; }
#nav p { font-size: 80%; line-height: 130%; padding-bottom: 10px; color: #ffffff; }
#nav a { color: #ffffff; }
#nav a:hover { color: #545962; }