html {
	overflow-y: scroll;
}

body{height: 100%; color: #646a5d;}




#hd		{height: 170px;}
#hd h1 	{width: 235px; height: 41px; position: absolute; margin-top: 60px; margin-left: -5px; text-indent: -9999px; background: url(../img/logo.png);}
#hd h1 a{display: block; width: 235px; height: 41px;}

#home-img {float: right;}

#content {margin-left: 170px;}
#content h1 {margin: 0 0 10px 0; padding: 0px;}

a{color:#646a5d;text-decoration:none;outline:none;}
a:hover{color:#b79b30;}

/* Navigation on HOME PAGE
****************************************************/
#nav-home			{width: 208px; float: left;}
.h1-nav 			{margin: 0; padding: 0; text-indent: -9999px; width: 208px;}
.h1-nav a 			{position: absolute; top: 0; left: 0; width: 208px; display: block; border: 0; background: transparent; overflow: hidden;}
.h1-nav .hover 		{margin: 0; padding: 0; width: 208px; display: block; position: absolute; top: 0; left: 0;}

#nav-photography 		{height: 44px; position: relative; background: url(../img/nav1.png) no-repeat;}
#nav-photography a 		{height: 44px;}
#nav-photography .hover	{height: 44px; background: url(../img/nav2.png);}

#nav-video 				{height: 50px; position: relative; background: url(../img/nav1.png) no-repeat; background-position: 0px -44px;}
#nav-video a 			{height: 50px;}
body#video #nav-video,
#nav-video .hover 		{height: 50px; background: url(../img/nav2.png); background-position: 0px -44px;}

#nav-design 			{height: 49px; position: relative; background: url(../img/nav1.png) no-repeat; background-position: 0px -94px;}
#nav-design a 			{height: 49px;}
body#design #nav-design,
#nav-design .hover 		{height: 49px; background: url(../img/nav2.png); background-position: 0px -94px;}

#nav-blog 				{height: 60px; position: relative; background: url(../img/nav1.png) no-repeat; background-position: 0px -142px;}
#nav-blog a 			{height: 60px;}
#nav-blog .hover 		{height: 60px; background: url(../img/nav2.png); background-position: 0px -142px;}

#nav-press 				{height: 48px; position: relative; background: url(../img/nav1.png) no-repeat; background-position: 0px -198px;}
#nav-press a 			{height: 48px;}
#nav-press .hover 		{height: 48px; background: url(../img/nav2.png); background-position: 0px -198px;}

#nav-clientlogin 		{height: 52px; position: relative; background: url(../img/nav1.png) no-repeat; background-position: 0px -247px;}
#nav-clientlogin a 		{height: 52px;}
#nav-clientlogin .hover {height: 52px; background: url(../img/nav2.png); background-position: 0px -247px;}

#nav-contact 			{height: 38px; position: relative; background: url(../img/nav1.png) no-repeat; background-position: 0px -298px;}
#nav-contact a 			{height: 38px;}
#nav-contact .hover 	{height: 38px; background: url(../img/nav2.png); background-position: 0px -298px;}

/* Navigation on INTERIOR PAGES
****************************************************/
#nav					{width: 136px; float: left;}
.h1-nav-i 				{margin: 0; padding: 0; text-indent: -9999px; width: 136px;}
.h1-nav-i a 			{position: absolute; top: 0; left: 0; width: 136px; display: block; border: 0; background: transparent; overflow: hidden;}
.h1-nav-i .hover 		{margin: 0; padding: 0; width: 136px; display: block; position: absolute; top: 0; left: 0;}

#nav-i-photography 			{height: 26px; position: relative; background: url(../img/nav/interior/nav_01.png) no-repeat;}
#nav-i-photography a 		{height: 26px;}
body#portraits #nav-i-photography,
body#weddings #nav-i-photography,
body#pets #nav-i-photography,
body#live #nav-i-photography,
body#action #nav-i-photography,
body#wildlife #nav-i-photography,
body#scenic #nav-i-photography,
body#special #nav-i-photography,
#nav-i-photography .hover	{height: 26px; background: url(../img/nav/interior/nav_hover_01.png);}

#nav-i-video 				{height: 26px; position: relative; background: url(../img/nav/interior/nav_02.png) no-repeat;}
#nav-i-video a 				{height: 26px;}
body#video #nav-i-video,
#nav-i-video .hover 		{height: 26px; background: url(../img/nav/interior/nav_hover_02.png);}

#nav-i-design 				{height: 27px; position: relative; background: url(../img/nav/interior/nav_03.png) no-repeat;}
#nav-i-design a 			{height: 27px;}
body#design #nav-i-design,
body#designs #nav-i-design,
#nav-i-design .hover 		{height: 27px; background: url(../img/nav/interior/nav_hover_03.png);}

#nav-i-blog 				{height: 25px; position: relative; background: url(../img/nav/interior/nav_04.png) no-repeat;}
#nav-i-blog a 				{height: 25px;}
body#blog #nav-i-blog,
#nav-i-blog .hover 			{height: 25px; background: url(../img/nav/interior/nav_hover_04.png);}

#nav-i-press 				{height: 26px; position: relative; background: url(../img/nav/interior/nav_05.png) no-repeat;}
#nav-i-press a 				{height: 26px;}
body#press #nav-i-press,
#nav-i-press .hover 		{height: 26px; background: url(../img/nav/interior/nav_hover_05.png);}

#nav-i-clientlogin 			{height: 26px; position: relative; background: url(../img/nav/interior/nav_06.png) no-repeat; }
#nav-i-clientlogin a 		{height: 26px;}
body#clientlogin #nav-i-clientlogin,
#nav-i-clientlogin .hover 	{height: 26px; background: url(../img/nav/interior/nav_hover_06.png);}

#nav-i-contact 				{height: 27px; position: relative; background: url(../img/nav/interior/nav_07.png) no-repeat;}
#nav-i-contact a 			{height: 27px;}
body#contact #nav-i-contact,
#nav-i-contact .hover 		{height: 27px; background: url(../img/nav/interior/nav_hover_07.png);}


/* Portfolio Navigation 
****************************************************/
#photography-nav 	{margin: 0 0 20px 50px;}
.h2-nav 			{margin: 0; padding: 0; text-indent: -9999px; width: 110px;}
.h2-nav a 			{position: absolute; top: 0; left: 0; width: 110px; display: block; border: 0; background: transparent; overflow: hidden;}
.h2-nav .hover 		{margin: 0; padding: 0; width: 110px; display: block; position: absolute; top: 0; left: 0;}

#nav-portraits 			{height: 21px; position: relative; background: url(../img/nav/interior/photography_01.png) no-repeat;}
#nav-portraits a 		{height: 21px;}
body#portraits #nav-portraits,
#nav-portraits .hover	{height: 21px; background: url(../img/nav/interior/photography_hover_01.png) no-repeat;;}

#nav-weddings 			{height: 22px; position: relative; background: url(../img/nav/interior/photography_02.png) no-repeat;}
#nav-weddings a 		{height: 22px;}
body#weddings #nav-weddings,
#nav-weddings .hover	{height: 22px; background: url(../img/nav/interior/photography_hover_02.png) no-repeat;}

#nav-pets 				{height: 22px; position: relative; background: url(../img/nav/interior/photography_03.png) no-repeat;}
#nav-pets a 			{height: 22px;}
body#pets #nav-pets,
#nav-pets .hover		{height: 22px; background: url(../img/nav/interior/photography_hover_03.png) no-repeat;}

#nav-live 				{height: 23px; position: relative; background: url(../img/nav/interior/photography_04.png) no-repeat;}
#nav-live a 			{height: 23px;}
body#live #nav-live,
#nav-live .hover		{height: 23px; background: url(../img/nav/interior/photography_hover_04.png) no-repeat;}

#nav-action 			{height: 21px; position: relative; background: url(../img/nav/interior/photography_05.png) no-repeat;}
#nav-action a 			{height: 21px;}
body#action #nav-action,
#nav-action .hover		{height: 21px; background: url(../img/nav/interior/photography_hover_05.png) no-repeat;}

#nav-wildlife 			{height: 22px; position: relative; background: url(../img/nav/interior/photography_06.png) no-repeat;}
#nav-wildlife a 		{height: 22px;}
body#wildlife #nav-wildlife,
#nav-wildlife .hover	{height: 22px; background: url(../img/nav/interior/photography_hover_06.png) no-repeat;}

#nav-scenic 			{height: 21px; position: relative; background: url(../img/nav/interior/photography_07.png) no-repeat;}
#nav-scenic a 			{height: 21px;}
body#scenic #nav-scenic,
#nav-scenic .hover		{height: 21px; background: url(../img/nav/interior/photography_hover_07.png) no-repeat;}

#nav-special 			{height: 23px; position: relative; background: url(../img/nav/interior/photography_08.png) no-repeat;}
#nav-special a 			{height: 23px;}
body#special #nav-special,
#nav-special .hover		{height: 23px; background: url(../img/nav/interior/photography_hover_08.png) no-repeat;}


/* Gallery Styles */
.galleria{list-style:none;width:250px; float: left;}
.galleria li{display:block;width:40px;height:30px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.gallery_container{position:relative;}
.gallery_list {width:150px;float:left; margin-left: 39px;}
.gallery_list li{width:40px;height:40px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee;}
.gallery_list li.hover{border-color:#bbb;}
.gallery_list li.active{border-style:solid;border-color:#222;}
.gallery_list li div{left:240px}
.gallery_list li div .caption{font:italic 0.7em/1.4 georgia,serif;}

.galleria_container{width: 600px; float:right; text-align: center;}
.galleria_container img {}
.galleria_wrapper img	{margin: 0 auto; }

/* ClearFix */
.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%;}


#contact-wrapper {
	width:430px;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
	padding-top: 0px;
	margin-left: 200px;
}
#contact-wrapper div {
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}