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

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clearClass {clear:both;}

body {background-color: #fff; font-weight: normal; font-style: normal; line-height:normal; font-family: 'ProximaNovaLight', sans-serif;}

#mainWrapper {
	margin: 20px auto 0px auto;
	width: 960px;
	background-color: #FFF;
	position:relative;	
	}
	
#header { margin-bottom: 20px;}

h1 {font-size: 80px; color: #666; font-weight: normal; font-style: normal; line-height:normal; font-family: 'LollopRegular', sans-serif;}
h1 a {color: #666; text-decoration:none;}
h1 a:hover {color: #333;}

h2 {font-size: 19px; color: #444; font-weight: normal; font-style: normal; line-height:normal; font-family: 'LollopRegular', sans-serif;}

h3 {font-size: 12px; color: #444; font-weight: normal; font-style: normal; line-height:normal; font-family: 'ProximaNovaLight', sans-serif; margin-bottom:5px;}
	
#interiorWrapper {width: 960px; position:relative;}	


/* navigation */
#navigationWrapper {width: 150px; position:absolute; top: 0; left: 0; z-index: 10px; }
#navigationWrapper a {display: block; font-family: 'LollopRegular', sans-serif; font-size:18px; line-height:1.4em; color: #999; text-decoration: none;}

#leveltwo {display:none;}

#leveltwo a {color: #3399ff; font-family: 'ProximaNovaLight', sans-serif; font-size: 15px; text-decoration:none; line-height: 25px; margin-left: 11px;}
	
#navigationWrapper a:hover {color: #3399ff;}	
#leveltwo a:hover {color: #444;}	

/* content */

#contentArea {width: 810px; top:0; left: 0; padding: 0 0 0 150px; }
#contentArea p {font-size: 13px; color:#444; line-height: 21px; margin-bottom: 20px;}

#aboutImage {margin-bottom: 15px;}

#leftArea {margin-top: 400px; width: 50px; background-color:#fff; float: left;}
#centerArea {width: 710px; float: left;}

#slideshow {
	z-index: 5;
	width: 710px;
	height: 473px;}

#rightArea {margin-top: 400px; width: 50px; background-color:#fff; float: left;}

.article {margin: 0 0 50px 100px;width: 500px;}
.articleHead {margin: 0 0 15px 0;}

.article p {margin: 0px 0 20px 0;}

.article a.permalink {color: #333; font-size:11px; float:right; margin-right: 10px;}

.pagenate {margin: -30px 0 50px 100px; width: 500px; text-align:right; font-weight: normal; font-style: normal; line-height:normal; font-family: 'LollopRegular', sans-serif;}
.pagenate a {color: red; font-size:13px;}

.resume { border:0px solid #ccc; width:600px; margin: 10px 0 30px 0;} 
.resume td { padding: 10px; }
#contentArea .resume td p {font-size: 13px; font-weight: normal; font-style: normal; font-family: 'ProximaNovaLight', sans-serif; line-height: 19px; margin-bottom: 0;}

.date {width: 60px; font-size: 12px; color: #444; font-weight: normal; text-align:left; font-style: normal; line-height:normal; font-family: 'ProximaNovaLight', sans-serif;}

.date h3 {text-align: right;}
.resume .event {width:540px;}
.resume .event p {color: red;}

.selectedReview {margin: 0 0 30px 80px; width: 520px;}
.selectedReview td {padding: 10px;}
#contentArea .selectedReview p {margin-bottom: 0;}

.reviewDate {width: 60px; font-size: 12px; color: #444; font-weight: normal; text-align:left; font-style: normal; line-height:normal; font-family: 'ProximaNovaLight', sans-serif;}

.selectedCollections {margin: 0 0 30px 80px; width: 520px;}
.selectedCollections td {padding: 10px;}
#contentArea .selectedCollections p {margin-bottom: 0;}

.video {margin-bottom: 40px;}
.video p {margin-top: 5px;}
#footer {margin-top: 40px;}


#contactWrap {width: 510px;}
#contactWrap fieldset {margin: 15px 0 0 0;}	

#contactWrap fieldset input {
	display:block;
	width: 500px;
	border: #333;
	border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	background: #F7F7F7 url(imgs/input_bg.gif) repeat-x top left;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size:12px;
	color: #333;
	padding: 5px;
	}
	
#contactWrap fieldset textarea	{
	display:block;
	width: 500px;
	border: #ccc;
	border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	background: #F7F7F7 url(imgs/input_bg.gif) repeat-x top left;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size:12px;
	color: #333;
	padding: 5px;
	}
	
#contactWrap fieldset input:focus, 
#contactWrap fieldset textarea:focus {	
	background: #BCDDFF;
	}	
	
#contactWrap fieldset textarea {
	height: 90px;
	resize: none;	
	margin: 0 0 10px 0;
}

#contactWrap input#button {float: right;}	


.gallery ul {border: 0px solid red;}
.gallery ul li {float: left; margin: 0 10px 10px 0;}

.intro_image {margin-bottom: 10px;}