/*
Author: INC Marketing
Project: Victoria Centre
Date: 25/03/2010
Credit: David Battersby (info@davidbattersby.com)
*/


/* 
# CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/


/* 
# Colour reference ###################


*/
 
/*
# Reset defaults ################### 
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } /* Reset margins and padding */

a:link, a:visited{text-decoration:none;outline:none;} /* Reset link styles */

html {overflow: -moz-scrollbars-vertical;} /* Mozilla scrollbar fix */

#skipto{position:absolute;left:-9999px;top:-9999px;} /* Hides the skip to link - useful for screen readers */

.group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* Automatically clears after any element with this class */

/*
# Layout ################### 
*/

body{font:62.5% "Helvetica Neue", Helvetica, Arial, sans-serif;color:#fff;background:#000;margin-top:20px;}

#header, #content{margin-left:auto;
margin-right:auto;
width:980px;
}

#dynamic{
clear:left;
margin-left:auto;
margin-right:auto;
width:965px;
height:140px;
padding:27px 0 0 17px;
background:url(/images/3col-bg.gif) no-repeat top left;}


#body{
	padding-left:15px;
	width:625px;
	float:left;
}

#sidebar{
	width:295px;
	margin-left:30px;
	float:left;
	padding-top:75px;
}


#upcoming-event, #latest-competition, #ezine-signup{
	float:left;
	width:300px;
	height:150px;
	margin-right:27px;
}

#ezine-signup{margin-right:0;}

#ezine-signup a{display:block;width:100%;height:100%;}

#ezine-signup span{
	float:left;
	padding-top:15px;
	width:170px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.1em;
	color:#ca992c;
}

#footer{
margin-left:auto;
margin-right:auto;
width:965px;
padding-left:15px;
}

.footer-wide{
	float:left;
	width:330px;
	color:#999;
}

.footer-thin{
	float:left;
	width:150px;
	margin-right:10px;
	color:#999;
}


.news{
	padding:170px 0 0 0;
	min-height:400px;
	background: url(/images/news-bg.jpg) no-repeat top right;
}

.stores{
	padding:170px 0 0 0;
	min-height:400px;
	background: url(/images/stores-directory.jpg) no-repeat top right;
}

.centre-information{
	padding:170px 0 0 0;
	min-height:400px;
	background: url(/images/centre-information.jpg) no-repeat top right;
}

.special-offers{
	padding:170px 0 0 0;
	min-height:400px;
	background: url(/images/special-offers-bg.jpg) no-repeat top right;
}

.commercialisation{
	padding:170px 0 0 0;
	min-height:400px;
	background: url(/images/commercialisation-bg.jpg) no-repeat top right;
}

.finding-the-victoria{
	padding:170px 0 0 0;
	min-height:400px;
	background: url(/images/finding-the-victoria-bg.jpg) no-repeat top right;
}

.contact-victoria{
	padding:170px 0 0 0;
	min-height:400px;
	background: url(/images/contact-us-bg.jpg) no-repeat top right;
}


.bunny-hop{
	padding:250px 0 0 0;
	min-height:320px;
	background: url(/images/bunny-hop-bg.gif) no-repeat top right;
}



/*
# Nav ################### 
*/

#nav{
background:transparent url(/images/menu-bg.gif) repeat-x top left;
margin:20px 0 0 0;
padding:9px 15px;
width:950px;
}

#nav li{
	display:inline;
	padding:5px 11px 5px 10px;
	background: url(/images/menu-border.gif) no-repeat center right;
}

#nav li a{text-decoration:none;
text-transform:uppercase;
color:#CCC;
font-size:1.1em;
font-family:Georgia, "Times New Roman", Times, serif;
}

/*
# Headings ################### 
*/

h1{font-family:Georgia, "Times New Roman", Times, serif;color:#ca992c;font-size:3em;font-weight:normal;margin-bottom:40px;}

h2{font-family:Arial, Helvetica, sans-serif;color:#ca992c;font-size:1.7em;font-weight:normal;margin-bottom:0px;}

h3{}

h4{font-family:Georgia, "Times New Roman", Times, serif;color:#999;font-size:1.3em;font-weight:normal;margin-bottom:4px;}

#upcoming-event h3, #latest-competition h3, #ezine-signup h3{
font-size:1.4em;
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
color:#FFF;
font-weight:normal;
margin-bottom:5px;
}

#logo{width:229px;height:86px;background:url(/images/victoria-centre-logo.gif) no-repeat;}
#logo a{display:block;height:100%;width:100%;}
#logo a span{position:absolute;left:-9999px;top:-9999px;}

/*
# Lists ################### 
*/



/*
# Images ################### 
*/

img{border:none;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}

#sidebar img{
	margin:5px 0;
}

/*
# Links ################### 
*/

a{color:#ca992c;}
a:hover{}

.back-link{margin-top:-17px;padding-top:0;}

.news-item a{color:#ca992c;}

/*
# Forms ################### 
*/

.contact-name, .contact-email, .query, .competition .name, .competition .email{
	display:block;
	background-color:#222;
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#333;
	color:#CCC;
	font-size:1.2em;
	padding:6px;
	margin-bottom:6px;
}

.submit{
	border:0;
	background:#000;
	color:#ca992c;
	cursor:pointer;
}


/*
# Tables ################### 
*/



/*
# Typography ################### 
*/

p{margin:0 0 1.5em;font-size:1.2em;}



/*
# Other ################### 
*/

.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}
.store-col{float:left;width:205px;}




/*
# SUMMER SESSIONS STYLES (SUMMER 2010) ################### 
*/

#summersessions				{width:980px; height:780px; background:url(/images/sessionsback.jpg) no-repeat #eae735; position:relative;}
#summersessions				p,
#summersessions				ul{color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px!important;}
#summersessions				ul {margin-bottom:10px;}
#summersessions				ul li{margin-left:20px;}

#sessionsheading			{display:block; overflow:hidden; text-indent:-9586px}

#sessionsdetails			{width:350px; height:430px; padding:10px 10px; background:#000; position:absolute; top:270px; left:50px;}
#sessionsdetails			a{color:#c8bf28;}
#sessionsform				{width:400px; height:480px; padding:10px 20px; background:#000; position:absolute; top:220px; left:480px;}
#sessionsform				h3{font-size:16px;}

#sessionsform				label{float:left; width:190px; margin:5px 0; font-size:11px;}
#sessionsform				input,
#sessionsform				select{float:left; width:190px; margin:5px 0 5px 10px;}
#sessionsform				textarea{width:390px; height:100px; clear:both;}
#sessionsform				#submitbtn{float:right;}

#sessionsform				.sessionsweek{width:196px; height:110px; margin:1px; float:left; border:1px solid #333; }
#sessionsform				.sessionsweek ul{list-style:none;}
#sessionsform				.sessionsweek li{width:183px; height:13px; border-bottom:1px solid #222; margin:0; padding-left:15px;}
#sessionsform				.sessionsweek h4{background:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-left:15px;}