* {
	margin:0;
	padding:0;
	}

.clear { clear:both; }

body {
	background:#f7f8f8;
	font-family:Arial, Helvetica, sans-serif;
	}

a {
	color:#EE3A43;
	}
	
a img {
	border:0;	
}

a:hover {
	text-decoration:none;
	}

h1, h2, h3 {
	color:#336699;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding-bottom:4px;
	}

.align-right {
	float:right;
	margin:0 0 10px 10px;
	}

#page {
	width:100%;
	margin-bottom:20px;
	background:url(images/bg_page.gif) repeat-x top #fff;
	}

#page-inner {
	width:960px;
	margin:0 auto;
	}

#header {
	width:960px;
	height:123px;
	}

#logo {
	float:left;
	width:283px;
	height:81px;
	margin:30px 0 0 23px;
	display:inline;
	background:url(images/logo.gif) no-repeat;
	text-indent:-9999em;
	}

#nav {
	float:left;
	width:600px;
	height:41px;
	margin:59px 0 0 29px;
	display:inline;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	line-height:1em;
	}

#nav ul {
	list-style:none;
	}

#nav li {
	float:left;
	padding:12px 20px;
	background:url(images/div_nav.gif) no-repeat right top;
	}

#nav li.last {
	background:none;
	}

#nav a {
	display:block;
	color:#fff;
	text-decoration:none;
	}

#nav a:hover {
	text-decoration:underline;
	}


#nav li ul {
	display:none;
	margin-left:-10px;
	padding-top:6px;
	z-index:100;
	}

#nav li:hover ul {
	display:block;
	position:absolute;
	}

#nav li li {
	float:none;
	padding:0;
	background:none;
	}

#nav li li a {
	width:140px;
	padding:4px 10px;
	background:#ee3a43;
	border-bottom:1px solid #fff;
	font-size:0.75em;
	}

/**** Home ****/

#content-top {
	width:960px;
	height:363px;
	padding-top:20px;
	}


#content-top #left-block {
	float:left;
	width:350px;
	}

#content-top #title {
	margin-left:20px;
	}

#content-top #pic {
	margin:10px 0 0 0;
	}

#content-top #home-jq {
	float:left;
	width:610px;
	height:336px;
	background:url(images/bg_pic_home.png) no-repeat;
	}

#home-jq #jq-block {
	position:relative;
	width:507px;
	height:308px;
	margin:10px 0 0 14px;
	}

#jq-block ul {
	list-style:none;
	}

#jq-block #view-gallery {
	position:absolute;
	bottom:0;
	right:0;
	padding:4px 10px;
	background:url(images/bg_view_gallery.png);
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.75em;
	font-weight:bold;
	z-index:9999;
	}

#jq-block #view-gallery a {
	color:#336699;
	text-decoration:none;
	z-index:9999;
	}


#content-home {
	width:960px;
	padding-bottom:20px;
	}

#content-home #sidebar-left {
	float:left;
	width:305px;
	padding:6px 45px 0 0;
	font-size:0.88em; /* 14px */
	line-height:1.71em; /* 18px */
	}
	
* html #content-home #sidebar-left {
	float:left;
	width:305px;
	padding:6px 15px 0 0;
	font-size:0.88em; /* 14px */
	line-height:1.71em; /* 18px */
	}


#content-home #content-area {
	float:left;
	width:606px;
	padding-left:4px;
	}

#content-area {
	font-size:0.88em; /* 14px */
	line-height:1.71em; /* 18px */
	}

h2 {
	font-size:2.14em; /* 30px */
	line-height:1em;
	}

h3 {
	font-size:1.29em; /* 18px */
	}

#content-bottom {
	width:949px;
	padding:20px 0 0 11px;
	}

#block {
	float:left;
	width:290px;
	height:165px;
	margin:0 6px 20px 0;
	padding:12px 0 0 22px;
	background:url(images/bg_block.gif) no-repeat;
	}

#block.last {
	margin-right:0;
	}

#block h3 {
	color:#696157;
	margin-bottom:4px;
	}

p.located {
	color:#ee3a43;
	font-size:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	}


/**** Interior ****/


#main {
	width:960px;
	padding-top:20px;
	position:relative;
	}

#sidebar-left {
	float:left;
	width:350px;
	}

#sidebar-left #title {
	height:65px;
	margin-left:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	}

p.click-link {
	padding-left:6px;
	}

#sidebar-left #quote-block p {
	width:290px;
	height:242px;
	padding-left:20px;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2em; /* 24px */
	line-height:1.50em; /* 36px */
	}

#sidebar-left #block {
	margin-left:11px;
	}

/* ==========================================================================
   PROJECT NAV - GALLERIES
   ========================================================================== */
.gallery-nav {
	width: 290px;
	margin: 0 0 30px 17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	list-style: none;
}

.gallery-nav .title {
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: bold;
	color: #336699;
}

.gallery-nav li {
	border-top: 1px solid #fff;
}

.gallery-nav li.first {
	border: none;
}

.gallery-nav a {
	display: block;
	padding: 4px 15px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	background: #0055a5;
}

.gallery-nav a:hover,
.gallery-nav a.active {
	background: #4989c6;
}



#content {
	float:left;
	width:606px;
	}

#content-pic {
	width:596px;
	height:326px;
	margin-bottom:20px;
	padding:10px 0 0 14px;
	background:url(images/bg_pic.png) no-repeat top left;
	}

#content-pic ul {
	list-style:none;
	}

#content-area {
	width:606px;
	padding-left:4px;
	}

#content-area p, #content-area ul {
	margin-bottom:1em;
	}

#content-area ul {
	margin-left:1em;
	}

/**** Footer ****/

#footer {
	clear:both;
	width:894px;
	padding:16px 33px;
	color:#b6b6b6;
	font-size:0.56em; /* 9px */
	}

#footer a {
	color:#b6b6b6;
	text-decoration:none;
	}


/**** Projects ****/


#thumbs-block {
	width:311px;
	height:220px;
	margin:10px 0 10px 6px;
	/*background:url(images/bg_proj_thumbs.png) no-repeat;*/
	}

#thumbs-block ul {
	list-style:none;
	padding-top:12px;
	}

#thumbs-block li {
	float:left;
	width:83px;
	height:52px;
	margin:0 5px 19px 13px;
	}

ul#pikame {
	position:absolute;	
	top:100px;
	left:6px;
	width:320px;
}

* html ul#pikame {
	left:-330px;	
}

ul#pikame li {
	float:left;	
	background:url(images/bg_thumb.png) no-repeat;
	width:91px;
	height:62px;
	padding:11px 0 0 11px;
}

/**** Contact Form ****/

form#wform {
	width:400px;
	margin:1em 0;
	overflow:hidden;
	}

#wform label {
	float:left;
	width:120px;
	}

#wform label.req {
	width:400px;
	margin-bottom:1em;
	}

#wform input, #wform textarea {
	width:252px;
	margin-bottom:10px;
	padding:4px 2px;
	border:1px solid #CCCCCC;
	}
	
#wform textarea {
	height:60px;
	}

#wform input.send {
	width:80px;
	margin-left:120px;
	background:#336699;
	color:#fff;
	}

.error1, .req, .error {
	color:#FF0000;
	}



/**** Gallery ****/

#content-area.fancybox ul {
	width:100%;
	display:block;
	clear:both;
	list-style:none;
	margin:1em 0 0;
	padding:0;
	}

#content-area.fancybox li {
	float:left;
	margin:0 10px 1em 0;
	padding:0;
	}

.fancybox h3 {
	clear:both;
	}
	
.gallery {
	display: none;
}

.gallery.first {
	display: block;
}
	


.pikachoose{}
/* This is the ul you have all your images in */
.pikachoose ul{width:498px;height:308px;overflow:hidden;}
.pikachoose ul li{position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:496px;height:325px;display:block;position:relative;overflow:hidden;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:0px;left:0px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;/*border:1px solid #555;background:#777;padding:2px;*/}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}