/* @group ERIC MEYER RESET RELOAD */

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* @end */


/*-- SITE STYLES --*/
/*-- Denotes that web font is active --*/

body {
	margin:0px;
	height:100%;
	font-size: 16px;
	line-height:1.65;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	background-color:#713E21;
	background-image:url(../images/interface/background_main.jpg);
	background-position:center;
	background-attachment:fixed;
	}
	
/* @group DEFAULT TAG STYLES */

h1 {
	margin:0px 0px 10px 0px;
	font-size:22px;
	line-height:1.35;
	font-weight:normal;
	color:#c5f297;
	}

h2 {
	margin:0px 0px 10px 0px;
	font-size:22px;
	line-height:1.35;
	font-weight:normal;
	color:#c5f297;
	}

h3 {
	margin:0px 0px 10px 0px;
	font-size:20px;
	line-height:1.25;
	font-weight:normal;
	}
	
h4 {
	margin:0px 0px 10px 0px;
	font-size:18px;
	line-height:1.25;
	font-weight:bold;
	}

a:link, a:visited{color:#C5F297;}

a:hover{color:#fe4c2a;}

b,strong{font-weight:bold;}

i,em{font-style:italic;}

/* @group LISTS GENERAL */

ul{
	padding-left:6px;
	margin: 2px 0px 16px 30px;
	}
	
ul li {
	list-style:disc;
	padding-left:0px;
	margin: 2px 0px 2px 0px;
	}
	
ul ul {
	margin: 2px 0px 2px 30px;
	padding-left:6px;
	}
	
ul li ul li {
	list-style:circle;
	margin: 2px 0px 2px 0px;
	padding-left:0px;
	}
	
ol{
	margin: 6px 0px 6px 36px;
	padding-left:12px;
	}	
	
ol li {
	list-style:decimal;
	padding-left:3px;
	}
	
.circlelist {list-style:circle;}
		
.squarelist {list-style:square;}
		
.nonelist {list-style:none;}

/* @end */
/* @end */


/* @group UTILITY */

.blockon {display:block;}

.clearem {clear:both;}

/* @end */


/* @group BUTTONS */

a.readmore:link, a.readmore:visited {
	display:inline-block;
    margin: -20px 0px 15px 0px;
	padding: 0px 11px 0px 0px;
	height:31px;
	overflow:hidden;
 	background-image:url(../images/interface/link_background_l.png);
	background-position: right bottom;
	background-repeat:no-repeat;
	color:#FFF;
	text-decoration:none;
	-webkit-transition: color 0.25s ease-in-out;
	-moz-transition: color 0.25s ease-in-out;
	-o-transition: color 0.25s ease-in-out;
	transition: color 0.25s ease-in-out;
}

a.readmore:hover, a.readmore:active {
	color:#fe4c2a;
}

a.readmore span{
	display:block;
	height:17px;
	margin:0px;
	padding: 9px 0px 5px 11px;
	font-size:14px;
	line-height:1;
 	background-image:url(../images/interface/link_background_l.png);
	background-position: 0px -62px;
	background-repeat:no-repeat;
}

a.offsite:link, a.offsite:visited {
	display:inline-block;
    margin: 0px 0px 15px 0px;
	padding: 0px 20px 0px 0px;
	height:31px;
	overflow:hidden;
 	background-image:url(../images/interface/link_background_l.png);
	background-position: right top;
	background-repeat:no-repeat;
	color:#FFF;
	text-decoration:none;
	-webkit-transition: color 0.25s ease-in-out;
	-moz-transition: color 0.25s ease-in-out;
	-o-transition: color 0.25s ease-in-out;
	transition: color 0.25s ease-in-out;
}

a.offsite:hover, a.offsite:active {
	color:#fe4c2a;
}

a.offsite span{
	display:block;
	height:23px;
	margin:0px;
	padding: 9px 0px 5px 11px;
	font-size:14px;
	line-height:1;
 	background-image:url(../images/interface/link_background_l.png);
	background-position: 0px -62px;
	background-repeat:no-repeat;
}

/* @end */
	
/* @group HEADER */

div#headerwrapper {
	width:100%;
	height: 144px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/interface/background-top.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	}

div#header {
	position:relative;
	width:900px;
	height:144px;
	margin: 0 auto;
}

div.secondary{
	width:900px;
	height:256px;
	margin: 0 auto;
	}

div#logo {
	position:absolute;
	z-index:100;
	top:0;
	left:0;
	width:337px;
	height:139px;
	margin-bottom:0px;
	background-image:url(../images/interface/logo.jpg);
	background-repeat:no-repeat;
	}

div#logo a:link, div#logo a:visited, div#logo a:hover{
	display:block;
	width:760px;
	text-decoration:none;
	}
	
div#tagline {
	position:absolute;
	z-index:150;
	top:53px;
	right:0;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	}


/* @group MAIN MENU HORIZONTAL NAV */

div#mainmenu {
	position:absolute;
	z-index:200;
	top:100px;
	right:0;
	height:31px;
	margin:0px 0px 0px 7px;
	padding:0px;
	font-size:15px;
	line-height:1;
	color:#000000;
	background-image:url(../images/interface/main-menu_background.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	}
	
div#mainmenu ul {
	height:31px;
	margin:0px 0px 0px 11px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/interface/main-menu_background.png);
	background-repeat:no-repeat;
	background-position:top right;
	overflow:auto;
	}

div#mainmenu li {
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	text-indent:0px;
	float:left;
	background-image:none;
	}
	
div#mainmenu li a:link, div#mainmenu li a:visited {
	margin:0px;
	padding:8px 14px 6px 14px;
	display:block;
	text-decoration:none;
	color:#FFF;
	-webkit-transition: color 0.20s ease-in-out;
	-moz-transition: color 0.20s ease-in-out;
	-o-transition: color 0.20s ease-in-out;
	transition: color 0.20s ease-in-out;
	}
	
div#mainmenu li a:hover {
	color:#fe4c2a;
	}
	
div#mainmenu li.first {
	margin:0px 0px 0px -11px;
	}

/* @end */

/* @end */


/* @group COLUMN DEFAULTS */
 
div.column1 {float:left; width:435px; margin-right:15px; overflow:hidden;}

div.column2 {float:left; width:435px; margin-left:15px; overflow:hidden;}

/* @end */


/* @group CONTENT */

/*-- MAIN WRAPS CONTENT--*/
	
div#content {
	width:100%;
	padding:0px;
	background-image:url(../images/interface/background-top-sliver.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	}

#content div#main {
	width:900px;
	margin:0px auto;
	padding: 30px 0px 0px 0px;
	color:#FFF;
	overflow:hidden;
	}

#content div#main p {
	padding-bottom: 30px;    /* padding instead of margin so floats work in IE */
	}

/* @group RECENT WORK DEFAULTS */

div.recentwork {
	overflow:hidden; 
	padding-bottom:30px;
}

body#recentwork div.recentwork {
	min-height:220px;
	padding-bottom:0px;
	}

div.recentwork div.details {
	float:left; 
	margin: 0px 0px 0px 10px;
	width:209px;
	}

div.recentwork ul{
	padding-left:6px;
	margin: 2px 0px 8px 30px;
	}

div.recentwork div.thumbnail {
	position:relative;
	float:left;
	width:216px;
	}

div.recentwork div.thumbnail span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	background-image:url(../images/interface/zoom-icon.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	height:100%;
	width:100%;
	}
	
/* @end */

/* @end */

/* @group SECONDARY CONTENT */

div#secondary {
	width:100%;
	padding:42px 0px 0px 0px;
	background-image:url(../images/interface/board-bottom.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	}
	
div#secondary div#secondarymain {
	width:900px;
	margin:0px auto;
	padding: 0px 0px 0px 0px;
	color:#FFF;
	overflow:hidden;
	}

div#secondary div#secondarymain p {
	padding-bottom: 30px;    /* padding instead of margin so floats work in IE */
	}

div#secondary div#secondarymain h3{
	color:#C5F297;
	font-size:21px;
	font-weight:normal;
	line-height:1.35;
	margin:0 0 10px;
}

/* @end */


/* @group BOARD PAGE */

.boardpage div#content {
	width:100%;
	padding:0px;
	background-color: #FFF;
	background-image: none;
	}

.boardpage #content #main {
	min-height: 256px;
	margin:0px auto;
	padding:20px 0px 0px 0px; 
	overflow:auto;
	color:#2a74fe;
	background-image: url(../images/interface/markers.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}

.boardpage #main .column2 {
	padding:30px 0px 0px 0px;
	width:418px;
	color:#2a74fe;
	}

.boardpage #main h1 {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 25px;
	margin-bottom: 12px;
	color:#000;
	}

.wf-active .boardpage #main h1 {
	font-family: 'Reenie Beanie', sans-serif;
	font-size: 36px
	}

.boardpage #main ul.menu {
	font-family:"Comic Sans MS", sans-serif;
	font-size:22px;
	line-height:1.75;
	}
	
.wf-active .boardpage #main ul.menu {
	font-family: 'Reenie Beanie', sans-serif;
	font-size:36px;
	line-height:1.25;
	}
	
.boardpage #main ul.menu li {
	list-style:none;
	}

.boardpage #main ul.menu li a:link, .boardpage #main ul.menu li a:visited {
	display:block;
	background-image:url(../images/interface/arrow_whiteboard_sprite.gif);
	background-position:0px -388px;
	background-repeat:no-repeat;
	padding-left:20px;
	text-decoration: none;
	}

.boardpage #main ul.menu li a:hover {
	background-position:0px 12px;
	}

.boardpage #main ul.menu li a.selected {
 	background-position:0px -188px;
	}

.boardpage #main a:link, .boardpage #main a:visited {
	color:#64c820;
	text-decoration:none;
	}

.boardpage #main a:hover {color:#fe4c2a;}

.boardpage #main a.selected {color:#2a74fe;}

.boardpage #main p {padding-bottom:8px;}

/* @end */

/* @group PRIMARY CONTENT */
	
div#primarytopic{
	width: 840px;
	margin: 0px 30px;
	padding-bottom: 68px;
	background-image: url(../images/interface/white-page-bottom.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	}

span#primarytopic{
	display: block;
	overflow:auto;
	width: 780px;
	padding: 30px 30px 0px 30px;
	background-color: #FFF;
	color: #451e14;
	background-image: url(../images/interface/white-page-top-pattern.gif);
	background-repeat:repeat-x;
	}
	
div#primarytopic div.column1, #primarytopic div.column2 {width:374px;}

div#primarytopic a:link, div#primarytopic a:visited{color:#64c820;}
	
/* @end */


/* @group SINGLE FOCUS PAGE */

body.focuspage h2 {
	margin:auto;
	padding-bottom:24px;
	line-height:1.65;
	font-weight:bold;
	text-align:center;
	color:#451e14;
	}

/* @end */


/* @group ABOUT PAGE */


body#about #primarytopic h3 {
	padding-top:8px;
	line-height:1.25;
	font-size:20px;
	font-weight:bold;
	color:#06C;
	}

.wf-active body#about #primarytopic h3 {
	padding-top:0px;
	font-size: 36px;
	font-family: 'Reenie Beanie', sans-serif;
	font-weight:normal;
	margin:0px;
	}

body#about #primarytopic ul {
	margin:-12px 0 0 0;
	}
	
body#about #primarytopic li {
	list-style-type:none;
	padding-left:45px;
	background-image:url(../images/interface/checkbox.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	}
	
/* @end */

/* @group RECENT WORK PAGE */
 
body#recentwork div#main {
	font-size: 15px;
	line-height:1.5;
	}

body#recentwork div.column2 {
	padding-top:39px;
	}

div.recentwork div.thumbnail span:hover{
 	background-image:url(../images/interface/zoom-icon-hover.png);
	}

/* @end */


/* @group CONTACT */

div#map {
	overflow:auto;
}

div#slideshow {
	float:left;
	}

div.nav {
	width: 24px;
	float:left;
	}

div.nav a span {
	display:none;
	}

div.nav a {
	display: block;
	height:21px;
	width:21px;
	margin-bottom: 4px;
	background-position:right top;
	background-repeat:no-repeat;
	}

div.nav a#prev:link,div.nav a#prev:visited {
	background-image:url(../images/interface/zoom_out.gif);
	}
	
div.nav a:link#next,div.nav a:visited#next {
	background-image:url(../images/interface/zoom_in.gif);
	}

div.nav a:hover  {
	background-position:right bottom;
	}

a.maplink {
	text-decoration:none;
	}

.wf-active #primarytopic a.maplink{
	font-size: 32px;
	font-family: 'Reenie Beanie', serif;
	}

/* @end */


/* @group FORMS */

label {
	display:block;
	margin-bottom:2px;
	padding:0px;
	line-height:1.25;
	color:#006cff;
	}
	
input, textarea {
	margin: 0px 0px 13px 0px;
	padding:4px;
	font-size: 13px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#000;
	}

input.button {
	display:inline;
	}
	
input.button:hover {
	cursor:pointer;
	}

#primarytopic .column1 .textfield,
#primarytopic .column2 .textfield {
	border:2px solid #b5ceff;
	width:362px;
	}

	 
#primarytopic .column1 textarea,
#primarytopic .column2 textarea {
	border:2px solid #b5ceff;
	width:362px;
	}

#primarytopic input.button  {
	font-size:16px;
	border:none;
	background-color:#FFF;
	color:#64c820;
}

#primarytopic input.button:hover  {
	color:#fe4c2a;
}

.wf-active #primarytopic  input.button  {
	font-size: 32px;
	font-family: 'Reenie Beanie', serif;
	line-height:1;
	}

/* @end */


/* @group FOOTER */

div#footer{
	width:900px;
	float:none;
	margin:15px auto;
	padding: 15px 0px 0px 0px;
	font-size:13px;
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	color:#FFF;
	background-image:url(../images/interface/footer-top_background.png);
	background-position:center top;
	background-repeat:repeat-x;
	}
	
body.focuspage div#footer{
 	margin:0px auto 15px auto;
 	padding: 0px;
	background-image:none;
	}

div#footer a:link, div#footer a:visited { 
	margin:0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	color:#FFFFFF;
	text-decoration:none;
	}

div#footer a:hover { 
		color:#fe4c2a;
		text-decoration:underline;
	}
	
/* @end */