@charset "utf-8";
/* Page Divs */
#header {background:url(../../images/bg-to.jpg) no-repeat top;width:950px;height:184px;margin:25px auto 10px auto;}
#logo {background:url(../../images/logo.png) no-repeat top;width:188px;height:184px;text-indent:-9999px;border:none}
#logo a {background:url(../../images/logo.png) no-repeat top;width:188px;height:184px;text-indent:-9999px;border:none;display:block;}
#perspective {height:200px; width:100%; background:url(../../images/bg-perspective.png) repeat-x}
#perspective_content {width:870px;margin:0 auto;padding:65px 40px 0 40px; color:#fff;font-size:160%; font-style:italic;text-align:center;}
#footer {background-color:#847356; width:100%;font-family:Arial, Helvetica, sans-serif;color:#fff;font-size:12px;}
#footer h3 {color:#fff;border:none;font-size:1.5em;margin-bottom:0.75em}
#footer a {color:#fff;text-decoration:none;font-size:1em}
#footer a:focus {color:#c8e6e0;background:transparent; border:none;}
#footer  a:hover {color:#c8e6e0;background:transparent; border:none;}
#footer li {line-height:2.5;}
#standards {text-align:right;font-size:1em}
#standards a{color:#c8e6e0}
#standards a:hover {color:#fff}
#standards a:focus {color:#fff}
#copyright {font-size:1em}
#copyright a{color:#c8e6e0}
#copyright a:hover {color:#fff}
#copyright a:focus {color:#fff}

.feed li a { margin-left: 3px; padding: 0 0 0 19px; background: url("../../images/feed-icon-14x14.png") no-repeat 0 50%;} 
.feed li a:hover {background: url("../../images/feed-icon-14x14.png") no-repeat 0 50% !important;}

.spec {margin-bottom:1.5em;}
.spec li {list-style:disc inside !important;}

/* twitter */

#twitlink a {outline:none; display:block; text-indent:-9999px; background:url(../../images/twitter.gif) no-repeat  -1px -132px; height:130px; width:590px; vertical-align:bottom;border:none;}
#twitlink a:hover {background-position:0 0;}

/* Navigation */
#nav-menu {float:right;}
#nav-menu ul {list-style: none; 0; } 
#nav-menu li {float: left;display:inline;margin-left:4px;} 
#nav-menu li a {background: url(../../images/bg-menu.png) top left no-repeat;height: 81px;float: left;width: 81px;display: block;text-decoration: none;text-align: center;line-height:77px; font-size:180%; letter-spacing:-1px; color:#fff;border:none; } 
#nav-menu ul li a:hover {background-position: -82px 0;border:none;}
#nav-menu ul li a.selected {background-position: -82px 0;border:none;}
#bodabout li#about a, #bodphotography li#photography a ,  #bodwebsites li#websites a, #bodcontact li#contact a {background-position: -82px 0 !important;border:none;}

/* Sidebar */
#sidebar li {color:#666666;font-family:Georgia,serif;font-variant:small-caps;font-weight:normal;line-height:1.5;letter-spacing:1px; font-size:1.285em;}
#sidebar ul, li {list-style:none outside none;}
span.aboutside  {color:#666666;font-size:0.75em;font-style:italic;font-variant:normal;letter-spacing:0;}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:332px;	width: 590px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(../../images/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}

.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {

	background: #0cb3df;
	border: 1px solid #0cb3df;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* Forms */
form p { position:relative }



form legend {
width:100%;
font-size:1em;
line-height:1.5;
text-transform:uppercase;
border-bottom: 1px solid #d3d4d4;
margin-bottom:20px;
}

#submit { 
-moz-border-radius:2px 2px 2px 2px;
border:1px solid #d3d4d4;
clear:both;
color:#666;
font:italic 18px Georgia;
margin:0.4em 0;
padding:8px 9px;}

form, form fieldset input, form fieldset textarea, form label {
font-family:Georgia, serif;
font-style:italic;
font-size:1em;
}
form p {
margin:10px 0;
position:relative;
}
form p label {
left:0;
position:absolute;
top:-3px;
}
form p br {
display:none;
}
form fieldset p input, form fieldset p textarea {
display:block;
margin:0;
padding:4px 0 4px 4px;
width:584px;
}
form fieldset p label {
display:block;
margin:5px 5px 5px 6px;
padding:0;

}
form fieldset p textarea {
padding:2px;
width:584px;
overflow:hidden;
}
form fieldset p textarea, form fieldset p input {
border:1px solid #d3d4d4;
}
form fieldset p label {
color:#666;
}
form input:focus, form textarea:focus
{background-color:#ebfffb; border-color:#0cb3df}


.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
			cursor:pointer;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:1em;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#847356;
				color:#fff;
				width:150px;
				font-family:georgia;
				font-size:0.785em;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#847356;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}