/*---------------------------------------------------------------------------------
  General
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

*{margin:0;padding:0}
body{text-align:left;font: normal 13px/1.4 "lucida grande", "lucida sans", calibri, corbel, verdana, arial, sans-serif; /*background:#FFFFFF*/ background:#FFFFFF; none no-repeat 0 0;color:#888;}
a{text-decoration:none;color:#9D9CA0}
a:hover{text-decoration:none; }
a:focus {-moz-outline: none;} 
a img{border:none}
ul{list-style-type:none}
p { margin:11px 0 0 0; padding:0px; } /*sets top margin of p */
.clear{width:100%;height:0px;font-size:0px;line-height:0px;clear:both}
.close {cursor: pointer;}
.nolink{text-decoration:none;color:#666666}
.nolink:hover{text-decoration:none;}

#Container{margin:0; margin: 0 auto; padding:0;width:100%;text-align:left;position:relative;background-color:#FFF;padding:0;}
#Container #topMenu {margin: 0 auto; padding: 0; width:990px; height:142px; background-color:#FFF; /* background-image: url('images/top-background-blue.jpg'); */ /* border-bottom: 1px solid #598e32; */ /*#2e3337 */}
#Container #topMenu .logo {
padding: 27px 0 0 0; /*top right bottom left */
}
#Container #topLine {padding: 0; margin: 0 auto; height: 9px; width: 100%; text-align:center; background-image: url('images/dot-back.gif'); background-repeat: repeat-x; background-position: top;}


/*---------------------------------------------------------------------------------
  Nav
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#Container #topMenu .nav {
	padding: 15px 0 0 60px; /*top right bottom left */
	display: block;
	width: 798px;
	height: 56px;
	margin: 0;
}
#nav ul{
            margin: 0px;
            padding: 0px;
            list-style: none;           
}
#nav li {
            height:28px; 
            margin: 0px;
            padding: 0px;
            display: inline;
}
#nav li a {
            height:28px;
            padding:0px;
            margin:0px;
            float:left;
			text-indent: -9000px;

}
#nav a:hover, #nav a:active {      
            background-position: 0 0px;
}
#home {
			width:70px;
            background-image: url("images/nav_01.gif");
            background-repeat: no-repeat;
            background-position: 0px -28px;
}
#home.active {
            background-position: 0 0px;
}
#objects {
			width:92px;
            background-image: url("images/nav_02.gif");
            background-repeat: no-repeat;
            background-position: 0px -28px;
}
#objects.active {
            background-position: 0 0px;
}
#places {
			width:89px;
            background-image: url("images/nav_03.gif");
            background-repeat: no-repeat;
            background-position: 0px -28px;
}
#places.active {
            background-position: 0 0px;
}
#food {
			width:73px;
            background-image: url("images/nav_04.gif");
            background-repeat: no-repeat;
            background-position: 0px -28px;
}
#food.active {
            background-position: 0 0px;
}
#people {
			width:91px;
            background-image: url("images/nav_05.gif");
            background-repeat: no-repeat;
            background-position: 0px -28px;
}
#people.active {
            background-position: 0 0px;
}
#clients {
			width:85px;
            background-image: url("images/nav_06.gif");
            background-repeat: no-repeat;
            background-position: 0px -28px;
}
#clients.active {
            background-position: 0 0px;
}
#bio {
			width:63px;
            background-image: url("images/nav_07.gif");
            background-repeat: no-repeat;
            background-position: 0px -28px;
}
#bio.active {
            background-position: 0 0px;
}
#print {
			width:71px;
            background-image: url("images/nav_09.gif");
            background-repeat: no-repeat;
            background-position: 0px -28px;
}
#print.active {
            background-position: 0 0px;
}
#contact {
			width:85px;
            background-image: url("images/nav_08.gif");
            background-repeat: no-repeat;
            background-position: 0px -28px;
}
#contact.active {
            background-position: 0 0px;
}


/*---------------------------------------------------------------------------------
  Homepage
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#Container #content.homepage {
margin: 25px auto 0px auto; /*top right bottom left */
padding-bottom:25px;
width:968px;
background-color:#FFFFFF;
}
.hp-left {
float:left;
width:350px;
}
.hp-text {
padding:51px 0 0 52px;
}
.hp-text p {
margin:25px 0 0 0; padding:0 0 0 4px; 
font-size:16px;
}
.byline {
padding:8px 0 0 0; 
font-size:15px;
color:#999;
}
.hp-right {
float:left;
width:529px;
padding-left:85px;
}

/*---------------------------------------------------------------------------------
  Bio
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#Container #content.bio {
margin: 25px auto 0px auto; /*top right bottom left */
padding-bottom:25px;
width:968px;
background-color:#FFFFFF;
}
.bio-left {
float:left;
width:400px;
padding:10px 0 0 9px;
}
.bio-right {
float:left;
width:425px;
}
.bio-text {
padding:25px 0 0 27px;
font-size:14px;
line-height:22px;
}
.bio-text p {
margin:25px 0 0 0; padding:0; 
}

/*---------------------------------------------------------------------------------
  Clients
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

.clients-left {
float:left;
width:400px;
padding:10px 0 0 9px;
}
.clients-right {
float:left;
}

.list1 { width: 200px; padding:20px 0 0 35px; border: none; margin: 0; float:left; }
.list1 ul { list-style: none; margin: 0 0 1em 0; padding: 0; }
.list1 li { padding-left: 1em; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 .8em; line-height:26px; }

.list2 { width: 200px; padding:20px 0 0 45px; border: none; margin: 0; float:left; }
.list2 ul { list-style: none; margin: 0 0 1em 0; padding: 0; }
.list2 li { padding-left: 1em; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 .8em; line-height:26px; }


/*---------------------------------------------------------------------------------
  Contact
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

.contact-left {
width:450px;
padding:0 0 0 250px;
}
.contact-text {
padding:51px 0 0 30px;
}
.contact-text p {
margin:25px 0 0 0; padding:0 0 0 4px; 
font-size:15px;
}
.contact-text a {
color:#669900;
}
.contact-text a:hover {
color:#999;
}

/*---------------------------------------------------------------------------------
  Gallery
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#Container #content.gallery {
margin: 20px 20px 0px 20px; /*top right bottom left, margin on sides of scroll for 100% width or set fixed width here */
padding-bottom:15px;
background-color:#FFFFFF;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#Container #content.gallery {
margin: 20px 10px 0px 20px; /*top right bottom left, margin on sides of scroll for 100% width or set fixed width here */
padding-bottom:15px;
background-color:#FFFFFF;}
}


/*---------------------------------------------------------------------------------
  Footer
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#bottom {

}
#footer { font-family: Verdana, Arial, sans-serif; color: #999; float: none; font-size: 11px; margin: 0 auto; padding-top: 20px; padding-bottom:20px; text-align: center; width: 750px;  background-color: #FFFFFF; /* match top */ background-image: url('images/dot-back.gif'); background-repeat: repeat-x; background-position: top; float: left;  margin: 0 auto; width: 100%; }

a.footer:link, a.footer:visited { color: #999; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 18px; padding-left: 10px; padding-right: 10px; text-align: left; text-decoration: none; }
a.footer:hover { color: #BBB; }

a.footsmall  { color: #999;  font-size: 11px; line-height: 18px; text-align: left; text-decoration: none; }
a.footsmall:hover { color: #BBB;  font-size: 11px; line-height: 18px; text-align: left; text-decoration: none; }