/*Regula Franz Photography CSS */
/* Modified 7/22/07 */

/* GENERAL
---------------------------------------- */

/* set body properties */
body {
	font: 76%/1.5 Verdana, helvetica, sans-serif;;
	text-align: center;
	background: #B3B3B3;
	color:#444;
	margin:0 auto;
	padding:0;
	}

/* LINKS  */
a:link,
a:visited {
	color:#20527C;
	font-weight:bold;
	text-decoration:none;
}
/*a:visited {color:#333}*/
a:hover,
a:focus,
a:active {
	border-bottom-style:solid;
	color:#D56001;
}

.highlight a, .highlight img {border:0;}

/* HEADERS */
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
	
/* BASICS */

dl,dt,dd {margin-left:0;}
dt {font-weight:bold;}

/* LAYOUT  */

#container {
    text-align:left;
	margin:0 auto;
	width:800px;
    }

#masthead {
	height: 65px;
	width: 800px;
	margin:0;
	padding:0;
	clear:both;
	}

#masthead h1 {
	margin:0;
	padding:0;
	text-indent: -10000px;
	height:42px;
	width:384px;
	background: url(/i/layout/logo.gif) top left no-repeat;
	}

#masthead h1 span {visibility:hidden;}

#masthead h1 a, 
#masthead h1 a:hover {
	display: block;
	border: 0;
	height: 42px;
	width: 384px;
	text-decoration: none;
	}

/* NAV */

#main-nav {
	float:left;
	width:115px;
	margin:0;
	padding:0;
	}
#main-nav ul {
	margin:0; 
	padding:0;
	list-style:none;
	}
	
#main-nav ul li {font-weight:bold;}
#main-nav ul li span {visibility:hidden;}
#main-nav ul li a {
	display:block; 
	width:115px;
	background-repeat: no-repeat; 
	background-position: left top; 
	margin:0; 
	padding:0; 
	border:0;
	font-weight:normal;
	text-decoration:none;
	}
	
#main-nav ul li a:hover, 
#main-nav ul li a:focus {border:0; background-position: -115px 0; }
#main-nav ul li a:active {background:transparent;}

/* menu tab background images */
#main-nav a#t-home {background-image: url(/i/layout/nav-home.gif); height:30px;}
#main-nav a#t-portfolio {background-image: url(/i/layout/nav-portfolio.gif);height:30px;}
#main-nav a#t-projects {background-image: url(/i/layout/nav-projects.gif); height:30px;}
#main-nav a#t-travel {background-image: url(/i/layout/nav-travel.gif); height:30px;}
#main-nav a#t-about {background-image: url(/i/layout/nav-about.gif); height:30px;}
#main-nav a#t-statement {background-image: url(/i/layout/nav-statement.gif); height:30px;}
#main-nav a#t-contact {background-image: url(/i/layout/nav-contact.gif); height:30px;}

/* nested subnav menus */
#main-nav li ul {
	display:none;
	line-height:1.2;
	width:90px;
	list-style-type: none;
	margin:8px 0 8px 20px; 
	padding:0;
	}
#main-nav li ul li a:hover, 
#main-nav li ul li a:focus {border:0;}
/* current subnav page class -- activated by function in global.js file */
#main-nav li ul li a.current {color:#bb4c27;}
	
#main-nav ul ul li span {visibility:visible;}
#main-nav ul ul li { 
	font-weight:normal!important; 
	font-size:11px; 
	background:none; 
	padding:0; 
	margin-top:0; 
	margin-bottom:6px;
	}
	

body.portfolio #main-nav li.portfolio ul,
body.projects #main-nav li.projects ul,
body.travel #main-nav li.travel ul,
body.about #main-nav li.about ul,
body.statement #main-nav li.statement ul,
body.contact #main-nav li.contact ul
		{display:block;}

/* set active page navigation in menu */
body.home a#t-home, body.home a:hover#t-home,
body.portfolio a#t-portfolio, body.portfolio a:hover#t-portfolio,
body.projects a#t-projects,body.projects a:hover#t-projects,
body.travel a#t-travel,body.travel a:hover#t-travel,
body.about a#t-about,body.about a:hover#t-about,
body.statement a#t-statement,body.statement a:hover#t-statement,
body.contact a#t-contact,body.contact a:hover#t-contact
	{background-position: -230px 0;}


/* CONTENT  */

#primaryContent {
	float: right;
	width: 620px;
	}
#primaryContent h2 {
	font-size: 22px;
	color:#444;
	font-family:Helvetica, sans-serif;
	}
body.home #container {text-align:center; width:800px;}
body.home h1 {float:left;}
body.home #primaryContent {
	float:none;
	width:604px;
	margin:0 auto;
	padding:0;
	}
body.home h2 {display:none;}
	
	
/* Pullbox for content */
.pullbox {
	float:left;
	margin:20px auto;
	padding:10px 40px 40px 40px;
	font-size:1em;
	line-height:1.7;
	background:#efefef;
	border:4px solid #999;
	}
.cleartop {margin-top:0;}
	
.pullbox img {border:4px solid #999;}
.pullbox img.left {float:left; margin:2px 15px 2px 0;}
.pullbox img.right {float:right; margin:2px 0 2px 15px;}

.pullbox h3 {
	color:#444; 
	letter-spacing:1px; 
	font-size:16px; 
	padding:4px; 
	border-bottom:1px solid #d7d7d7; 
	font-family:Helvetica, sans-serif;
	}


/*  Index pages with image links
----------------------------------------------------------------------------------------------------------- */
.highlight {
	float:left;
	width:132px;
	margin:0;
	padding:0 0 30px 0;
	text-align:center;
	}
.highlight h3 {
	font-size:1em;
	color:#fff;
	line-height:1.2;
	margin:0 0 4px 6px;
	padding:0;
	}

.highlight h3 a,
.highlight h3 a:link,
.highlight h3 a:visited {
	display:block;
	color:#fff;
	text-decoration:none;
	}
	
.highlight h3 a:hover {
	color:#D56001;
	text-decoration:none;
	}
.highlight .img {
	width:132px;
	height:132px;
	text-align:center;
	background: transparent url(/i/layout/highlight-bg.jpg) top left no-repeat;
	}

.highlight .img img {
	margin:6px 4px 0 0;
	padding:0;
	}
.highlight .img a {border:0; text-decoration: none;}

.highlight p {
	line-height:1.4;
	font-size:1em;
	margin:0 0 0 5px;
	padding:0 6px 0 0;
	}
	
body.home .highlight .img {background:transparent;}
body.home .highlight h3 {display:none;}

/* highlight column margins */
.col-space {margin-right:23px;}
body.home .col-space {padding-right:62px;}
	

/*  FOOTER
----------------------------------------------------------------------------------------------------------- */
#footer {
	clear:both;
	width:800px;
	margin:0;
	padding:20px 0;
	}
#footer p {
	display:block;
	float:right;
	clear:both;
	margin:0;
	padding:0 0 20px 0;
	color:#555;
	font-size:90%;
	}
body.home #footer {width:604px;}
body.home #footer p {
	float:none;
	text-align:center;
	}