/*
Theme Name: HERITAGE1
Theme URI: http://jsongorman.com/
Description: clean, clear, Heritagey
Version: 1.0
Author: Jason Gorman
Author URI: http://jsongorman.com/
Tags: cool, orange, black, white, clean, heritagey

*/

/* GENERAL SETTINGS */
@font-face { font-family: Alexandria; src: url('Alexandria.ttf');}

body{margin: 0; padding: 0; background: black; font-family: Alexandria, sans-serif; color: white; font-size: 12px;}

ul{margin: 0; padding: 0; list-style: none;}

h3{margin: 0; padding: 0; width: 175px; text-align: center; color: #f4671d; font-family: Alexandria;}

h5{font-size: 20px; margin: 10px 0 5px 0; color: #F4671D;}

p{margin: 5px 0 10px 0;}

a{text-decoration: none; color: white;}

a:hover{text-decoration: underline;}

#page-404 a{display: block; width: 608px; height: 265px; background: url(images/404-main.gif) no-repeat;}

a img{border: none;}

a {border: none;}

/* MAIN SETTINGS */

#container{width: 960px; margin: 0 auto; padding: 0;}

#header-container{display: block; width: 960px; float: left;}

#logo a{display: block; width: 159px; height: 128px; background: url(images/logo.gif) no-repeat right; float: left;}

#title-container{display: block; width: 640px; height: 128px; float: left;}

#title-home{display: block; width: 332px; height: 128px; margin: 0 auto; background: url(images/title-home.gif) no-repeat;}

#title-about{display: block; width: 279px; height: 128px; margin: 0 auto; background: url(images/title-about.gif) no-repeat;}

#title-recent{display: block; width: 332px; height: 128px; margin: 0 auto; background: url(images/title-recent.gif) no-repeat;}

#title-port{display: block; width: 332px; height: 128px; margin: 0 auto; background: url(images/title-port.gif) no-repeat;}

#title-contact{display: block; width: 332px; height: 128px; margin: 0 auto; background: url(images/title-contact.gif) no-repeat;}

#title-404{display: block; width: 306px; height: 128px; margin: 0 auto; background: url(images/404-title.gif) no-repeat;}


#spacer{display: block; width: 160px; height: 128px; float: left;}

.line-main{display: block; width: 2px; height: 290px; background: white; float: left;}

.line-submain{display: block; width: 2px; height: 165px; background: white; float: left;}

.current-page{color: #f4671d;}

.recent-container{display: block; margin: 0 0 20px 0;}

.recent-work{display: block; width: 178px; height: 23px; margin: 5px; background: url(images/recentwork-title.gif) no-repeat; clear: both;}

.archive-work{display: block; width: 209px; height: 25px; margin: 20px 5px 5px 5px; background: url(images/archive-title.gif) no-repeat; clear: both;}

#main-container{display: block; width: 960px; margin: 0 0 40px 0; padding: 0; float: left;}

#nav{display: block; width: 160px; height: 40px; float: left; font-family: Alexandria, sans-serif; text-align: center; font-size: 10px; color: white;}

#nav ul{text-align: center; font-family: Alexandria; width: 160px;}

#nav li{float: left; margin: 0 0 3px 0;}

#nav li a{display: block; height: 12px; text-align: center; }

#nav-about a{width: 43px; margin: 0 0 0 30px;}

#nav-recent a{width: 49px;}

#nav-port a{width: 64px; margin: 0 0 0 18px;}

#nav-contact a{width: 60px;}

#nav-about a:hover{color: #f4671d; text-decoration: none;}

#nav-recent a:hover{color: #f4671d; text-decoration: none;}

#nav-port a:hover{color: #f4671d; text-decoration: none;}

#nav-contact a:hover{color: #f4671d; text-decoration: none;}

.dot{display: block; width: 2px; height: 12px; background: url(images/nav.gif) -5px -96px no-repeat; float: left;}

.work-box{display: block; position: relative; width: 180px; height: 140px; margin: 0 7px 30px 7px; border: solid 2px white; float: left;}

.work-container{display:block; width: 180px; height: 140px; overflow: hidden;}

.sticker{display: block; width: 70px; height: 68px; background: url(images/sticker.png) no-repeat; position: relative; left: -12px; top:-45px;}

#content{display: block; width: 596px; min-height: 260px; height: 300px; padding: 0px 20px 0 20px; font-size: 13px; border-left: solid 2px white; border-right: solid 2px white; float: left; overflow-y: auto; overflow-x: hidden;}

#content-port{display: block; width: 596px; min-height: 260px; padding: 0px 20px 0 20px; font-size: 13px; border-left: solid 2px white; border-right: solid 2px white; float: left;}

.image-links{display: none; width: 1px; height: 1px; overflow: hidden;}

#line1{display: block; width: 596px; height: 86px; padding: 0; background: url(images/contact-1.gif) no-repeat center; float: left; font-size: 117px;}

#line2{display: block; width: 596px; height: 73px; padding: 0; background: url(images/contact-2.gif) no-repeat center; float: left; font-size: 50px;}

#line3{display: block; width: 596px; height: 91px; padding: 0; background: url(images/contact-3.gif) no-repeat center; float: left; font-size: 70px;}

#line4 a{display: block; width: 596px; height: 41px; padding: 0; background: url(images/contact-4.gif) no-repeat center; float: left; font-size: 50px;}

#mainline1{display: block; width: 605px; height: 85px; padding: 0; background: url(images/About1.gif) 0px 0px no-repeat; float: left; font-size: 117px;}

#mainline2{display: block; width: 596px; height: 42px; padding: 0; background: url(images/About2.gif) no-repeat 2px 0px; float: left; font-size: 117px;}

#mainline3{display: block; width: 596px; height: 57px; padding: 0; background: url(images/About3.gif) no-repeat -1px 0px; float: left; font-size: 117px;}

#mainline4{display: block; width: 600px; height: 50px; padding: 0; background: url(images/About4.gif) no-repeat -1px 0px; float: left; font-size: 117px;}

#mainline5{display: block; width: 596px; height: 43px; padding: 0; background: url(images/About5.gif) no-repeat center; float: left; font-size: 117px;}

#submain{display: block; width: 960px; position: relative; margin: 40px auto 0 auto;}

#submain-container{display: block; width: 593px; padding: 0 183.5px; float: left;}

#submain-container ul{list-style: disc; margin: 5px 0 0 13px; color: white; font-size: 12px;} 

#submain-container li{margin: 0 0 5px 0;}

#left-block{display: block; width: 175px; min-height: 128px; padding: 0 10px 0 10px; float: left;}

#mid-block{display: block; width: 175px; min-height: 128px; padding: 0 10px 0 10px; float: left;}

#right-block{display: block; width: 175px; min-height: 128px; padding: 0 10px 0 10px; float: left;}