body,html{width:100%; height:100%; margin:0px; padding:0px; }



body{background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px;}





*{font-family:Arial, Helvetica, sans-serif; font-size:11px; border:0px; outline:none; margin:0px; padding:0px;}







/*Typography*/



p{margin:0px 0px 10px 0px; line-height:16px; font-family:Tahoma; font-size:11px; color:#555;}



h1{font-size:24px; line-height:normal; font-weight:normal; margin-bottom:10px; color:#333; letter-spacing:2px; }



h2{font-size:18px; line-height:normal; font-weight:normal; margin-bottom:10px; color:#333; text-transform:uppercase;}



h3{font-size:18px; line-height:normal; font-weight:normal; margin-bottom:10px; color:#333; }



a{text-decoration:none; color:#d1b748;}



a:hover{color:#888;}

ol, ul {list-style-image:none;list-style-position:outside;list-style-type:none;}



ul { margin:10px 10px 10px 0px; line-height:14px; }



ol { list-style-type:decimal; margin:10px 10px 10px 0px; line-height:14px; }







/* ----------------------------------



Structure



-------------------------------------*/



#headerWrap{clear:both; float:left; height:45px;}







/* The slideshow */

#mainfeatureWrap{background: url(images/interface/featured_bg.png) no-repeat bottom center;  height:453px;clear:both; float:left; position:relative;}



#featureWrap{background:#000; height:400px;clear:both; float:left; position:relative;}



#cycleWrap{width:960px; height:400px; overflow:hidden; margin:0 auto; position:relative; }



#cycle{width:960px; height:400px; overflow:hidden;z-index:100;}



.feature-shadow-left{position:absolute; top:0px; left:0px; background:url(images/interface/shadow-left.png) no-repeat; width:150px; height:400px; z-index:990;}



.feature-shadow-right{position:absolute; top:0px; left:810px; background:url(images/interface/shadow-right.png) no-repeat;width:150px; height:400px;z-index:990;}







.feature-info{position:absolute; bottom:0px; z-index:999;  width:100%; padding:0px; background:url(images/interface/feature.png);}



.feature-title{ padding:20px 30px 10px 30px; float:left; clear:both;}



.feature-title a{ font-size:32px; color:#efefef; margin-left:0px;}



.feature-text { float:left; padding:0px 10px 20px 10px; }



.feature-text a{ font-size:12px; color:#999;  line-height:16px; float:left; margin-bottom:10px;}



.feature-link{}



.feature-text a.featuremore{ color:#d1b748; float:left; clear:both; display:block; margin-bottom:0px;}



.feature-text a:hover{color:#999;}







/* Slideshow navigation/buttons */



#nav{position:absolute; bottom:23px; right:30px; text-align:right; z-index:9999; background:#000;}



#nav a {margin:0px 0px 0px 0px;  padding:0; width:8px; height:4px; display:block; margin-left:2px; float:left; border-bottom:4px solid #fff; text-decoration: none; color:#000; font-size:0px;}



#nav a.activeSlide { background: #d1b748; color:#d1b748; height:8px; margin-top:0px; border:none;}



#nav a:focus { outline: none; }







/* The header */



#headerWrap #logo{background: url(images/interface/logo.png) no-repeat; position: absolute;  display:inline; width:260px; height:45px; float:left; margin:0px 0px 0px 0px;}



#headerWrap #navWrap{ float:right; clear:right; margin:0px 0px 0px 0px; display:inline;}



#headerWrap #navWrap #menu{display:inline;width:100%; float:left;}









/* The content */



#contentWrap{height:auto; clear:both; float:left;}



#contentWrap #sidebar{display:inline;width:300px; float:right; margin:0px 0px 0px 20px; padding:50px 0px;}



#contentWrap #maincontent{display:inline; width:600px; float:left; padding:0px 0px; margin:0px 0px 20px 0px; }



#contentWrap #portfoliomaincontent{display:inline; width:600px; float:left; padding:0px 0px; margin:20px 0px 20px 0px; }





.border-wrap-white{margin-bottom:0px;float:left; clear:both; width:600px;} 



.portfolio-border-wrap-white{margin-bottom:20px;float:left; width:320px; margin:0 0 0 0;}



.innercontent{margin:0px; padding:20px 0px; float:left; clear:both; width:600px; position:relative; }



.innercontent h1{padding-bottom:0px; margin-bottom:0px;}















/* The footer */



#footerWrap{clear:both; float:left;}



#footerWrap ul{list-style:none;}







/* The sidebar */

.twitter-box {
background:none;
margin:0 -1px;
padding:0px;
position:relative;
width:300px;
word-spacing:-1px;
}
.twitter-box .text-holder {
overflow:hidden;
}

.btn-follow-twitter {
background: url(images/interface/twitter.gif) no-repeat scroll 0 0 transparent;
float:left;
height:27px;
margin:12px 0 0 0px;
overflow:hidden;
text-indent:-9999px;
width:160px;
}







.sidebar-box-wrap-black h1{color:#efefef;  float:left; clear:both; width:220px;}



.sidebar-box-wrap-black h2{color:#dddddd; margin:0px 0px 10px; float:left; clear:both; width:180px;}



.sidebar-box-wrap-black ul{margin:0px 0px 0px 00px; padding:0px;list-style:none; }



.sidebar-box-wrap-black ul li{float:left;  display:inline;background:#111;width:149px; margin-bottom:1px; border-right:1px solid #ffffff;}



.sidebar-box-wrap-black ul li a{float:left; display:inline; padding:10px; background:#111; width:129px;} 



.sidebar-box-wrap-black ul li a:hover{ background:#222;}



.sidebar-box-wrap-black ul li ul{margin:0px -20px 0px 0px; padding:0px; width:200px;list-style:none; }



.sidebar-box-wrap-black ul li ul li{width:200px; }



.sidebar-box-wrap-black ul li ul li a{float:left; display:inline; padding:6px 20px 6px 40px; background:#111; width:180px; border-top:1px solid #333; color:#888;}



.sidebar-box-wrap-black ul li ul li a:hover{background:#222; color:#888;}



.sidebar-box-wrap-black p{margin-bottom:20px;}



.sidebar-box-wrap-black ul li.recentcomments{float:left; clear:both; display:inline; padding:10px 20px 10px 20px; background:#111; width:200px;}



.sidebar-box-wrap-black ul li.recentcomments a{clear:both; background:none;}



.sidebar-box-wrap-black ul li.recentcomments a:hover{background:none;}



.sidebar-box-wrap-black ul li.recentcomments:hover{background:#222;}







.sidebar-box-wrap h1{color:#333;  float:left; clear:both; width:220px;}



.sidebar-box-wrap h2{color:#333; margin:0px 0px 12px; float:left; clear:both; width:220px;}



.sidebar-box-wrap ul{margin:20px 0px 0px; padding:0px; width:180px;list-style:none; }



.sidebar-box-wrap ul li{float:left;  display:inline;width:220px; margin-bottom:1px;}



.sidebar-box-wrap ul li a{float:left; display:inline; padding:10px 10px 10px 10px; background:#f7f7f7; width:200px;}



.sidebar-box-wrap ul li a:hover{ background:#e7e7e7; color:#555;}



.sidebar-box-wrap ul li ul{margin:0px 0px 0px 0px; padding:0px; width:180px;list-style:none; }



.sidebar-box-wrap ul li ul li{width:180px; }



.sidebar-box-wrap ul li ul li a{float:left; display:inline; padding:6px 20px 6px 40px; background:#111; width:180px; border-top:1px solid #333; color:#888;}



.sidebar-box-wrap ul li ul li a:hover{background:#f7f7f7; color:#888;}



.sidebar-box-wrap p{margin-bottom:0px;}



.sidebar-box-wrap ul li.recentcomments{float:left; clear:both; display:inline; padding:10px 20px 10px 20px; background:#111; width:220px;}



.sidebar-box-wrap ul li.recentcomments a{clear:both; background:none;}



.sidebar-box-wrap ul li.recentcomments a:hover{background:none;}



.sidebar-box-wrap ul li.recentcomments:hover{background:#222;}











/* Categories widget */



li.categories{margin:-20px -20px -20px -20px;}



li.widget{list-style:none;}



/* Text widget */







/* Misc classes*/



.fullwidth{width:100%}



.inner{margin:0 auto; width:960px; height:auto;}



img.expanded{margin:-20px -20px 10px -20px;}



.left{float:left; margin:6px 16px 6px 0px;}/* Float image left in maincontent*/



.right{float:right; margin:6px 0px 6px 16px;}/* Float image right in maincontent*/



a.button{background:#222; padding:5px; margin-top:4px; float:left; display:block; margin-right:4px; color:#fff;}



a.button:hover{background:#d1b748; color:#fff;}



.blocklist-image-lightbox{height:150px; width:300px; }



.clear {width:90%; clear:both;}







.black-660-top{float:left; display:inline; clear:both; width:660px; height:10px; background:url(images/interface/bb-black-660-top.gif); margin:0px; font-size:1px;}



.black-660-bottom{float:left; clear:both; width:660px; height:10px; background:url(images/interface/bb-black-660-bottom.gif); font-size:1px;}



.black-260-top{float:left; clear:both; width:260px; height:10px; background:url(images/interface/bb-black-260-top.gif); font-size:1px;}



.black-260-bottom{float:left; clear:both; width:260px; height:10px; background:url(images/interface/bb-black-260-bottom.gif); font-size:1px;}







.white-660-top{float:left; clear:both; width:660px; height:10px; background:url(images/interface/bb-white-660-top.gif); font-size:1px;}



.white-660-bottom{float:left; clear:both; width:660px; height:10px; background:url(images/interface/bb-white-660-bottom.gif); font-size:1px;}



.white-260-top{float:left; clear:both; width:260px; height:10px; background:url(images/interface/bb-white-260-top.gif); font-size:1px;}



.white-260-bottom{float:left; clear:both; width:260px; height:10px; background:url(images/interface/bb-white-260-bottom.gif); font-size:1px;}







/*lists*/



#navWrap #menu ul{margin:10px 0px 0px 0px; padding:0; list-style:none; background:#000; float:right; display:inline; }



#navWrap #menu ul li{float:left; width:auto;  background:#000; position:relative; text-transform:uppercase;}



#navWrap #menu ul li a{float:left; width:auto; padding: 6px 20px; background:#000; color:#ccc;}



#navWrap #menu ul li a:hover{background:#222; color:#fff;}



#navWrap #menu ul li.current_page_item a{background:#d1b748; color:#fff;}



#navWrap #menu ul li ul { margin: 0px 0px 0px 0px; padding: 0px; position: absolute; visibility: hidden; width:auto; z-index:1000; background:#ccc;}



#navWrap #menu ul li ul li { width:auto; float: left; display: inline; font-size:100%;clear:both; margin-top:1px; text-transform:none;}



#navWrap #menu ul li ul li a{ width: 240px; background:#000; color: #999; margin:0px; padding:6px 20px; float:left;}



#navWrap #menu ul li ul li a:hover{background:#222;}



#navWrap #menu ul li.current_page_item ul li a{background:#111;}



#navWrap #menu ul li.current_page_item ul li a:hover{background:#222;}



#navWrap #menu ul ul ul{ margin: 0px 0px 0px 0px; padding: 0px; position: absolute; visibility: hidden; width:auto; z-index:1000; background:#ccc;}



#navWrap #menu ul ul ul li { width:auto; float: left; display: inline; font-size:100%;clear:both; margin:0px 0px 1px 1px; text-transform:none;}



#navWrap #menu ul ul ul li a{ width: 240px; background:#000; color: #999; margin:0px; padding:6px 20px; float:left;}



#navWrap #menu ul ul ul li a:hover{background:#222;}



#navWrap #menu ul ul li.current_page_item ul li a{background:#111;}



#navWrap #menu ul ul li.current_page_item ul li a:hover{background:#222;}







/* Contact form */



#contact-form{float:left; clear:both;  margin-top:4px; padding:20px 0px; width:600px;}



#contact-form ul{list-style:none; margin:0px;}



#contact-form #searchsubmit{float:left; width:auto; height:24px; padding:4px; background:#222; color:#fff;}



#contact-form #searchsubmit:hover{background:#f1f1f1;}



#contact-form input{background:#efefef; border:1px solid #dddddd; width:278px; padding:6px; margin-bottom:10px; margin-top:4px;}



#contact-form textarea{background:#f1f1f1;border:1px solid #dddddd; width:278px; padding:6px; margin-bottom:10px; margin-top:4px; height:128px;}











/* The search box */



#search-box-wrap{background:url(images/interface/search-bg.png) no-repeat; width:300px; height:auto; display:inline; float:right; margin-bottom:20px;}



.search-box{float:left; width:auto; height:40px;  padding:0 0 0 0; color:#efefef; }







/* Search  form */



#searchform #s{width:250px; margin:12px; float:left; background:none; }



#searchform #searchsubmit{float:left; width:18px; height:40px; background:url(images/interface/search-bt.png) no-repeat; margin-top:0px; cursor:pointer;}

#searchform #searchsubmit a{display:none;}

#searchform .screen-reader-text{display:none;}







/* List (portfolio and updates) */



.blocklist{margin:0px 0px 0px 0px; padding:0px 0px; float:left; background-image:url(images/interface/hover.png); background-repeat: no-repeat;}



.blocklist .blocklist-image{display:inline; width:300px; height:150px; float:left; margin:0px 0px 0px 0px; background:#fff; overflow:hidden;}



.blocklist .blocklist-image-lightbox{display:inline;width:320px; height:160px; float:left; margin:0px 0px 0px 0px; overflow:hidden; }



.blocklist .blocklist-image img, .blocklist .blocklist-image-lightbox img{width:300px; height:150px; border:5px solid #dddddd;}



.blocklist .blocklist-text{display:inline; width:280px; float:left; background:#fff;} 



.blocklist .blocklist-text .blocklist-title h3{display:inline; width:auto; height:auto; float:left; display:inline; padding:0px 0px 0px 0px; line-height:12px; background:none; margin:0px 0px 0px 0px; text-transform:uppercase;  font-size:16px;}



.blocklist .blocklist-text .blocklist-exerpt a{display:inline; width:auto; height:auto;float:left; padding:5px 0px 5px 0px; background:none; margin:0px 0px 0px 0px;}



.blocklist .blocklist-text .blocklist-meta{display:inline; width:auto; height:auto;float:left; padding:5px 0px 5px 0px; background:none; margin:0px 0px 0px 0px;}



.blocklist a{color:#333; cursor:pointer;}



.blocklist blocklist-text:hover a{color:#333;}



.blocklist .blocklist-text .blocklist-title {

width:auto;

}

.blocklist .blocklist-text .date {

height:44px;

position:absolute;

right:0;

text-align:center;

top:8px;

width:112px;

color:#dddddd;

}

.blocklist .blocklist-text .day {

display:block;

font-size:36px;

font-weight:bold;

height:40px;

left:0;

line-height:45px;

position:absolute;

top:0;

width:55px;

border-right:1px solid #dddddd;

}

.blocklist .blocklist-text .month {

display:block;

font-size:18px;

left:60px;

line-height:1em;

position:absolute;

text-transform:uppercase;

top:6px;

width:50px;

}

.blocklist .blocklist-text .year {

display:block;

font-size:14px;

font-weight:bold;

left:60px;

letter-spacing:2px;

line-height:1em;

position:absolute;

top:25px;

width:53px;

}







/* Main page */



.mp-pagelist-content{float:left; clear:both; margin-bottom:20px;}



.mp-pagelist-content img{margin:2px 10px 0px 0px; float:left; display:inline;}



.mp-pagelist-content p{margin:0px;}



.mp-pagelist-title{display:inline;}



.mp-pagelist-title a{display:inline; height:auto; padding-top:2px; float:left; clear:both; line-height:12px; background:none; margin:0px 0px 6px 0px; text-transform:uppercase;  font-size:18px;}



.alignnone size-medium wp-image; {border:4px solid #dddddd;}





.title-wrap{float:left; width:600px; padding:0px 0px 0px 0px;  margin:40px 0px 0px 0px; color:#efefef; background:transparent url(images/interface/dot_x.png) repeat-x scroll right bottom; }



.mainpage-title{float:left; width:auto; padding:10px 0px 10px 0px; color:#efefef;}



.mainpage-title h1 {margin:0px; color:#dddddd;}



.columns .column-1{float:left; height:auto !important; min-height:250px;}

.columns .column-2,{float:right; height:auto !important; min-height:250px;}

.columns .column-1 {background:transparent url(images/interface/dot_y.png) repeat-y scroll right top; padding-right:15px;width:600px;}



.columns .column-2 {float:right;padding:0 0 0 0; width:300px;}






.columns .column-1 ul li {

padding-left:70px;

position:relative;

}

.columns .column-1 ul li h3 {

margin-bottom:0px;

}

.columns .column-1 ul li p.info {

-x-system-font:none;

font-family:'Tahoma';

font-size:10px;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:normal;

left:0;

line-height:18px;

position:absolute;

text-align:right;

top:0px;

width:50px;

}

.columns .column-1 ul li p.excerpt {

-x-system-font:none;

font-family:'Tahoma';

font-size:10px;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:normal;

left:0;

top:0px;

margin:0px;

}

.columns .column-1 ul li p.info span.comments {background:transparent url(images/interface/icon-comment.gif) no-repeat scroll right top;padding:1px 6px 10px; display:inline;}



.sidebar-box-wrap{width:300px; height:auto; display:inline; float:left; margin-bottom:20px;}



.sidebar-box-wrap-black{width:300px; height:auto; display:inline; float:right; margin-bottom:20px;}



.sidebar-box-inner{padding:0px;}



.sidebar-box-inner-black{padding:0 0 0 0;}


/*Blog post*/

.innercontent p img {border:5px solid #EEEEEE;}

.post-header{margin:0px 0px 4px 0px; background-color:#fff;  float:left; color:#333;  height:60px; overflow:hidden;}



.post-title{width:460px; float:left; padding:20px 20px 14px 20px; font-size:24px; line-height:16px;}



.post-date{width:120px; float:left; padding:20px; background-color:#222; color:#ccc; text-align:center; min-height:40px; font-size:14px}



.post-content{margin:0px 0px 4px 0px; background-color:#fff;  float:left; color:#333;  height:auto; width:620px; padding:20px;}

.innercontent .date {

height:44px;

position:absolute;

right:0;

text-align:center;

top:8px;

width:112px;

color:#dddddd;

}

.innercontent .day {

display:block;

font-size:36px;

font-weight:bold;

height:40px;

left:0;

line-height:45px;

position:absolute;

top:0;

width:55px;

border-right:1px solid #dddddd;

}

.innercontent .month {

display:block;

font-size:18px;

left:60px;

line-height:1em;

position:absolute;

text-transform:uppercase;

top:6px;

width:50px;

}

.innercontent .year {

display:block;

font-size:14px;

font-weight:bold;

left:60px;

letter-spacing:2px;

line-height:1em;

position:absolute;

top:25px;

width:53px;

}

.post-meta-wrapper{width:600px; float:left; padding:5px 0px 5px 0px; background:#fff; color:#333; margin:0px 0px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }



.post-meta{width:580px; float:left; padding-top:4px;}



.post-comment{ display:inline;  float:left; background:url(images/interface/icon-comment.gif) no-repeat top left;  padding:1px 6px 10px 6px; color:#ccc;}



.post-comment a{color:#efefef;}



.post-categories{margin:0px; padding:0px;}







/*--- Blog post comments ---*/



#comments-wrapper{background:#FFF; display:inline; margin-top:10px; float:left; clear:both; padding:0px; width:600px;}



#comment-form{float:left; clear:both; position:relative;}



#comments{margin-bottom:0px; clear:both;}



#comment {width:600px;}



ul.commentlist{margin:15px 0px; float:left; list-style-type:none;}



ul.commentlist li{float:left;  margin-bottom:20px; padding:10px 10px 10px 10px; width:580px; border:1px solid #eeeeee;}



ul.commentlist li ul {margin:0px 0px; float:left; list-style-type:none;}



ul.commentlist li ul li{float:left;  margin-bottom:20px; padding:10px; background-color:#efefef; width:580px;}



h3 #comments {margin-bottom:20px;  margin-top:0px;}



.comment {  }



.comment-meta { float:right; margin-top:-40px; }



.comment-author { margin-bottom:30px; }



.avatar { float:left; margin:0px 10px 10px 0px; }



.fn { font-size:14px; font-style:normal; }



.says { display:none; }



.children { margin-top:20px;}







/*--- Blog post reply ---*/


#respond{background:#fff; float:left; clear:both; margin-top:10px; width:600px; display:inline; padding:0px;}



#respond h3{margin-bottom:40px;}

 

#respond form{margin:0px;}



#respond input{background:#ffffff; width:260px; padding:6px;border:1px solid #dddddd;}



#respond #submit {background-color:#222; width:auto; padding:10px; color:#efefef; cursor:pointer;}



#respond #submit:hover {background-color:#d1b748;  color:#fff;}



#respond textarea{background:#ffffff; width:590px; padding:5px; border:1px solid #dddddd;}











/* Pagination on blog and portfolio pages */

.portfolio-title-wrap{float:left; width:960px; padding:0px 0px 0px 0px;  margin:40px 0px 0px 0px; color:#efefef; background:transparent url(images/interface/dot_x.png) repeat-x scroll right bottom; } 



.pager{margin-left:0px;}



.pager a, .pager a:link {background:#111; color:#efefef; margin-right:4px; padding:12px 6px 0; text-align:center; text-decoration:none; width:28px; height:28px; float:left;}



.pager a:visited {background:#111; color:#efefef; margin-right:4px; padding:12px 6px 0; text-align:center; text-decoration:none; width:28px; height:28px; float:left;}



.pager a:hover {background:#222; color:#efefef;}



.pager a:active {background:#d1b748; color:#fff;}



.pager span.pages {display:none;}



.pager span.current {color:#fff; background:#d1b748;  margin-right:4px; padding:12px 6px 0; float:left; width:28px; height:28px; text-align:center;}