/*  

Theme Name: 
Theme URI: http://
Description: 
Version: 1.0
Author: Keefe Au
Author URL: http://aukeefe.carbonmade.com

*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }


/* LAYOUT */
.clear { clear: both; }

/* TYPE */
body { font: 90% 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: #706c6b; color: #595351; text-align: center;  }
input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 100%; } 

p { font: 85% 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #595351; margin:5px 0 5px 0; }

a { text-decoration:none; color:#7c1313;  }

div a:hover, a:hover { text-decoration:underline; }

a:visited {text-decoration:none;  }

/* container */

#container { width:976px; text-align: left; margin-left:auto; margin-right:auto;   }

/* header */

#header { width:976px; height:150px; margin: 0 auto; position: relative; background:url(../images/header_bg.png) no-repeat;  }
#logo a { background:url(../images/logo.png) no-repeat; width: 164px; height: 130px; position: absolute; text-indent: -900em; left:25px; bottom:5px; overflow:hidden;  _background:transparent url(../images/blank.gif) repeat 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='../images/logo.png'); }
#logo.home a { cursor: default !important; }
#contact { background:url(../images/phone_us.png) no-repeat; width: 260px; height: 59px; position: absolute; text-indent: -900em; left:230px; bottom:45px; overflow:hidden;  _background:transparent url(../images/blank.gif) repeat 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='../images/phone_us.png'); }
#quote a { background:url(../images/free_quote.png) no-repeat; width: 290px; height: 94px; position: absolute; text-indent: -900em; right:85px; bottom:5px; overflow:hidden;  _background:transparent url(../images/blank.gif) repeat 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='../images/free_quote.png'); }
#quote.home a { cursor: default !important; }


/* Sub Navi */
#sub-navi { width: 446px; height: 36px; position: absolute; right:10px; top:9px; }
#sub-navi #nav { margin: 0; padding: 0; }
#sub-navi #nav li { display: inline;  }
#sub-navi #nav li a { background:url(../images/sub_navi.png) no-repeat; float:left; height: 36px; overflow: hidden;  }

#sub-navi #nav li#nav-home a { background-position: 0 0; width:73px; height:36px; }
#sub-navi #nav li#nav-contact a { background-position: -73px 0; width:103px; height:36px; }
#sub-navi #nav li#nav-quote a { background-position: -176px 0; width:150px; height:36px; }
#sub-navi #nav li#nav-portfolio a { background-position: -326px 0; width:116px; height:36px; }

/* OVER STATES */
#sub-navi #nav li#nav-home a:hover { background-position: 0 -37px; width:73px; height:36px; }
#sub-navi #nav li#nav-contact a:hover { background-position: -73px -37px; width:103px; height:36px; }
#sub-navi #nav li#nav-quote a:hover { background-position: -176px -37px; width:150px; height:36px; }
#sub-navi #nav li#nav-portfolio a:hover { background-position: -326px -37px;  width:116px; height:36px; }

/* ON STATES */
#sub-navi.home #nav li#nav-home a { background-position: 0 -73px; width:73px; height:36px; cursor: default !important; }
#sub-navi.contact #nav li#nav-contact a { background-position: -73px -73px; width:103px; height:36px; cursor: default !important; }
#sub-navi.quote #nav li#nav-quote a { background-position: -176px -73px; width:150px; height:36px; cursor: default !important; }
#sub-navi.portfolio #nav li#nav-portfolio a { background-position: -326px -73px; width:116px; height:36px; cursor: default !important; }


/* Main Navigation */
#navigation { width: 976px; height: 34px; position: relative; background:url(../images/main_navi.jpg) no-repeat; }
#navigation #nav { margin: 0; padding: 0; }
#navigation #nav li { display: inline;  }
#navigation #nav li a { background:url(../images/main_navi.jpg) no-repeat; float: left; height:34px;  overflow: hidden;  }

#navigation #nav li#nav-design a { background-position: -144px 0; width:108px; height:34px; position:relative; left:144px; }
#navigation #nav li#nav-printing a { background-position: -252px 0; width:110px; height:34px; position:relative; left:144px; }
#navigation #nav li#nav-large-format a { background-position: -362px 0; width:112px; height:34px; position:relative; left:144px; }
#navigation #nav li#nav-copywrite a { background-position: -474px 0; width:115px; height:34px; position:relative; left:144px; }
#navigation #nav li#nav-promotional a { background-position: -589px 0; width:126px; height:34px; position:relative; left:144px; }
#navigation #nav li#nav-photography a { background-position: -715px 0; width:131px; height:34px; position:relative; left:144px; }
#navigation #nav li#nav-videography a { background-position: -846px 0; width:130px; height:34px; position:relative; left:144px; }

/* OVER STATES */
#navigation #nav li#nav-design a:hover { background-position: -144px -34px; width:108px; height:34px; }
#navigation #nav li#nav-printing a:hover { background-position: -252px -34px; width:110px; height:34px; }
#navigation #nav li#nav-large-format a:hover { background-position: -362px -34px; width:112px; height:34px; }
#navigation #nav li#nav-copywrite a:hover { background-position: -474px -34px;  width:115px; height:34px; }
#navigation #nav li#nav-promotional a:hover { background-position: -589px -34px; width:126px; height:34px; }
#navigation #nav li#nav-photography a:hover { background-position: -715px -34px; width:131px; height:34px; }
#navigation #nav li#nav-videography a:hover { background-position: -846px -34px; width:130px; height:34px;  }

/* ON STATES */
#navigation.design #nav li#nav-design a { background-position: -144px -68px; width:108px; height:34px; cursor: default !important; }
#navigation.printing #nav li#nav-printing a { background-position: -252px -68px; width:110px; height:34px; cursor: default !important; }
#navigation.large-format #nav li#nav-large-format a { background-position: -362px -68px; width:112px; height:34px; cursor: default !important; }
#navigation.copywrite #nav li#nav-copywrite a { background-position: -474px -68px; width:115px; height:34px; cursor: default !important; }
#navigation.promotional #nav li#nav-promotional a { background-position: -589px -68px; width:126px; height:34px; cursor: default !important; }
#navigation.photography #nav li#nav-photography a { background-position: -715px -68px; width:131px; height:34px; cursor: default !important; }
#navigation.videography #nav li#nav-videography a { background-position: -846px -68px; width:130px; height:34px; cursor: default !important; }


/* Sidebar */
#sidebar-wrapper {width:226px; height:auto; top:15px; float:left; left:10px; position:relative; margin-bottom:45px; }
#sidebar { background:url(../images/sideframe_bg.jpg) repeat-y; width:226px; height:auto;  }
#sidebar-top { background:url(../images/sideframe_top.jpg) no-repeat; width:226px; height:12px; }
#sidebar-btm { background:url(../images/sideframe_btm.jpg) no-repeat; width:226px; height:12px; }

#sd { margin: 0 0 0 5px; padding-bottom:12px; padding-top:5px; }
#sd li { display: block; width:176px;  }
#sd li.sub { font-size: 75%; color: #101010; text-transform:uppercase; margin-left:30px; line-height:1.7em;  } 
#sd li a { font-size: 75%; color: #101010; text-transform:uppercase; margin-left:30px; line-height:1.5em;  }
#sd li a:hover {color:#7c1313; text-decoration:underline; }
#sd li.sd-title { background:url(../images/sidenavi_bg.jpg) no-repeat; width:176px; height:26px; }
#sd li.sd-title a { color: #fff; font-size:105%; line-height:1.65em; }
#sd li.sd-title a:hover { text-decoration:underline; }

/* Main Column */

#main-column { width:740px; height:auto; position:relative; margin-bottom:45px; float:right; top:18px; }
#main-slide { background:url(../images/slideshow_bg.jpg) no-repeat; width:711px; height:242px; position:relative; left:14px; }
.main-text-box { position:relative; width:472px; height:auto; float:right; margin:25px 14px 25px 10px; }
#column-wrapper { width:710px; height:auto; position:relative; left:13px; }

#main-slideshow { background:url(../images/slide_bg.jpg) no-repeat; width:711px; height:242px; position:relative; left:14px; }
#main-slideshow.copywriting { background:url(../images/slide_bg_copywriting.jpg) no-repeat; width:711px; height:242px; position:relative; left:14px; }
.slide-textbox { position:relative; float:left; top:5px; left:14px; width:265px; height:220px; overflow:hidden; }
.slide-textbox h1 { color:#fff; font-size:175%; text-transform:capitalize;  }
.slide-textbox p { color:#9b9b9b; font-size:80%;  }
.flow-1, .flow-2, .flow-3  { float:right; clear:right;   }
.flow-1 {   width:10px; height:80px; top:95px;}
.flow-2 {   width:50px; height:60px; }
.flow-3 {   width:70px; height:80px; }
.services-text-box { position:relative; width:700px; height:auto;  margin:25px 14px 25px 0; left:18px; }
.services-text-box h1 { color:#7c1313; }
.services-text-box h2 { color:#101010; font-size:100%;  }
#services-list li { display:line; list-style:disc; margin-left:30px; line-height:1.2em; padding-bottom:6px; margin-top:8px; font-weight:bold; color:#101010; }
#list li { display:line; list-style:disc; margin-left:20px; line-height:1.5em; padding-bottom:2px; margin-top:4px; font-size:110%; font-weight:bold; color:#7c1313; }

h1 { font-size:130%; font-weight:bold; color:#101010; line-height:1.5em; }
.info-text { font-size:98%; }
.sp-text { font-size:120%; font-weight:bold; }
.bk-text { font-size:120%; font-weight:bold; color:#101010; }
.rd-text { font-size:125%; font-weight:bold; color:#7c1313; }
.map {width:350px; height:350px; margin:20px 0 45px 0; border: solid 1px #d1cccc; }

.divider { border-top: solid 1px #d1cccc; width:710px; position:relative; left:15px; margin:20px 0 20px 0; }

#section-wrapper { width:726px; height:auto; position:relative; left:13px; }
.section { width:228px; height:420px; float:left; position:relative; margin-right:10px; border-right: solid 1px #d1cccc; overflow:visible;  }
.section-last { width:228px; height:auto; float:left; position:relative; margin-right:10px; }
.section-text-box { margin:0 20px 0 4px; }

.tb { position:relative; float:left; clear:right; margin:10px 20px 20px 20px; }
.tb-photo { position:relative; float:left; clear:right; margin:10px 20px 20px 20px; border:1px solid #d1cccc; }

/* slideshow */


#slideshow-section { background:; width:430px; height:220px;  position:relative; }
#slideshow { position:relative; bottom:-21px; left:15px;}
.pics { width:430px; height:220px;  padding:0; margin:0; overflow: hidden; }
.pics img { width:430px ; height:220px; background: transparent !important; }
#slideshow img { }


/* Banners */

.tl-banner { width:229px; height:270px; position:relative; left:13px; margin:25px 0 25px 0; float:left; }
.lg-banner {width:472px; height:82px; margin-left:-5px; }
.sq-banner { width:230px; height:182px; float:left; position:relative; margin-right:12px; margin-bottom:20px; }
#banner-wrapper { width:726px; height:182px; position:relative; left:13px; }


/* Social */
#social li a { font-weight:bold; text-transform:uppercase; line-height:1.5em; }
#social li a:hover { text-decoration:underline; }
.icon { position:relative; margin-right:6px; top:4px; }

/* content */

#content { width:976px; height: auto; margin: 0 auto; position: relative; background-color:#fff; }
.rg-column { width:320px; height: auto; position:relative; float:right; }
.lf-column { width:350px; height: auto; position:relative; float:left; }

#sub-list { margin:10px 0; padding:1.5em; position:relative;  }
#sub-list li { margin-left:35px; font: 80% 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #251810; line-height:1.45em; margin-top:6px; margin-bottom:8px; text-transform:uppercase;  }
#sub-list li { list-style: disc outside;  }
ul#sub-list, .strong { font: 110% 'Helvetica Neue', Helvetica, Arial, sans-serif;  color:#595351; }

/* Subscribe form */
#eform { margin:6px 0; width:220px; }
#eform input, #eform textarea { display:inline; margin:0; }
.name-box, .email-box {margin:0 0 10px 0; }
.submit-button, .signup-text { margin:14px 0; }
legend { font: 90% 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#101010; line-height:1.5em; }
input, textarea { background:#bbb6b6; padding:2px; border:1px solid #9f9999; color:#101010; font: 95% 'Helvetica Neue', Helvetica, Arial, sans-serif; }
input:hover, textarea:hover, input:focus, textarea:focus {  background:#bbb6b6; color:#101010; border:1px solid #791615; }
.signup-text { font: 80% 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#595351;  width:220px; line-height:1.45em; margin-right:-2px;  }
input#submit{ cursor:pointer; padding:2px 10px 2px 10px;  color:#fff; font: 100% 'Helvetica Neue', Helvetica, Arial, sans-serif; background:#791615; border:1px solid #4a0a0a; }
input#submit:hover { background:#232323; color:#fff; }


/* portfolio */

#project-types { padding:10px 15px 10px 15px; background:url(../images/tags_bg.jpg) no-repeat; width:712px; height:108px; position:relative; left:12px; }
#tag-list li { list-style: none; float:left; position:relative; text-align:center; padding-right: 15px; line-height:1.5em; text-transform:uppercase; margin-top:2px; }
#tag-list li a { display: inline; font-size:90%; color:#595351; text-decoration: underline  }
#tag-list li a:hover {	 color:#7c1313; }
#tag-list li.current a { cursor:default !important; text-decoration: none !important; color:#ccc; }


#portfolio { background:url(../images/portfolio_bg.jpg) no-repeat; width:714px; height:245px; position:relative; left:-6px; margin:25px 0 55px 0; }
#video { position:relative; float:left; margin:10px 0 20px 0; border:4px solid #9f9999; }



/* footer */

#footer { width:976px; height:84px; margin: 0 auto; position: relative; background:url(../images/footer_bg.png) no-repeat; }
#footnote { width: auto; height: auto; margin: 0 auto; position: absolute; font-size:85%; color:#908686; float:left; left: 10px; top: 10px; }

#subnav { float:right; width: auto; padding: 0; right:10px; position: absolute; top:10px; }
#subnav li { display:inline; list-style: none; font-size:85%; }
#subnav li a { color:#908686; text-align: center; text-decoration: none; }
#subnav li a:hover { text-decoration:underline; }
#subnav li a.listborder { border-right: 1px solid #908686; padding-right: 10px; }
#subnav li a.last { padding-left: 10px; }