@charset "utf-8";
/* CSS Document */

/* Global Resets and Overrides */

* { margin:0; padding:0; }
img { border:none; }

/* Links & Type */

body {
	font-family:Verdana, Helvetica, Arial, Sans-serif;
	font-size:53%;
	color:#777;
}

a:link, a:active, a:visited {
	text-decoration:none;
	color:#009ddc
}
a:hover{}

h1,h2,h3,h4,h5,h6 { font-family:"Times New Roman", Times, serif; }

h1 { font-size:2.4em; }
h3 { font-size:1.5em; }

/* Main Layout */

#header-wrapper {
	background-color:#FFF;
	width:100%;
	position:relative;
	padding:20px 0 0;
}

#header-main {
	width:810px;
	height:120px;
	background-color:#FFF;
	margin:0 auto;
	position:relative;
}

#menu-wrapper {
	background:url(../img/bg/header-bg.png) repeat-x transparent bottom;
	height:28px;
	width:100%;
	position:relative;
}
#menu-main {
	width:810px;
	margin:0 auto;
	position:relative;
}
#dropdown-holder {
	width:810px;
	margin:0 auto;
	position:relative;
	height:1px;
}
#sub-menu-wrapper {
	width:100%;
	height:15px;
	position:relative;
	background-color:white;
	border-bottom:1px solid #009DDC;
}
#sub-menu {
	width:810px;
	margin:0 auto;
	height:15px;
}
#banner-wrapper-top { width:100%; background:url(../img/bg/stripe-bg-top.png) repeat-x transparent top; }
#banner-wrapper-bottom { width:100%; background:url(../img/bg/stripe-bg-bottom.png) repeat-x transparent bottom; }
#banner-content {
	min-height:100px;
	width:810px;
	margin:0 auto;
	padding:15px 0 0;
}

#content1-wrapper {
	width:100%;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding:15px 0;
}

#content2-wrapper {
	width:100%;
	border-bottom:1px solid #999;
	padding:15px 0;
}

#footer {
	width:810px;
	margin:0 auto;
	text-align:center;
}


/* Secondary Layout */

table {
	font-size:1.4em;
	border-spacing:0;
	border:1px solid #DDD;
	width:100%;
}
table td,table th {
	padding:2px 10px;
	border:1px solid #DDD;
}
table th { background-color:#EEE; }

table tr.total { background-color:#EEE;font-weight:bold; }

table form { font-size:1em; }

#shopping-cart{border:none; margin:2em 0;}
#shopping-cart td{border-left:2px solid #DDD;border-right:none;text-align:center;}
#shopping-cart .top td{border-top:2px solid #DDD;}
#shopping-cart .total td{border-bottom:2px solid #DDD;}
#shopping-cart tr td.clear{border:none;border-left:2px solid #DDD;background-color:#FFF;}
#shopping-cart input.remove{
	border:none;
	margin:0 20px 0 0;
	display:inline;
	background:none;
	cursor:pointer;
	font-weight:bold;
	float:none;
}
#shopping-cart input.text{width:3em;float:none;text-align:right;}

#banner-event-info { width:460px; float:right; }

img.cart-image{max-height:80px;max-width:80px}

#header-wrapper img{float:left;}
#header-wrapper img.strapline{margin:78px 0 0;}

#user-header-info{
	position:absolute;
	right:5px;
	top:5px;
	font-size:1.2em;
	line-height:30px;
}

#contact-header-info{
	position:absolute;
	right:5px;
	top:19px;
	font-size:1.2em;
	line-height:30px;
}

#user-header-info img{
	float:none;
	display:inline-block;
	margin:0 2px 0 0;
}

	#menu-main ul li{
		float:left;
		display:inline;
		margin:0 18px;
		text-align:left;
	}
		#menu-main ul li a{
			color:white;
			font-family:"Times New Roman", Times, serif;
			font-size:2em;
			line-height:26px;
			padding:5px;
		}
		#menu-main ul li a:hover,#menu-main ul li a.current{color:#CCC;}
		
div.dropdown{
	width:150px;
	background:#FFF;
	color:#000;
	display:none;
	position:absolute;
	padding:2px 5px;
	border-bottom:2px solid #009DDC;
}
	div.dropdown ul li{
		display:block;
		font-size:1.2em;
		padding:0 5px;
		margin:10px 0;
		list-style:none;
	}
		div.dropdown ul li a{color:#000;}
		div.dropdown ul li a strong{font-size:1.2em;}
		div.dropdown ul li a:hover,div.dropdown ul li a.current{color:#444;}

#sub-menu ul{margin:0 0 0 22px;height:15px;}
#sub-menu ul li{
	display:inline;
	padding:0 20px 0 0;
	height:15px;
	font-size:1.2em;
}
#sub-menu ul li a.current, #sub-menu ul li a:hover{color:black;}

#menu-events-sub{left:105px;}
#menu-services-sub{left:196px;}
#menu-products-sub{left:300px;}

#banner-content img.example-sites{float:right;}
#banner-content div.banner-dates{float:left; width:500px;}
#banner-content div.banner-text{
	float:left;
	width:300px;
	margin-right:40px;
}
#banner-content div.banner-text-wide{float:left; width:600px;}
#banner-content div.banner-text-wide-event{float:left; width:500px;}
#banner-content div.banner-text-gen{float:left; width:810px;}
#banner-content div.banner-text img{margin:10px 0;}

#banner-flash{margin:10px;}

#banner-text { width:810px; }
#banner-text h1, #banner-text h2 { max-width:340px; }
#banner-text-content { width:460px; float:right; margin:0 0 10px 10px; }
	#banner-text-content .banner-flash { margin:0; }
	#banner-text-content .banner-events-date span { float:right; }
#banner-events-cost { font-weight:bold; clear:both; float:none; color:#009DDC; }
#banner-events-map { float:left; width:100px; margin:0 5px 5px 0; }
#banner-guarantee { float:right; width:100px; margin:0 0 5px 5px; }

#options {
	width:810px;
	height:46px;
	padding:10px 0;
	display:block;
}

	#options #options_1, #options #options_2, #options #options_3 {
		width:258px;
		height:46px;
		margin:0 13px 0 0;
		background:#FFF;
		float:left;
		text-align:center;
		border:1px solid #dddddd;
	}
	
	#options #options_3.final {
		margin:0;	
	}


#offers{margin:30px 0; float:left;}
	#offers div.offer-box{
	width:250px;
	height:160px;
	margin:0 10px;
	background:url(../img/bg/offer-box.png) no-repeat transparent;
	position:relative;
	}
		#offers div.offer-box img{float:right; margin:0 0 0 0;}
		#offers div.offer-box a{
			position:absolute;
			bottom:-25px;
			right:10px;
		}
		#offers div.offer-box p{
			float:left;
			width:135px;
			margin:20px 0 0 10px;
		}
		#offers div.offer-box p.events{margin-top:36px;}
		#offers div.offer-box h2{
			margin:0;
			font-size:2em;
			width:260px;
			color:#009ddc;
			position:absolute;
			top:-12px;
			left:10px;
		}

div.content{width:810px; margin:0 auto;}
	div.content blockquote{
		font-size:1.4em;
		font-style:italic;
		padding:0 60px;
		margin:2em 0;		
	}
	div.content blockquote p{font-size:1em;}
		div.content blockquote img{margin:1em 0;}
		div.content blockquote .ref{font-style:normal; font-weight:bold;}
	div.content p{font-size:1.4em; margin:1em 0;}
	div.content ul{
		font-size:1.4em;
		margin:0.5em 0;
		float:left;
		width:100%;
	}
		div.content ul li{margin:0.2em 0 0.2em 20px;}
	div.content h2{
		text-align:left;
		font-size:1.6em;
		margin:0 0 10px;
		float:left;
		width:100%;
	}
	div.content h4{	float:left;}
	
div.highlight-box{
	padding:10px;
	background:#EEE;
	border:1px solid #AAA;
	overflow:auto;
}
	div.highlight-box p{margin:0; padding:0;}
div.column{width:270px; float:left;}
div.column-2{
	width:395px;
	margin:5px;
	float:left;
	text-align:center;
}

div.product{
	margin:20px 0;
	float:left;
	width:810px;
}
	div.product img{
		width:100px;
		float:left;
		margin:0 10px 0 0;
	}
	div.product-text{width:700px; float:right;}

div.audio-player{margin:10px 0 30px;}

img.bio{float:left; margin:0 10px 0 0;}
img.bio-r{
	float:right;
	margin:0 0 0 10px;
	width:140px;
}
img.bio-g{
	float:right;
	margin:-25px 0 0 0;
	width:90px;
}

#services h3{
	margin:10px 15px 0 0;
	width:220px;
	float:left;
}
	#services h3 a{color:#009ddc;}
#services p{
	margin:0 15px 0 0;
	width:220px;
	float:right;
	font-size:1.1em;
}

#services img{
	margin-top:10px;
	margin-right:10px;
	float:left;
}

#video{margin:10px 0;}
	#video h4{
		width:150px;
		float:left;
		font-size:1.4em;
		margin:10px 0 0;
	}
	#video img{float:left; margin:0 5px 0 0;}
	#video p{
		float:left;
		margin:5px 0;
		width:150px;
	}

#contact-details{width:300px; float:left;}
	
#web-packages{
	width:700px;
	float:left;
	margin:0;
	
}
	#web-packages div.package{
		width:790px;
		float:left;
		margin:15px 0;
	}
	#web-packages div.package img{
		height:50px;
		width:50px;
		float:left;
		margin:0 15px 0 0;
	}
	#web-packages div.package p{
		display:table-cell;
		height:50px;
		vertical-align:middle;
		margin:0;
	}
	
#control-panel{}
	#control-panel div.cp-section{
		border:1px solid #DDD;
		padding:5px;
		float:left;
		width:798px;
		margin:10px 0;
	}
	#control-panel div.edit-row{
		width:788px;
		padding:2px 5px;
		background-color:#FFF;
		float:left;
		margin:2px 0;
		font-size:1.1em;
	}
	#control-panel div.info-row{
		width:788px;
		padding:2px 5px;
		background-color:#EEE;
		float:left;
		margin:2px 0;
	}
	#control-panel p{margin:0; float:left;}
	#control-panel p.label{width:250px; margin:0 10px 0 0;}

#footer p{margin:5px 0;}
	#footer p.garamond{font-size:0.9em;}
	
#order-breadcrumbs{font-size:1.2em;}
#order-breadcrumbs li{float:left; color:#999; list-style:none; margin:0 5px 0 0;}
#order-breadcrumbs li.current{color:#000;}
#order-breadcrumbs li.complete{color:#009DDC;}
#order-breadcrumbs li.error{color:#F00;}

.purchase-options{width:405px;float:left;}
.purchase-options2{width:405px;float:right;margin:0 0 0 -1px;}
.purchase-options3{width:810px;float:left;}

	.purchase-options div, .purchase-options2 div, .purchase-options3 div{
		width:200px;
		height:100px;
		float:left;
		margin:15px 1px;
		position:relative;
		background:url(../img/bg/purchase-option-box-2.png) no-repeat;
	}
	
		.purchase-options div form, .purchase-options2 div form, .purchase-options3 div form{
			width:230px;
			height:65px;
			margin:0;
		}
	.purchase-options img.padlock, .purchase-options2 img.padlock, .purchase-options3 img.padlock{
		float:left;
		weight:30px;
		height:30px;
		margin:5px;
	}
	.purchase-options p, .purchase-options2 p, .purchase-options3 p{
		margin:15px 0 0 10px;
		float:left;
		color:#009DDC;
		font-weight:bold;

	}
	.purchase-options .text, .purchase-options2 .text, .purchase-options3 .text{
		width:172px;
		border:1px solid #009DDC;
		padding:0 2px;
		margin:15px 10px;
		background-color:#ebf9ff;
		font-family:Verdana, Geneva, sans-serif;
		color:#666;
		height:1.4em;
		font-size:1.2em;
	}
	.purchase-options .button, .purchase-options2 .button, .purchase-options3 .button{
		border:none;
		cursor:pointer;
		position:absolute;
		top:45px;
		left:0;
		text-indent:-999em;
	}

/* Form layout */

form{/*font-size:1.4em;*/}

input, label, legend, textarea { font-size:1.4em; }

div.content form p { margin:0.4em 0; }

input, textarea{
	font-family:"Times New Roman", Times, serif;
	color:#777;
	float:left;
}
fieldset{border:1px solid #DDD;}
legend{
	margin:0 3px;
	padding:0 1px;
	font-weight:bold;
	color:#009ddc;
}
.req:before {
	content: "* ";
	color:#FF0000;
	font-size:1em;
}
span.error{
	display:none;
	color:red;
	font-size:0.7em;
	font-family:Verdana, Geneva, sans-serif;
	float:left;
}
.contact-error{
	margin:0 0 0 250px;
	width:250px;
	float:left;
	min-height:1em;
}


#contact-us{width:510px; float:left;}
	#contact-us form{width:500px; padding:5px 4px;}
	#contact-us input.button{
		padding:2px 5px;
		margin:2px;
		background:#EEE;
		border:1px solid #009DDC;
	}
	#contact-us input.text{
		width:244px;
		border:1px solid #009DDC;
		padding:0 2px;
		background-color:#ebf9ff;
		height:1.4em;
		font-size:1em;
		font-family:Verdana, Geneva, sans-serif;
		color:#666;
	}
	#contact-us label{
		width:250px;
		float:left;
		border-bottom:1px dotted #009DDC;
		margin:1px 0 0 0;
		line-height:1.4em;
		height:1.4em;
	}
	#contact-us label.noul{border:none;}
	#contact-us select{width:300px; margin:20px 0 40px;}
	#contact-us textarea{
		width:494px;
		height:75px;
		padding:1px 2px;
		border:1px solid #009DDC;
		margin:2px 0;
		background-color:#ebf9ff;
		font-family:Verdana, Geneva, sans-serif;
		color:#666;
	}
	
	#control-panel-edit input.text{width:250px;}
	#control-panel-edit label{width:250px; float:left;}

#offers form{
	width:230px;
	margin:5px 10px;
	float:left;
}
	#offers form input.text{
		width:228px;
		border:1px solid #E9E9E9;
		margin:5px 0;
	}
	#offers form input.button{
		width:141px;
		height:43px;
		background:url(../img/buttons/join-now.png) no-repeat;
		position:absolute;
		bottom:-25px;
		right:5px;
		border:none;
		cursor:pointer;
	}
	
#event-form{width:500px;}
	#event-form fieldset{
		padding:10px 5px 3px;
		margin:10px 5px;
		width:478px;
		float:left;
	}
	#event-form span.formRow{
		float:left;
		margin:2px 0;
		padding:2px;
		background:#EEE;
		width:474px;
	}
	#event-form input.radio{float:left; margin:2px 10px 0 5px;}
	#event-form select{margin:0 2px; padding:0 0 0 3px; width:3em;}	
	
#order-form{
	width:500px;
	margin:0 155px;
	float:left;
}
	#order-form fieldset{
		padding:10px 5px 3px;
		margin:10px 0;
		width:488px;
		float:left;
	}
	#order-form input.text{width:242px; border:1px solid #CCC;}
	#order-form input.checkbox{float:left;}
	#order-form input.radio{float:left; margin:2px 10px 0 5px;}
	#order-form label{width:244px; float:left;}
	#order-form label.event-label{width:450px;}
	#order-form label.terms{width:473px; float:left;}
	#order-form .contact-error{width:244px; margin:0 0 0 244px;}
	#order-form .contact-error-terms{
		float:left;
		margin:0;
		min-height:1em;
		width:488px;
	}
	#order-form span.formRow{
		float:left;
		margin:2px 0;
		width:484px;
		padding:2px;
		background:#EEE;
	}


#login-form{width:500px; margin:0px;}
	#login-form fieldset{padding:5px;}
	#login-form input.button{
			padding:2px 5px;
			margin:2px;
			background:#EEE;
			border:1px solid #009DDC;
	}
	#login-form input.text{width:240px; float:left;}
	#login-form label{width:240px; float:left;}
	#login-form .contact-error{width:245px; margin:0 0 0 240px;}
	
#checkout-reg-form, #checkout-login-form{width:395px; float:left; margin:15px 5px;}
#checkout-login-form form fieldset legend{color:#7CBF17;}
.checkout-form{width:395px;}
.checkout-form fieldset{
	float:left;
	width:380px;
	padding:5px;
	border:1px solid #DDD;
	margin:5px 0;
}
.checkout-form label{width:188px; float:left;}
.checkout-form label.terms{width:360px;}
.checkout-form input.text{width:190px; border:1px solid #BBB; float:left;}
.checkout-form div.error-div{float:left; margin:1px 0 2px 188px; width:190px; min-height:1em;}
.checkout-form div.error-div-terms{float:left; margin:1px 0 2px; width:380px;  min-height:1em;}
	
/* Miscellaneous */

.clear{clear:both;}

.blue{color:#009ddc;}
.green{color:#7CBF17;}

.whiteBG {background:#FFFFFF;}

p.error{color:red;}

/* sIFR Font-Size */

.sIFR-active h2.blue, .sIFR-active h2.black, .sIFR-active h2.green{font-size:2em;}
#web-packages .sIFR-active h2{line-height:1.4em; font-size:1.4em;}

.content{
min-height:100px;
}