@charset "utf-8";
/* CSS Document */
*{
	margin:0px;
	padding:0px;
}

/*html5 dispaly rule*/
address, article, aside, canvas, content, details, figaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display:block;
}

@font-face {
    font-family: 'kingthings_exeterregular';
    src: url('fonts/kingthings_exeter-webfont.eot');
    src: url('fonts/kingthings_exeter-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kingthings_exeter-webfont.woff2') format('woff2'),
         url('fonts/kingthings_exeter-webfont.woff') format('woff'),
         url('fonts/kingthings_exeter-webfont.ttf') format('truetype'),
         url('fonts/kingthings_exeter-webfont.svg#kingthings_exeterregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'quicksandregular';
    src: url('fonts/quicksand-regular-webfont.eot');
    src: url('fonts/quicksand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quicksand-regular-webfont.woff2') format('woff2'),
         url('fonts/quicksand-regular-webfont.woff') format('woff'),
         url('fonts/quicksand-regular-webfont.ttf') format('truetype'),
         url('fonts/quicksand-regular-webfont.svg#quicksandregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'quicksandbold_italic';
    src: url('fonts/quicksand-bolditalic-webfont.eot');
    src: url('fonts/quicksand-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quicksand-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/quicksand-bolditalic-webfont.woff') format('woff'),
         url('fonts/quicksand-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/quicksand-bolditalic-webfont.svg#quicksandbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background-color:#2F2F2F;
	font-family:"quicksandregular", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size:16px;
	background-image:url(dots.png)
}

h1, h2, h3 {
	font-family:'kingthings_exeterregular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; 
}

content {
	width:940px;
	margin-top:20px;
	margin-right:auto;
	margin-bottom:20px;
	margin-left:auto;
	position:relative;
	background-color:#edede8;
	border-radius:25px;
	-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}



header {
	border-bottom-color:#ccc;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

header h1 {
	padding:20px 20px 20px 97px;
	color:#e6af00;
	font-size:68px;
	font-family:'kingthings_exeterregular', "quicksandregular", Cambria "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	text-shadow: 2px 2px 2px #000;
	-webkit-box-shadow: 2px 2px 2px #000;
}

header p {
	color:#888;
	font-family:"quicksandbold_italic", "quicksandregular", Cambria "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:14px;
	position:absolute;
	right:0px;
	top:33px;
	background-color:#ECECE6;
	padding:20px;
	border-radius:25px;	
	-moz-border-radius:25px; /* Firefox 3.6 and earlier */
	
		/* 2d skew transform */
	transform:skew(-20deg,0deg);
	-ms-transfor:skew(-20deg, 0deg); /* IE 9 */
	-moz-transfor:skew(-20deg, 0deg); /* Firefox */
	-webkit-transfor:skew(-20deg, 0deg); /* Safari & Chrome */
	-o-transfor:skew(-20deg, 0deg); /* Opera */
	
		/* css3 transition */
	transition-property:all;
	transition-duration:.5s;
	-webkit-transition:.5s;
	-o-transisiton-property:all;
	-o-transition-duration:.5s;
	-moz-transition-property:all;
	-moz-transition-duration:.5s;
	 
}

header p:hover {
	color:#e6af00;
	background-color:#353535;
}
	
#logo {
	position:absolute;
	top:12px;
	left:20px;
	background: url(WVC%20Logo.png) no-repeat;
	width:61px;
	height:61px;
	text-indent:-9999px;

	/* css3 transition */
	-webkit-transition:-webkit-transform 1s;
	-o-transition-property:-o-transform;
	-o-transition-duration:1s;
	-moz-transition-property:-o-transform;
	-moz-transition-duration:1s;
	transition-property:transform;
	transition-duration:1s;
}
	
#logo:hover {
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	
}	

header#anim {
	height:250px;
}

nav {
	float:left;
	width:200px;
	background-color:#e6af00;
}

nav li {
	list-style-type:none;
}

nav li a {
	font-family:'quicksandregular', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	text-decoration:none;
	display:block;
	padding-top:10px;
	padding-right:20px;
	padding-bottom:10px;
	padding-left:20px;
	font-color:#e6af00;
	font-size:18px;
	/* css3 transition */
	-webkit-transition:all .5s;
	-o-transisiton-property: all;
	-o-transition-duration: .5s;
	-moz-transition-property: all;
	-moz-transition-duration: .5s;
	 transition-property: all;
	 transition-duration: .5s;
}
nav li a:visited {
	color:#000;
}

nav li a:hover {
	font-family:'quicksandregular', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color:#e6af00;
	background:url(dots.png);
	background-color:#000;
	
}
nav li a:active {
	color:#e6af00;
	background-color:#666;
}

article {
	width:739px;
	float:right;
	border-left-color:#CCC;
	border-left-width:1px;
	border-left-style:solid;
}

article h2, h3, p {
	margin-left:20px;
	margin-right:20px;
	padding-top:10px;
}

article p {
	padding-top:4px;
	padding-bottom:20px;
	line-height:18px;
}

article .leftfloat {
	width:50%;
	float:left;
}

article .rightfloat {
	width:50%;
	float:right;
}

footer {
	border-top-color:#CCC;
	border-top-width:1px;
	border-top-style:solid;
	clear:both;
	background-color:#e6af00;
	background-image: url(../bg_gradient.png);
	border-bottom-right-radius:25px;
	border-bottom-left-radius:25px;
	-moz-border-bottom-right-radius:25px;
	-moz-border-bottom-left-radius:25px;
}

footer section.first {
	float:left;
	width:200px;
	padding-top:10px;
	padding-bottom:20px;
}

footer section.first p {
	color:#f2f3ed;
}

footer section {
	float:left;
	width:246px;
	padding-top:10px;
	padding-bottom:20px;
	color:#96C;
}

footer section h3 {
	font-family:'quicksandregular', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color:#000000;
	font-size:16px;
	border-bottom-width: 1px;
	border-bottom-style:dotted;
	border-bottom-color:#e6af00;
	padding-bottom:0px;
	text-transform:capitalize;
}

footer section p {
	color:#333;
	font-size:10px;
	line-height:16px;
}

.clearing {
	clear:both;
}

#map-canvas {
	width:200px;
	height:150px;
	bgc:#ccc;
}