@charset "UTF-8";
/*--------------------
Style Sheet
global_style.css

website:  Geoffry Johnson Photography
author:   www.2227design.com
version:  08.09 | revised: 09.11.09 / build: 1.1

COPYRIGHT 2009, Geoffry Johnson
----------------------*/

/*---commmon----------
* {
margin: 0;
padding: 0;
} */

body {
margin: 0;
text-align: center;
font: 12px Arial, Helvetica, sans-serif;
color: #555555;
background-color: #B6B6A2;
}
#wrapper {
width: 906px;
margin: 20px auto 0;
}
#container {
height: 600px;
text-align: left;
background-color: #FFFFFF;
border: 3px solid #CCCCCC;
position: relative;
}
.bkg_home {
	background: url(../_photo/bkg_photography.jpg) no-repeat center top;
}
.bkg_about {
background: url(../_bkg/bkg_about.jpg) no-repeat center 45px;
}
.bkg_studio {
background: url(../_photo/bkg_studio.jpg) no-repeat center 45px;
}
.bkg_location {
	background: url(../_photo/bkg_location.jpg) no-repeat center 45px;
}

.bkg_contact {
background: url(../_photo/bkg_contact.jpg) no-repeat 0px 0px;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding-bottom: 10px;
}
p {
margin: 0;
padding-bottom: 10px;
}
ul, li {
margin: 0;
padding: 0;
}
img {
border: 0;
}
#tpnav {
padding: 5px 60px 0 0;
}
#tpnav  h1 {
padding: 5px 0 0 60px;
float: left;
font-size: 12px;
font-weight: normal;
color: #B6B6A2;
letter-spacing: 1px;
}
#tpnav ul {
list-style: none;
}
#tpnav ul li {
padding-left: 30px;
float: right;
}
#tpnav a {
color: #3377BB;
line-height: 1.8em;
letter-spacing: 1px;
text-decoration: none;
}
#tpnav a:hover {
color: #0099FF;
}
#tpnav .tnavon {
color: #FF6633;
line-height: 1.8em;
letter-spacing: 1px;
}
#tpnav .orange {
color: #FF6633;
}
img.hplogo {
	position: absolute;
	left: 420px;
	top: 350px;
}
#content {
position: absolute;
top: 45px;
}

#content1 {
position: absolute;
left: 60px;
top: 45px;
width: 780px;
border: 1px solid #CCCCCC;
height: 510px;
}

/*---story---------------------------------------------*/
#content.about {
padding: 195px 0 0 405px;
font-size: 14px;
color: #FFFFFF;
line-height: 1.5em;
}
.studio   {
	width: 270px;
	padding-left: 120px;
	line-height: 2.5em;
}
.location  {
	width: 270px;
	padding-left: 120px;
	color: #FFFFFF;
	line-height: 2.5em;
}
#content .pgtitle {
	padding: 30px 0 10px 0;
}
#portfolio {
padding-left: 60px;
}

/*---side navigation------------------------------------*/
#sidenav {
top: 60px;
left: 795px;
position: absolute;
width: 60px;
}
#sidenav ul {
list-style: none;
}
#sidenav li {
padding-bottom: 5px;
}
#btn a {
border: 1px solid #FFFFFF;
}
#btn a:hover {
border: 1px solid #FF6633;
}
#pglnk  {
padding: 10px 0 0 2px;
}
#pglnk  a {
color: #3377BB;
text-decoration: none;
}
#pglnk a:hover {
color: #0099FF;
}
.pglnkon {
color: #FF6633;
}

/*---footer---------------------------------------------*/
#footer {
padding: 20px 0 60px;
}
#footer .sgnoff {
padding-bottom: 30px;
font-size: 13px;
color: #FFFFEE;
letter-spacing: 2px;
}
#footer h2 {
	font-size: 12px;
	padding: 0px 150px 30px;
	margin-top: -15px;
	line-height: 2em;
	color: #8A8675;
}
#footer ul {
padding-bottom: 30px;
list-style-type: none;
}
#footer ul li {
display: inline;
}
#footer a {
padding: 0 15px;
font-size: 11px;
letter-spacing: 2px;
color: #FFFFEE;
text-decoration: none;
border-right: 1px solid #FFFFFF;
}
#footer a:hover {
	color: #FFFFFF;
}
#footer .nobdr {
border-right-style: none;
}
#footer .ftron {
padding: 0px 15px;
font-size: 11px;
letter-spacing: 2px;
color: #FFFFEE;
border-right: 1px solid #FFFFFF;
}
#footer .copyrt {
font-size: 10px;
color: #EEEEDD;
letter-spacing: 1px;
}

/*---utility---------------------------------------------*/
.invsep {
	clear: both;
	height: 0px;
}