/*STYLES FOR GARRETT KLINE PHOTOGRAPHY*/

body { text-align: center; padding: 0px; margin: 0px; font-family: Lucida Grande, Verdana, Arial;}

h1, h2, ul, li, hr { float: left; display: inline; padding: 0px; margin: 0px;}

#container { width: 790px; text-align: left; margin: 0px auto; float: none; display: block;}
#container #header { width: 790px; margin-top: 30px; float: left; display: inline; }
#container #header h1.title { width: 790px; height: 65px; background: url(../images/h1_title.gif);}
#container #header h1.title span { display: none;}

#container #header ul.nav { background: #e1272e; width: 790px; }
#container #header ul.nav li a { float: left; display: inline; height: 22px;}
#container #header ul.nav li a span { display: none; }
#container #header ul.nav li a.nav_01 { width: 94px; background: url(../images/nav_01.gif); }
#container #header ul.nav li a.nav_02 { width: 110px; background: url(../images/nav_02.gif); }
#container #header ul.nav li a.nav_03 { width: 84px; background: url(../images/nav_03.gif); }
#container #header ul.nav li a.nav_04 { width: 80px; background: url(../images/nav_04.gif); }
#container #header ul.nav li a.nav_05 { width: 96px; background: url(../images/nav_05.gif); }
#container #header ul.nav li a:hover { background-position: 0px -22px;}
/*#container #header ul.nav li a:visited { background-position: 0px -22px;}*/

#container #content { float: left; display: inline; margin: 0px 0px 25px 0px; }

#container #content ul.images { width: 780px; margin: 14px 0px 14px 12px;}
#container #content ul.images li { width: 116px; height: 81px; background: url(../images/image_back.gif); margin-right: 14px;}
#container #content ul.images li a { float: left; display: inline; width: 110px; height: 75px; background: url(../images/default.gif); margin: 3px 0px 0px 3px;}
#container #content ul.images li a:hover { background-position: 0px -75px; }
#container #content ul.images li a:visited { background-position: 0px -75px; }
#container #content ul.images li a span { display: none;}

#container #content hr { border: none; height: 1px; width: 790px; background: #c4c4c4; }

#container #content	h2 { width: 700px; height: 20px; margin: 35px 0px 0px 14px;}
#container #content	h2 span { display: none; }
#container #content	h2.editorial { background: url(../images/h2_editorial.gif) no-repeat; }
#container #content	h2.lifestyle { background: url(../images/h2_lifestyle.gif) no-repeat; }
#container #content	h2.studio { background: url(../images/h2_studio.gif) no-repeat; }
#container #content	h2.about { background: url(../images/h2_about.gif) no-repeat; }
#container #content	h2.contact { background: url(../images/h2_contact.gif) no-repeat; }

#container #content #home { float: left; display: inline; margin-top: 15px;}
#container #content #text { float: left; display: inline; margin: 5px 0px 0px 15px; width: 760px;}
#container #content #text a { color: #e1272e; text-decoration: none;}
#container #content #text a:hover { text-decoration: underline;}
#container #content #text p { font-size: 11px; line-height: 17px; padding-bottom: 6px;}

#container #footer { float: left; display: inline; width: 790px; margin-bottom: 20px; border-top: 1px solid #e1272e;}
#container #footer p { text-align: center; font-size: 11px; margin-top: 8px;}
#container #footer a { color: #e1272e; text-decoration: none;}
#container #footer a:hover { text-decoration: underline;}