@charset "utf-8";
/* CSS Document */

/* GLOBAL STYLES*/
*{border:none;outline:none; }
html,body{font-family:Arial, Helvetica, sans-serif; color:#999;}
html,body{width:100%; /*font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/ font-size:11px;}
/*html { overflow-y: scroll; }*/
/*html { overflow: -moz-scrollbars-vertical; }*/
body{background:url(../images/bg-body.gif); margin:0; padding:0;}

/* TYPOGRAPHY */
a{text-decoration:none; color:#d5b944; cursor:pointer;}
a:hover{color:#efefef; text-decoration:underline;}
h1{color:#ededed; font-size:36px; font-weight:normal; margin-bottom:12px;}
h2{color:#efefef; font-size:18px; text-transform:uppercase; margin:20px 0px 10px; clear:both;}
h3{color:#efefef; font-size:18px;  margin:20px 0px 10px; font-weight:normal;}
h4{color:#efefef; font-size:14px;  margin:20px 0px 10px; font-weight:normal;}
p{line-height:16px; margin:0px 0px 12px 0px;}
blockquote{float:left; clear:both; color:#777; font-style:italic; margin:20px 0px 20px 0px; padding-left:64px; min-height:50px;background:url(../images/quote.gif) no-repeat top left;}
pre{ line-height:20px; margin-bottom:20px; max-width:100%;}

ul{margin:2px 20px 20px; padding:0; list-style-type:square; width:auto; display:block; }
ol{margin:2px 20px 20px; padding:0; list-style-type:decimal; width:auto; display:block; }
ul li, ol li{ clear:both; padding:4px 0px; margin:0px; color:#777; width:auto;}
ul li a:hover, ol li a.hover{color:#fff;  text-decoration:none;}

table{width:100%; border-collapse:collapse; float:left; clear:both; margin:0px 0px 30px 0px;}
table caption{width:100%;  padding:12px 12px; color:#999; font-weight:bold; background:#222;}
table th,table td {padding:12px 12px; border:1px solid #000; text-align:left; color:#999; display:table-cell;}
table tr {background:#111;}
table tr:hover{background:#151515;}
table th {background:#222;}
table a{font-weight:bold; padding:4px 8px; }
table a:hover{color:#999; padding:4px 8px; }



/* -------------------------------------------*/
/* PAGE STRUCTURE */
/* -------------------------------------------*/

/* MAIN STRUCTURE */
#wrapper{background:url(../images/bg-canvas.png) repeat-y top center; margin:0px 0px; padding:0px 0px 10px; width:100%; float:left; clear:both; }
#inner-wrap{width:960px; margin:0 auto; clear:both;}
#inner{width:960px; float:left;  clear:both; background-color:#000;}

/* HEADER BAR ABOVE MAIN MENU */
#header{width:960px; height:40px; float:left; clear:both; display:inline; border-top:1px solid #4a4a4a; margin-top:10px; background:url(../images/bg-chromeline-full.jpg) no-repeat bottom left;}
#header #info{width:710px; float:left; padding-left:50px; height:30px; padding-top:12px; font-size:18px; color:#ccc;}
#header #search{width:200px; float:left; height:30px; margin-top:4px; clear:none;}
#header #search #s{width:160px; background:#111; border:1px solid #4a4a4a; padding:5px; color:#999; font-size:100%; float:left; margin:2px 0px 0px 0px;}
#header #search #searchsubmit{width:26px; height:26px; display:block; float:left; background:url(../images/icon-search.gif); border:none; margin:2px 0px 0px 2px; cursor:pointer;}


/* MAIN MENU */
#nav{width:960px; height:57px; float:left; clear:both; display:inline; background:#222; background:url(../images/bg-menu-highlight.gif) repeat-x 0px 1px; border-bottom:1px solid #4a4a4a;}
#logo{width:250px; height:57px;float:left; display:inline;}
#menu{width:680px; padding-right:30px; float:left;display:inline; }
/* Level 1 */
#menu ul {margin:0; padding:0; list-style:none; width:auto; float:right; display:inline;position:relative; z-index:5000; }
#menu ul li{clear:none;float:left; margin-left:10px; padding:0px; border:none; position:relative; } 
#menu ul li a{float:left; padding:23px 20px 2px; height:33px;  text-transform:uppercase; color:#999; font-weight:bold; font-size:100%;}
#menu ul li a:hover{padding:25px 20px 0px;background:url(../images/bg-menu-hover.gif) no-repeat bottom center; color:#fff; text-decoration:none;}
#menu ul li.current-item a{color:#fff;}
/* Level 2 */
#menu ul ul { margin: 0px 0px 0px 10px; padding: 0px; position:absolute; visibility: hidden; width:auto; z-index:2000; background:#4a4a4a;}
#menu ul ul li { float: left; display: inline; font-size:100%; clear:both; margin:-1px 0px 0px 0px; text-transform:none; padding:1px; }
#menu ul ul li a, #menu ul li.current-item ul li a{width:220px; background:#000; color:#777; margin:0px; padding:10px 10px 10px;  font-weight:normal; display:inline; height:auto;}
#menu ul ul li a:hover, #menu ul li.current-item ul li a:hover{background:#111;padding:10px 10px 10px; height:auto;}
/* Level 3*/
#menu ul ul ul{margin: 0px 0px 0px -1px; padding:0px; position:absolute; visibility: hidden; width:auto; z-index:1000; background:#4a4a4a; border-top:1px solid #4a4a4a;}
#menu ul ul ul li { float: left; display: inline; font-size:100%; clear:both; margin:-1px 0px 0px 0px; text-transform:none; padding:1px; }
#menu ul ul ul li a{ width:220px; background:#000; color:#777; margin:0px; padding:10px 10px 10px;  font-weight:normal; display:inline; height:auto;}
#menu ul ul ul li a:hover{background:#111;padding:10px 10px 10px; height:auto;}


/* BREADCRUMB */
#breadcrumb{width:880px; /*height:18px;*/ float:left; clear:both; display:inline; background:url(../images/bg-chromeline-full.jpg) no-repeat bottom left; padding:8px 30px 6px 50px;}
#breadcrumb ul{margin:0; padding:0; list-style:none; float:left; width:880px;}
#breadcrumb ul li{margin:0px 5px 0px 0px; float:left; display:block; width:auto; clear:none;}
#breadcrumb ul li a {margin:0px 5px 0px 0px; float:left; display:block; width:auto;}

/* FEATURE SLIDESHOW */
#feature{width:960px; height:331px; float:left; clear:both; display:inline; margin-bottom:30px; background:url(../images/bg-feature-purple.jpg) left top;}
.slideWrap{width:960px; height:331px; margin:0 auto; background:url(../images/bg-chromeline-half.jpg) no-repeat left bottom; }
.slide{width:960px; height:330px; display:block; background:url(../images/bg-feature-purple.jpg) left top;}
.slide .text{width:330px; height:200px; margin-left:50px; margin-top:50px; float:left; display:inline;}
.slide h1{color:#efefef; margin:0px; font-size:28px; border-bottom:1px solid #000; padding-bottom:10px; width:330px; }
.slide h3{color:#ccc;font-weight:normal; line-height:13px; margin-bottom:2px; font-size:20px;}
.slide p {color:#efefef; border-bottom:1px solid #000; border-top:1px solid #3a0e0f; padding:15px 0px; margin:0px;}
.slide .image{width:480px; height:260px; margin-left:50px; margin-top:30px; float:left; display:inline; background:url(../images/bg-feature-image.jpg) no-repeat; padding:3px; overflow:hidden;}
.slide .image .inner{float:left; width:480px; height:260px; overflow:hidden; position:relative; z-index:100; }
.slide .image .inner .overlay{position:absolute; top:0px; right:0px; background:url(../images/bg-feature-image-gloss.png) no-repeat; height:260px; width:210px;}

/* Button list feature field and blog*/
ul.post-bt{margin:0; padding:15px 0px; float:left; width:330px;list-style:none; border-top:1px solid #3a0e0f;  border-bottom:1px solid #3a0e0f;}
ul.post-bt li{clear:none;  height:30px; float:left; display:block; padding:0px; margin-right:4px; background:url(../images/bg-pager.jpg) repeat-x; }
ul.post-bt li a{background-color:#000;  height:28px; padding:0px; margin:1px; float:left; display:inline-block; text-decoration:none; color:#999; }
ul.post-bt li a:hover{background:#d5b944;}
ul.post-bt li a span{background:url(../images/bg-button-highlight.png) repeat-x top left; width:auto; float:left;  padding:8px 14px 0px 14px; text-align:center; text-transform:uppercase; display:block;}

/* PAGE TITLE */
#title-wrap{width:880px; float:left; clear:both; display:inline; padding:0px 30px 0px 50px; background:url(../images/bg-titlewrap.jpg);}
#page-title{width:880px; float:left; display:inline; clear:both;}
#page-title h1{font-size:48px; font-weight:normal; margin:30px 0px 20px 0px; float:left; clear:none; color:#fff;}
#page-title h2{font-size:24px; font-weight:normal; margin:48px 0px 20px 20px; float:left; clear:none; color:#fff; text-transform:none;}

/* PAGE SUB NAVIGATION */
#sub-nav{width:870px; float:left; display:inline; clear:both; margin:20px 0px 0px;}

/* PAGE CONTENT */
#content{width:960px; float:left; clear:both; display:inline; background:#141414 url(../images/bg-chromeline-half.jpg) no-repeat top left ; padding:0px 0px 0px 0px; }
#content-full{width:960px; float:left; clear:both; display:inline; background:#000 url(../images/bg-chromeline-half.jpg) no-repeat top left ; padding:0px 0px 0px 0px; }
#content-two-third{width:560px; float:left; clear:both; display:inline; background:#000 url(../images/bg-chromeline-half.jpg) no-repeat top left ; padding:0px 0px 0px 0px; }
#content-three-quarter{width:640px; float:left; clear:both; display:inline; background:#000 url(../images/bg-chromeline-half.jpg) no-repeat top left ; padding:0px 0px 0px 0px; }
#content #services{width:880px; padding:0px 30px 0px 50px; display:inline; float:left; clear:both; background:url(../images/bg-menu-highlight-half.gif) repeat-x top left;}
#content #widgets{width:880px; padding:20px 30px 20px 50px; display:inline; float:left; clear:both; background:url(../images/bg-footer.gif);}
#content #widgets h2{font-size:14px;}

.sub-nav-wrapper{width:880px; float:left; clear:both; display:inline; background:url(../images/bg-chromeline-half.jpg) no-repeat top left; padding:0px 30px 16px 50px;}
.page-content{width:880px; float:left; clear:both; display:inline; background:#000 url(../images/bg-chromeline-half.jpg) no-repeat top left; padding:40px 30px 16px 50px;}
.page-content img{border:1px solid #4a4a4a; padding:4px; background-color:#111;}

/* POSTS */
.post{width:960px; height:330px; float:left; clear:both; display:inline; margin-bottom:55px; background:url(../images/bg-feature-purple.jpg); border-bottom:1px solid #4a4a4a; border-top:1px solid #4a4a4a; position:relative;}
.post .meta{position:absolute; left:50px; bottom:-30px;height:30px; display:block; }
.post .meta p{color:#777; border:none;}
.post .text{width:330px; height:200px; margin-left:50px; margin-top:40px; float:left; display:inline;}
.post h1{color:#efefef; margin:0px; font-size:28px; border-bottom:1px solid #000; padding-bottom:10px; width:330px;}
.post h3{color:#ccc;font-weight:normal; line-height:13px; margin-bottom:2px; font-size:20px;}
.post p {color:#efefef; border-bottom:1px solid #000; border-top:1px solid #3a0e0f; padding:15px 0px; margin:0px;}
.post .image{width:480px; height:260px; margin-left:50px; margin-top:26px; float:left; display:inline; background:url(../images/bg-feature-image.jpg) no-repeat; padding:3px; overflow:hidden;}
.post .image .inner{float:left; width:480px; height:260px;  position:relative; padding:0; border:none;  }
.post .image .inner .overlay{position:absolute; top:0px; right:0px; background:url(../images/bg-feature-image-gloss.png) no-repeat; height:260px; width:210px;}

/* FEATURED ITEM */
.featured-item{width:960px; height:330px; float:left; clear:both; display:inline; background:#000 url(../images/bg-feature-purple.jpg) left top; border-bottom:1px solid #4a4a4a; border-top:1px solid #4a4a4a;}
.featured-item .text{width:330px; height:200px; margin-left:50px; margin-top:50px; float:left; display:inline;}
.featured-item h1{color:#fff; margin:0px; font-size:28px; border-bottom:1px solid #000; padding-bottom:10px; width:330px;}
.featured-item h3{color:#fff;font-weight:normal; line-height:13px; margin-bottom:2px; font-size:20px;}
.featured-item p {color:#fff; border-bottom:1px solid #000; border-top:1px solid #3a0e0f; padding:15px 0px; margin:0px;}
.featured-item .image{width:480px; height:260px; margin-left:50px; margin-top:30px; float:left; display:inline; background:url(../images/bg-feature-image.jpg) no-repeat; padding:3px; overflow:hidden;}
.featured-item .image .inner{float:left; width:480px; height:260px;  position:relative; padding:0; border:none;  }
.featured-item .image .inner .overlay{position:absolute; top:0px; right:0px; background:url(../images/bg-feature-image-gloss.png) no-repeat; height:260px; width:210px;}

#respond{margin:10px 0px; float:left;}
#respond input{background-color:#222; border:1px solid #4a4a4a; padding:6px; color:#999; width:300px; margin-right:20px; }
#respond input:focus, #contact-form textarea:focus {background-color:#333;}
#respond textarea{width:560px; height:200px; background-color:#222; border:1px solid #4a4a4a;padding:10px; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:100%}

.comment-list{margin:1px 0px 30px; float:left; list-style:none; padding:0;}
.comment-list li{border-bottom:1px solid #4a4a4a; float:left; margin-bottom:10px;}
.comment-body{}
.comment-author{float:left; margin: 0px 10px 10px 0px; display:inline; width:50px;}
.comment-author cite{clear:both; font-weight:bold;}
.vcard{float:left; clear:both; padding:0;}
.comment-meta{font-weight:bold; margin-bottom:8px;}
.fn{float:left; clear:both; margin:4px 0px 0px 0px;}
.says{display:none;}


/* CONTENT FLOATERS */
.full{width:880px; float:left; clear:both; display:inline; padding:40px 0px 16px 50px; background:#000; background:url(../images/bg-chromeline-half.jpg) no-repeat top left; position:relative;}
.full img{border:1px solid #4a4a4a; padding:4px; background-color:#111;  margin:0px 0px 15px 0px;}
.two-third{width:590px; float:left; display:inline;  margin-right:20px; }
.three-fourth{width:640px; float:left; display:inline; margin-right:20px;}
.one-fourth{width:200px; float:left; display:inline;  margin-right:20px;}
.one-third{width:280px; float:left; display:inline;  margin-right:10px; margin-bottom:20px;}
.one-third-last{width:280px; float:left; display:inline; margin:0;}
.one-third-page{width:280px; float:left; display:inline;  margin-right:30px; margin-bottom:20px;}
.one-third-page-last{width:280px; float:left; display:inline; margin:0; margin-bottom:20px;}
#two-col{width:960px; float:left; clear:both; display:inline; background:url(../images/bg-sidebar.gif) repeat-y right 10px ; padding:0px; margin:1px 0px}
#two-col img{border:1px solid #4a4a4a; padding:4px; background-color:#111;  margin:0px 0px 0px 0px;}
#content-two-third{width:590px; float:left; display:inline; padding:40px 0px 16px 50px; margin:0px 50px 0px 0px; background:none;}
#sidebar{width:230px; float:left; padding:10px 19px 10px 20px;  margin:1px 0px; border-left:1px solid #4a4a4a;background:#111}


#footer{width:880px; padding:20px 30px 20px 50px; display:inline; float:left; clear:both; background:#000; border-top:1px solid #4a4a4a; }

/* Misc classes */
.chromeline-full{background:url(../images/bg-chromeline-full.jpg) no-repeat top left; height:1px; width:960px; display:inline; float:left; clear:both; font-size:0px;}
.chromeline-half{background:url(../images/bg-chromeline-half.jpg) no-repeat top left; height:1px; width:960px; display:inline; float:left; clear:both; font-size:0px;}
.clear{clear:both; float:left;}
.fadeimage{background:url(../images/zoomer.jpg) no-repeat center center;}
.fadeimage img{margin:0px;}

#content-two-third .right-align{float:right; margin:4px 0px 10px 10px; display:block;}
#content-two-third .left-align{float:left; margin: 4px 10px 10px 0px; display:block;}

.main-image{width:960px; padding:1px 0px; border-top:1px solid #4a4a4a; float:left; clear:both;}
.button {margin-top:8px; display:inline-block;width:auto;float:left;margin-right:4px;background-color:#4d4a36;background:url(../images/bg-button-right.gif) no-repeat top right;}
.button span{background:url(../images/bg-button-left.gif) no-repeat top left; padding:9px 16px 12px 16px; display: inline-block;text-transform:uppercase;font-weight:bold;font-size:100%;cursor:pointer;color:#ccc;}
.button:hover {color:#ccc; background:url(../images/button-right.jpg) no-repeat top right; text-decoration:none}
.button span:hover{background:url(../images/button-left.jpg) no-repeat top left; color:#fff;}

#contact-form{margin:10px 0px; float:left;}
#contact-form input{background-color:#222; border:1px solid #4a4a4a; padding:6px; color:#999; width:300px; margin-right:20px; }
#contact-form input:focus, #contact-form textarea:focus {background-color:#333;}
#contact-form textarea{width:560px; height:200px; background-color:#222; border:1px solid #4a4a4a;padding:10px; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:100%}


/* LISTS AND MENUS */

/* Services row on mainpage */
#services ul{margin:0px 0px 20px; padding:0px; list-style:none; clear:both;float:left;}
#services ul li.icon{width:200px; height:40px; clear:both; float:left; background:url(../images/bulb.jpg) center 1px  no-repeat; text-align:center; padding-top:24px;}
#services ul li.icon h2 {margin:0px;}
#services ul li.title{color:#efefef; text-align:center; width:200px;line-height:18px; font-size:14px; text-transform:uppercase; font-weight:bold; float:left; clear:both; margin:15px 0px 25px;}
#services ul li.exerpt{color:#999; float:left; clear:both; text-align:justify; width:200px;}

/* Widgets on bottom of mainpage */
#widgets ul{margin:8px 0px; padding:0; list-style:none; clear:both; width:200px; position:relative;}
#widgets li{ width:200px; float:left; clear:both; padding:2px 0px 6px; margin:2px 0px; border-bottom:1px solid #2a2a2a; color:#777;position:relative;}
#widgets li a:hover{color:#fff; text-decoration:none;}

/* Sidebar list */
#sidebar ul{margin:0px 0px 30px; padding:0; list-style:none; float:left; clear:both; width:230px; position:relative;}
#sidebar li{ width:230px; float:left; clear:both; padding:2px 0px 6px; margin:2px 0px; border-bottom:1px solid #2a2a2a; color:#777;}
#sidebar li a:hover{color:#fff;  text-decoration:none;}

/* List in footer (Social media icons) */
#footer ul{margin:0; padding:0; list-style:none; clear:both; }
#footer li{ width:20px; float:left; clear:none; padding:4px 0px;  color:#777; overflow:hidden; border:none;}
#footer li a:hover{color:#fff;  text-decoration:none; width:200px;}

/* Pager list styles */
#pager{padding:20px 30px 25px 50px; width:880px; float:left; clear:both; display:inline; background:#000 url(../images/bg-chromeline-half.jpg) no-repeat;}
#pager ul{margin:0; padding:0; list-style:none; width:800px;}
#pager li{clear:none;width:30px; height:30px; float:left; display:block; padding:0px; margin-right:4px; background:url(../images/bg-pager.jpg) no-repeat; }
#pager li a{background-color:#000; width:28px; height:28px; padding:0px; margin:1px;float:left; display:inline-block; text-decoration:none; color:#999;}
#pager li a:hover{background-color:#d5b944; color:#efefef; display:inline-block; margin-bottom:0;}
#pager li a span{background:url(../images/bg-button-highlight.png) no-repeat top left; width:30px; height:10px; padding-top:8px; text-align:center; display:block; }

/* Button list */
ul.bt{margin:0; padding:0; list-style:none; }
ul.bt li{clear:none;  height:30px; float:left; display:block; padding:0px; margin-right:4px; background:url(../images/bg-pager.jpg) repeat-x; }
ul.bt li a{background-color:#000;  height:28px; padding:0px; margin:1px; float:left; display:inline-block; text-decoration:none; color:#999; }
ul.bt li a:hover{background:#d5b944;}
ul.bt li a span{background:url(../images/bg-button-highlight.png) repeat-x top left; width:auto; float:left;  padding:8px 14px 0px 14px; text-align:center; text-transform:uppercase; display:block;}




/* Calendar */

#calendar_wrap{margin:0px 0px 0px 0px;}

#wp-calendar{width:230px; border-collapse:collapse; float:left; clear:both; margin:0px 0px 30px 0px;}
#wp-calendar caption{width:100%; text-align:center; padding:6px 0px; color:#999; font-weight:bold; background:#222; border:1px solid #000; border-bottom:none;}
#wp-calendar th,#wp-calendar td {padding:6px 0px; border:1px solid #000; text-align:center; color:#ccc;}
#wp-calendar td {background:#111;}
#wp-calendar td:hover{background:#222;}
#wp-calendar th {background:#222;}
#wp-calendar a{font-weight:bold; padding:4px 8px; }
#wp-calendar a:hover{color:#999; padding:4px 8px; }