@charset "UTF-8";
*{margin: 0; padding: 0; outline-style:none;}

html {background: url(assets/images/body_bg.jpg) no-repeat center top #e09A38;}

body{background:url(assets/images/top_bar_bg.png) repeat-x; font-family: Helvetica, Arial, sans-serif; font-size:14px; color:#333; margin:0; padding:0;}

h1{font-size: 22px; color:#666; margin-bottom:20px; line-height:25px; font-family: Baskerville, Georgia, serif;}
h2{font-size: 18px; color:#d68919; margin-bottom:10px; margin-top:-10px; font-family: Baskerville, Georgia, serif;}
p{line-height:20px; margin-bottom:10px; width: 40em;}
#inner_col_left p{line-height:20px; margin-bottom:10px; width: 29em;}
strong{color:#d68919;}
a{font-weight:bold; color: #666; text-decoration:none;}
a img{border:0;}

#content-column {background: url(assets/images/body_bg.jpg) no-repeat center top; width:960px;	margin:0 auto; position:relative;}

#header{position: relative; width: 960px; background:url(assets/images/header_bg.png) no-repeat top center; height: 215px;}
#logo{position:relative; top: 80px; left: 30px;}
h1.logo{background:url(assets/images/traci_moore_graphics_logo.png) no-repeat; width: 274px; height: 88px; text-indent: -9999px;}

#navigation{position:relative; width: 580px; height: 60px; top: 10px; left:320px; text-align:left;}
#nav_home ul, #nav_about ul, #nav_services ul, #nav_work ul, #nav_contact il, #nav_client ul {list-style: none;}
#nav_home li, #nav_about li, #nav_services li, #nav_work li, #nav_contact li, #nav_client li { display: inline;}
#nav_home li a, #nav_about li a, #nav_services li a, #nav_work li a, #nav_contact li a, #nav_client li a {display:block; text-indent:-9999px; height:30px;}
#nav_home{width: 66px; float: left;}
li a.nav_home{background:url(assets/images/tmg_nav.png) no-repeat 0 -30px;}
li a.nav_home:hover{background:url(assets/images/tmg_nav.png) no-repeat 0 0;}
#nav_about{width: 94px; height:25px; float: left;}
li a.nav_about{background:url(assets/images/tmg_nav.png) no-repeat -66px -30px;}
li a.nav_about:hover{background:url(assets/images/tmg_nav.png) no-repeat -66px 0;}
#nav_services{width: 118px; height:25px; float: left;}
li a.nav_services{background:url(assets/images/tmg_nav.png) no-repeat -160px -30px;}
li a.nav_services:hover{background:url(assets/images/tmg_nav.png) no-repeat -160px 0;}
#nav_work{width: 100px; height:25px; float: left;}
li a.nav_work{background:url(assets/images/tmg_nav.png) no-repeat -278px -30px;}
li a.nav_work:hover{background:url(assets/images/tmg_nav.png) no-repeat -278px 0;}
#nav_contact{width: 100px; height:25px; float: left;}
li a.nav_contact{background:url(assets/images/tmg_nav.png) no-repeat -378px -30px;}
li a.nav_contact:hover{background:url(assets/images/tmg_nav.png) no-repeat  -378px 0;}
#nav_client{width: 100px; height:25px; float: left;}
li a.nav_client{background:url(assets/images/tmg_nav.png) no-repeat -475px -30px;}
li a.nav_client:hover{background:url(assets/images/tmg_nav.png) no-repeat -475px 0;}

#home #nav_home li a.nav_home {width: 66px; background-position: 0 0 }
#about #nav_home li a.nav_about {width: 94px; background-position: -66px 0; }
#services #nav_home li a.nav_services {width: 118px; background-position: -160px 0; }
#contact #nav_home li a.nav_contact {width: 100px; background-position: -378px 0; }
#work__7 a.nav_work, #work__15 a.nav_work, #work__9 a.nav_work, #work__10 #a.nav_work {width: 100px; background-position: -278px 0; }

#our_work{margin-left:204px; width:282px; height:25px; float:left;}
#our_work ul{list-style:none;}
#our_work li{display:inline;}
#our_work ul li a{display:block; float:left;background:url(assets/images/work_nav.png) no-repeat; text-indent: -9999px; height:25px;} 
#our_work ul li a.print {width: 60px; background-position: 0 -5px; }
#our_work ul li a.identity {width: 74px; background-position: -60px -5px; }
#our_work ul li a.web {width: 43px; background-position: -134px -5px; margin-left:2px; }
#our_work ul li a.environment {width: 100px; background-position: -177px -5px; }
#our_work ul li a.print:hover {width: 60px; background-position: 0 -27px; }
#our_work ul li a.identity:hover {width: 74px; background-position: -60px -27px; }
#our_work ul li a.web:hover {width: 43px; background-position: -134px -27px; margin-left:2px; }
#our_work ul li a.environment:hover {width: 100px; background-position: -177px -27px; }
#work__7 #our_work ul li a.print {width: 60px; background-position: 0 -27px; }
#work__15 #our_work ul li a.identity {width: 74px; background-position: -60px -27px; }
#work__9 #our_work ul li a.web {width: 43px; background-position: -134px -27px; margin-left:2px; }
#work__10 #our_work ul li a.environment {width: 100px; background-position: -177px -27px; }


#body-content{position:relative; width: 960px; background:url(assets/images/content_bg.png) center repeat-y;}
h1#unique{background:url(assets/images/be_unique.jpg) no-repeat; height: 307px; width: 860px; text-indent:-9999px; margin-left:0;}

#featured_work{position: relative; margin: 0 0; width: 890px; height: 200px;}
ul.featured_work{list-style: none;}
ul.featured_work li{display:inline;}
ul.featured_work li a {display: block; float: left; width:280px; height: 200px; background:url(assets/images/featured_bg.png) no-repeat;}
ul.featured_work li img {border:0; padding: 19px 10px 20px 20px;}

#interior_content{position: relative; background:url(assets/images/interior_bg_middle.png) repeat-y; width: 840px; overflow:hidden; margin-left:60px;}
#interior_content_home{position: relative; width: 850px; overflow:hidden; margin-left:60px;}
#interor_content_top{position:relative; float:left; background:url(assets/images/interior_bg_top.png) no-repeat; width: 840px; height:30px;}
#interior_content_left{position:relative; float:left; width: 160px; margin-left: 30px; margin-top:50px;}
#interior_content_right{position:relative; float: left; width: 580px; margin-left: 40px; margin-top:50px;}
#interor_content_bottom{position:relative; float:left; background:url(assets/images/interior_bg_bottom.png) no-repeat; width: 850px; height:50px;}

#interior_content_left #subnav ul{border-top: 1px #666 solid; list-style:none; font-size:12px; line-height: 20px; margin-top:10px;}
#interior_content_left #subnav li{margin-bottom:10px;  background:none; border-bottom: 1px #666 solid; padding:5px 0 10px 0;}
#interior_content_left #subnav li.first{margin-top:5px; margin-bottom:10px;  background:none; border-bottom: 1px #666 solid; padding:5px 0 10px 0;}
#interior_content_left #subnav li a{text-decoration:none; color:#fff; font-weight:normal; }
#interior_content_left #subnav li.active a{text-decoration:none; color:#e09b35; font-weight:bold;}
#interior_content_left #subnav li a:hover{text-decoration:none; color:#ccc; font-weight:normal;}
#interior_content_left{color:#fff;}
#interior_content_left p{margin-bottom:10px;}

#interior_content_left ul{list-style:none; margin-bottom: 20px; margin-top:-10px;}
#interior_content_left li{list-style-type:none; background: url(assets/images/bullet.png) no-repeat 0px 12px; padding: 10px 0px 0px 15px; font-size:13px; line-height:16px;}

#inner_col_left{position:relative; float:left; width: 420px; margin-top:20px;}
#inner_col_right{position:relative; float:left; margin-left:10px; width: 129px; margin-top:20px; padding-left:20px; padding-top:20px; font-size:12px; background:#eae7cc;}
#inner_col_right ul{list-style:none; margin-bottom: 20px;}
#inner_col_right li{list-style-type:none; background: url(assets/images/bullet.png) no-repeat 0px 10px; padding: 10px 0px 5px 15px;}

#slider{margin-top:30px; width:580px; height:360px; overflow:hidden; border:1px solid #ccc;	}
#slider ul, #slider li,{margin:0; padding:0; list-style:none;}
#slider li{	width:580px; height:360px; overflow:hidden;	}	
ol#controls{margin:1em 0; padding:0; height:28px;}
ol#controls li{	margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px;	line-height:28px; }
ol#controls li a{float:left; height:28px; line-height:28px;	background:url(assets/images/slide_numbers.png) no-repeat -29px 0; color:#fff; padding:2px 10px 13px 10px; text-decoration:none; font-weight:bold; font-size:14px;}
ol#controls li.current a{ background:#5DC9E1; color:#fff; background:url(assets/images/slide_numbers.png) no-repeat 0 0;}
ol#controls li a:focus{outline:none; background:url(assets/images/slide_numbers.png) no-repeat 0 0;}

#footer{position:relative; width: 960px; height: 100px; background:url(assets/images/footer_bg.png) center top no-repeat; }
#footer_content{position:relative; width: 920px; padding-top: 60px; color:#fff; font-size: 12px; text-align:right;}
#footer_content a{text-decoration:none; font-weight: bold; color: #fff;}

#contact-area {
	width: 500px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 350px;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #e09b35;
}

#contact-area input.submit-button {
        background:url(assets/images/submit_button.png) no-repeat;
	width: 100px;
        height:40px;
        border:0;
	float: right;
        text-indent:-9999px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 120px;
	padding-top: 5px;
	font-size: 14px;
        font-weight:bold;
        color:#e09b35;
}

#sitemap ul {list-style:none;}
#sitemap ul li{margin-bottom: 10px;}
#sitemap ul li a{color:#e09A38; font-size: 16px;}
#sitemap ul li a:hover{color:#666;}
#sitemap ul li ul li{text-indent:20px; margin-top:10px;}
#sitemap ul li ul li a{color:#666; font-size: 12px;}
#sitemap ul li ul li a:hover{color:#e09A38;}