/*   

Theme Name: Eloize

Theme URI: http://angelswebdesign.net

Description: This is a great wp theme for designers, offliners, etc...

Author: Josee Bedard

Author URI: http://angelswebdesign.net

Version: 2.3

*/

/* ---------------------{ Main }--------------------- */





/* ---------------------{ Typography }--------------------- */

h1, h2, h3, h4, h5 { text-transform:uppercase; font-weight:normal; line-height:1.5em;}

h1 { }

h2 {font-size:24px; }

h3 { font-size:18px;}

h4 { font-size:14px;}

h5{ font-size:11px; }

.clear{clear:both;}

.subpadding{padding:0px 0px;}

#mprimary-nav-all{display:none;}



p {}

a { }

a:hover { } 

#recent-work img:hover, #home-blog img:hover, #content img:hover, #sidebar img:hover{ opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */}

img{opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}



/* ---------------------{ Main Structure}--------------------- */

#page-wrap {  }

#header{}

#container{clear:both;}





#container-bg{clear:both;}

#container-nobg{}

#content{ padding:30px 0px 30px 0px;}

#content-blog{ padding:30px 0px 30px 0px;}

#sidebar{ padding:30px 0px 30px 0px; color:#fff; }

#container-all{padding:30px 0px;}

#containerpage-all{padding:30px 0px;}

#footer{}



/* ---------------------{ Header }--------------------- */

#header-all{ width:100%; height:110px;}

#header{ padding:0px 0px; margin:0px auto; height:110px;}

#logo{text-align:center; padding-top:5px; }

#logo h1{line-height:1em;}

#logo h1 a:hover{text-decoration:none;}

#header .left{ height:110px; background:#f00; text-align:center;}

#header .right{ }

#header .top{height:45px; }



#header .text{text-align:right; padding:10px 10px 0px 0px; font-family: 'BenchNine', sans-serif;}

#header h1{color:#fff; font-size:40px;}

#header h1 a{color:#fff;}

#mainnav-dropdown,#header-bottom{display:none; visibility: hidden;}



/* ---------------------{ Mobile Navigation }--------------------- */

#mprimary-nav-all{width:100%;}

#mprimary-nav{ height:49px; position:relative;}



/* ---------------------{ Top Navigation }--------------------- */

#primary-nav{ height:65px; float:right;}



/* ---------------------{ Main Navigation }--------------------- */

#mainnav {margin: 0;padding: 0;height:65px; float: left;margin: 0 auto; }

#mainnav .menu-header,div.menu {font-size: 14px;}

#mainnav .menu-header ul,div.menu ul {list-style: none; margin: 0; float:right;}

#mainnav .menu-header li,div.menu li {float: left; position: relative;}

#mainnav ul li{background:url(images/menu-separator.png) 0px 0px no-repeat; }

#mainnav a {color: #aeaeae;display: block; line-height: 65px; padding: 0 20px; text-decoration: none; text-transform:uppercase;}

#mainnav ul ul {box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);display: none;position: absolute;top: 65px;left: 0;float: left;width: 220px;z-index: 99999;}

#mainnav ul ul li {min-width:220px;}

#mainnav ul ul ul {left: 100%;top: 0;}

#mainnav ul ul a {background: #d74340;line-height: 1em;padding: 10px;width: 220px;height: auto;}

#mainnav li:hover > a{ color:#ffffff; background:#d74340;}

#mainnav ul ul :hover > a {color:#fff; }

#mainnav ul li:hover > ul {display: block;}

#mainnav ul li.current_page_item > a,#mainnav ul li.current-menu-ancestor > a,#mainnav ul li.current-menu-item > a,#mainnav ul li.current-menu-parent > a {color:#fff; background:#d74340;}

* html #mainnav ul li.current_page_item a,* html #mainnav ul li.current-menu-ancestor a,* html #mainnav ul li.current-menu-item a,* html #mainnav ul li.current-menu-parent a,* html #mainnav ul li a:hover {color:#fff; background:#d74340;}





/* ---------------------{ Homepage }--------------------- */









/* ---------------------{ Recent Work}--------------------- */

#recent-work{ margin:0 auto; width:940px; margin:20px 0px 20px 20px; background:#ed3000; clear:both;}

#recent-work .box1{float:left; width:240px;}

#recent-work .box1-text{width:200px; height:200px; overflow:hidden; padding:20px 20px 20px 20px; background:#fff;}

#recent-work .box1-img{width:240px; height:240px;}

#recent-work .box1-bgimg{margin-top:-18px; text-align:center;}

#recent-work .box2{float:left; width:480px;}

#recent-work .box2-text{float:left; width:200px; height:200px; overflow:hidden; padding:20px 20px 20px 20px; background:#fff;}

#recent-work .box2-img{float:left; width:240px; height:240px;}

#recent-work .box2-bgimg{margin-top:-242px; text-align:left;}

#recent-work .box3{float:left; width:480px;}

#recent-work .box3-text{float:right; width:200px; height:200px; overflow:hidden; padding:20px 20px 20px 20px; background:#fff;}

#recent-work .box3-img{float:left; width:240px; height:240px;}

#recent-work .box3-bgimg{margin-top:-242px; text-align:right;}

#recent-work .text{ padding:0; margin:0;}

#recent-work .button{background:url(images/button-bg.png) top center repeat; padding:4px 30px; font-size:16px; font-family: 'BenchNine', sans-serif; text-transform:uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}

#recent-work .box4{float:left; width:240px; margin-left:720px; margin-top:-480px;}

#recent-work .box4-text{width:200px; height:200px; overflow:hidden; padding:20px 20px 20px 20px; background:#fff;}

#recent-work .box4-img{width:240px; height:240px;}

#recent-work .box4-bgimg{margin-top:-244px; text-align:center;}

#recent-work .text{}





#recent-work .box4a{width:180px; height:440px; overflow:hidden; padding:20px 20px 20px 20px; color:#fff;}



#recentwork-in{margin-left:-10px;}



/* ---------------------{ 4 Boxes}--------------------- */

#four-boxes{ margin:0 auto;padding:20px 0px 20px 0px; }

#four-boxes .box{ margin-right:0px; text-align:center;}

#four-boxes .akhir{ margin-right:0px;}

#four-boxes .box-content{padding:50px 20px 0px 20px; background:#fff; border-top:3px solid #ed3000; margin-top:-30px;}

#four-boxes h2{text-transform:uppercase;}

#four-boxes .frame{text-align:center;}

#four-boxes .learn-more{padding:25px 0px;}

#four-boxes .button{background:url(images/button-bg.png) top center repeat; padding:4px 30px; font-size:16px; font-family: 'BenchNine', sans-serif; text-transform:uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}



/* ---------------------{ Home Blog}--------------------- */

#home-blog{ margin:0 auto; width:940px; margin:20px 0px 20px 20px; background:#ed3000; clear:both;}

#home-blog .box1{float:left; width:240px;}

#home-blog .box1-text{width:200px; height:200px; overflow:hidden; padding:20px 20px 20px 20px; background:#fff;}

#home-blog .box1-img{width:240px; height:240px;}

#home-blog .box1-bgimg{margin-top:-18px; text-align:center;}

#home-blog .box2{float:left; width:480px;}

#home-blog .box2-text{float:left; width:200px; height:200px; overflow:hidden; padding:20px 20px 20px 20px; background:#fff;}

#home-blog .box2-img{float:left; width:240px; height:240px;}

#home-blog .box2-bgimg{margin-top:-242px; text-align:left;}

#home-blog .box3{clear:both; width:480px;}

#home-blog .box3-text{float:right; width:200px; height:200px; overflow:hidden; padding:20px 20px 20px 20px; background:#fff;}

#home-blog .box3-img{float:left; width:240px; height:240px;}

#home-blog .box3-bgimg{margin-top:-242px; text-align:right;}

#home-blog .text{ padding:0; margin:0;}

#home-blog .button{background:url(images/button-bg.png) top center repeat; padding:4px 30px; font-size:16px; font-family: 'BenchNine', sans-serif; text-transform:uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}



#home-blog .box4{float:left; width:180px; height:440px; overflow:hidden; padding:20px 20px 20px 20px; color:#fff;}





/* ---------------------{ Portfolio }--------------------- */

#portfolio-page{}

#portfolio-page{ margin:0 auto; width:880px; margin:20px 0px 20px 30px; background:#ed3000; clear:both;}

#portfolio-page .box1{float:left; width:225px;}

#portfolio-page .box1-text{width:185px; height:185px; overflow:hidden; padding:20px 20px 20px 20px; background:#fff;}

#portfolio-page .box1-img{width:225px; height:225px;}

#portfolio-page .box1-bgimg{margin-top:-18px; text-align:center;}

#portfolio-page .box2{float:left; width:450px;}

#portfolio-page .box2-text{float:left; width:185px; height:185px; overflow:hidden; padding:20px 20px 20px 20px; background:#fff;}

#portfolio-page .box2-img{float:left; width:225px; height:225px;}

#portfolio-page .box2-bgimg{margin-top:-242px; text-align:left;}

#portfolio-page .box3{float:left; width:450px;}

#portfolio-page .box3-text{float:right; width:185px; height:185px; overflow:hidden; padding:20px 20px 20px 20px; background:#fff;}

#portfolio-page .box3-img{float:left; width:225px; height:225px;}

#portfolio-page .box3-bgimg{margin-top:-242px; text-align:right;}

#portfolio-page .text{ padding:0; margin:0;}

#portfolio-page .button{background:url(images/button-bg.png) top center repeat; padding:4px 30px; font-size:16px; font-family: 'BenchNine', sans-serif; text-transform:uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}

#portfolio-page .box4{float:left; width:225px; margin-left:675px; margin-top:-450px;}

#portfolio-page .box4-text{width:185px; height:185px; overflow:hidden; padding:20px 20px 20px 20px; background:#fff;}

#portfolio-page .box4-img{width:225px; height:225px;}

#portfolio-page .box4-bgimg{margin-top:-244px; text-align:center;}

#portfolio-page .text{}





/* ---------------------{ Sidebar}--------------------- */



#sidebar .sidebar{padding:0px 20px 0px 20px;}

#sidebar a{color:#ffcccc;}

#sidebar a:hover{color:#fff; font-weight:bold;}

#sidebar ul{ list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px;}

#sidebar ul ul{ padding:0px 0px 0px 0px; }

#sidebar li{ list-style:none; padding:3px 0px 3px 0px; }

#sidebar li li{ padding:3px 0px 3px 10px;}

#sidebar .widget{padding:0px 0px 0px 0px;}





/* ---------------------{ Page Blog }--------------------- */

.entry .box-bgimg{margin-top:-304px; text-align:left;}

.entry .eleft{float:left; width:192px; padding:30px 25px 0px 25px; background:#fff; height:270px; overflow:hidden; position:relative;}

.entry .eright{float:right; width:480px; position:relative; height:300px;}

.ecategory{background:url(images/category-icon.png) 0px 0px no-repeat; padding:0px 0px 0px 20px; margin-bottom:10px;}

.ecomment{float:left; width:24px; border-right:1px solid #efefef; background:url(images/comment-icon.png) 0px 2px no-repeat; padding:2px 10px 2px 0px; margin-right:10px; text-align:center;}

.edate{float:left; width:50px; border-right:1px solid #efefef; background:url(images/date-icon.png) 0px 2px no-repeat; padding:2px 0px 2px 2px; margin-right:15px;}

.etext-box{height:230px; border-bottom:1px solid #efefef; overflow:hidden; margin-bottom:10px;}

.ereadmore{float:left; width:70px; padding:2px 0px 0px 0px; text-transform:uppercase; font-size:11px; font-weight:bold;}



#content div.blog-bgimg{position:absolute; top:0px; left:0px; opacity:0.4; filter:alpha(opacity=40);}

#content .test1{position:absolute;top:125px; left:175px;}

#content .test2{position:absolute; top:125px; left:225px;}

#content a:hover div.blog-bgimg {display: block; visibility: visible; opacity:1; filter:alpha(opacity=100);}



/* ---------------------{ Footer }--------------------- */





/* ---------------------{ Post }--------------------- */

.post { }



.entry { padding-right:30px;}

.entry a { }

.entry a:hover { }



.meta { font-size:12px; font-style:italic; margin-bottom:10px; }

.postmetadata { font-size:12px; font-style:italic; margin-bottom:10px; }





#footer-social-all{ width:100%;}

#footer-social{height:30px; text-align:center; }

#footer-social img{padding:5px;}



/* ---------------------{ Footer Top}--------------------- */





#footertop-all{ width:100%;}

#footertop{margin:0px auto; padding:20px 0px 30px 0px; border-top:3px solid #ed3000; }

#footertop .footer-sidebar{}

#footertop .last{ padding-right:0px;}



/* ---------------------{ Footer Widget}--------------------- */

.footer-widget { margin:0px 0px 0px 0px; padding:0px 20px 0px 0px;}

.footer-widget h2 { padding:0px 0px 5px 0px; color:#666;}

.footer-widget { padding:0px 0px 0px 0px; }

.footer-widget p { padding-bottom:5px; }

.footer-widget ul { clear:both; margin:0px; padding:0px 0px 0px 0px; list-style:none; }

.footer-widget ul li { padding:5px 0px 5px 0px;}

.footer-widget ul li a { padding:0px 0px 3px 0px; text-decoration:none; color:#333333; }

.footer-widget ul li a:hover { color:#ed3000; }

.footer-widget ul li li a {border-bottom:none;}

.footer-widget ul ul { margin:0px; padding:0px 0px 0px 0px; border-top:none; }

.footer-widget ul ul li { border:none; padding:0px 0px 0px 5px; }

.footer-widget ul ul ul { margin:0px; padding:0px 0px 0px 0px; border-top:none; }

.footer-widget .widget_text{ padding:0px 20px 0px 0px;}





#footer-all{ width:100%; height:30px; border-top:1px solid #ed3000;}

#footer{height:30px; font-family: 'BenchNine', sans-serif; }

#footer .right{padding:3px 0px 0px 0px; text-align:right;  font-size:11px;}

#footer .right ul{float:right; list-style:none; margin:0; padding:5px 0px 5px 0px; }

#footer .right li{float:left; padding:0px 8px 0px 8px; }

#footer .right a{text-decoration:none; text-transform:uppercase; color:#fff;}

#footer .right a:hover{color:#ed3000;}



#footer .left{padding:7px 0px 0px 0px; text-align:left; font-size:12px; color:#fff; text-transform:uppercase;}







/* ---------------------{ Related Video }--------------------- */

#related-video{ padding:20px 0px 20px 0px; clear:both;}

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

#related-video li{padding:10px 0px 10px 0px; margin:0;}

#related-video .latest-post-box{}

#related-video .box-right{}

#related-video .box-left{}



#related-video .videoframe{  }

#related-video .frame{}

#related-video h3,#related-video h4{margin:0;}

#related-video h3{ text-transform:uppercase; font-weight:normal;}

	

/* ---------------------{ Navigation }--------------------- */

.navgation { }

   .next-posts { }

   .prev-posts { }

.pagination {text-align: center; padding:10px 0px;}

.pagination a{

     display: inline-block;

     margin-left:10px;

     color:#000;

     padding: 5px 10px;

     font-size:14px;

     font-weight:bold;

   

}

.pagination a:hover{color:#000; background: #bd1a1d; color:#fff; -moz-border-radius: 10px; -webkit-border-radius: 10px;-khtml-border-radius: 10px; }

.pagination .current{padding:5px 10px; background: #bd1a1d; color:#fff; -moz-border-radius: 10px; -webkit-border-radius: 10px;-khtml-border-radius: 10px;  }





/* ---------------------{ Search Form }--------------------- */

#header-search{ float:right; padding:5px 0px 0px 0px;}

#searchform { width:190px; height:20px;}

  #searchsubmit{vertical-align:middle;}

	#s { font-size:12px; background:#ffffff; height:20px; border:none; color:#000; width:155px; padding:3px 5px; margin:3px 0px 0px 0px;}

	#submit,#sendmail {-moz-border-radius: 5px; -webkit-border-radius: 5px;-khtml-border-radius: 5px;  background:#797979; padding:4px 8px 4px 8px; color:#FFFFFF; border:none; }

	.reply-entry{ padding:7px 0px; }

#search-widget{padding:0px 0px 20px 0px;}



/* ---------------------{ Comment }--------------------- */

	

ol.commentlist { list-style: none; }

ol.commentlist li { }

ol.commentlist li.alt { }

ol.commentlist li.bypostauthor { }

ol.commentlist li.byuser { }

ol.commentlist li.comment-author-admin { }

ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }

ol.commentlist li.comment div.comment-author { }

ol.commentlist li.comment div.vcard { }

ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }

ol.commentlist li.comment div.vcard cite.fn a.url { }

ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }

ol.commentlist li.comment div.vcard img.avatar-32 { }

ol.commentlist li.comment div.vcard img.photo { }

ol.commentlist li.comment div.vcard span.says { }

ol.commentlist li.comment div.commentmetadata { }

ol.commentlist li.comment div.comment-meta { font-size: 10px; }

ol.commentlist li.comment div.comment-meta a { color: #ccc; }

ol.commentlist li.comment p { }

ol.commentlist li.comment ul { }

ol.commentlist li.comment div.reply { font-size: 11px; }

ol.commentlist li.comment div.reply a { font-weight: bold; }

ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }

ol.commentlist li.comment ul.children li { }

ol.commentlist li.comment ul.children li.alt { }

ol.commentlist li.comment ul.children li.bypostauthor { }

ol.commentlist li.comment ul.children li.byuser { }

ol.commentlist li.comment ul.children li.comment { }

ol.commentlist li.comment ul.children li.comment-author-admin { }

ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }

ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }

ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }

ol.commentlist li.comment ul.children li.depth-5 { }

ol.commentlist li.comment ul.children li.odd { }

ol.commentlist li.even { background: #fff; }

ol.commentlist li.odd { background: #f6f6f6; }

ol.commentlist li.parent { border-left: 5px solid #111; }

ol.commentlist li.thread-alt { }

ol.commentlist li.thread-even { }

ol.commentlist li.thread-odd { }

.comment-form{ padding:5px 0px;}









/* ---------------------{ Post Image }--------------------- */

img.centered { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px; padding:0px; padding:5px; border: 1px solid #ddd;}

img.alignnone {  margin:0px 0px 10px 0px; display:inline; padding:5px; border: 1px solid #ddd;}

img.alignright {  margin:0px 0px 10px 10px; display:inline; padding:5px; border: 1px solid #ddd;}

img.alignleft { margin:0px 10px 10px 0px; display:inline; padding:5px; border: 1px solid #ddd;}

.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;  }

.alignright { float:right; margin:0px 0px 10px 10px; }

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

.wp-caption { background:#F7F7F7; text-align:center; padding:4px 0px 5px 0px; border:1px solid #e6e6e6; }

.wp-caption img { margin:0px 0px 5px 0px; padding:0px; border:0px; }

.wp-caption p.wp-caption-text { margin:0px; padding:0px; font-size:11px; font-weight:normal; line-height:12px; }





/* calendar widget */

.widget_calendar {float: left;}

#wp-calendar {width: 100%; }

#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }

#wp-calendar thead { font-size: 10px; }

#wp-calendar thead th { padding-bottom: 10px; }

#wp-calendar tbody { color: #aaa; }

#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}

#wp-calendar tbody td:hover { background: #fff; }

#wp-calendar tbody .pad { background: none; }

#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }

#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }



/* Tagcloud */

.tagcloud a:link, .tagcloud a:visited {display:block;background:#707070 url(images/wdot.png) top right no-repeat;text-transform:uppercase;font-size:11px !important;padding:3px 15px 3px 5px;text-shadow:none;color:#aaa !important;margin-bottom:5px;margin-right:5px;float:left;-webkit-transition:all 100ms;-moz-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms;-moz-border-radius: 3px;

-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}

.tagcloud a:hover {color:#fff !important}

.tags {margin-bottom:25px !important;float:left;clear:both}

.tags a:link, .tags a:visited {display:block;text-decoration:none;font-size:11px;text-transform:uppercase;padding:0px 5px;text-shadow:none;color:#fff !important;margin-bottom:1px;margin-right:1px;float:left;-webkit-transition:all 500ms;-moz-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}

.tags a:hover {color:#fff !important}







/* ---------------------{ Slider }--------------------- */



#kwick-slider{margin-top:30px;}



/* ---------------------{ Flex Slider}--------------------- */



#slidermain-all{}

#slidermain-box{margin:0px auto 0px auto; width:1000px;}

#slidermain{margin:0px auto 0px auto;  height:auto; overflow:visible; padding-bottom:10px; padding-top:30px; margin-left:20px;}



#slidermain .sliderinner{ margin:0 auto!important;}

#slidermain .slides li{display:block; position:relative;}

#slidermain .slidesc{ height:60px; background-color:#000; opacity:.75;  filter:alpha(opacity=75);  position:absolute; bottom:0; left:0; padding:10px 20px;}

#slidermain .slidesc h1{ font-size:20px; margin-top:0; margin-bottom:5px; }

#slidermain .slidesc { color:white; text-shadow:1px 1px 1px rgba(0,0,0,.75)}



#slidermain .left{ float:left; width:60%; margin-right:10px;}

#slidermain .right{ float:right; width:35%; padding-top:40px;}

#slidermain .left embed,#slidermain .left object,#slidermain .left iframe {width: 100%; min-height:300px; height:auto; margin:0; padding:0;}



/* ---------------------{ Full Slider}--------------------- */

#fslidermain{width:100%; height:auto; overflow:hidden;}

#fslidermain .sliderinner{ max-width:100%!important; margin:0 auto!important;}

#fslidermain .slides li{display:block; position:relative;}

#fslidermain .slidesc{ width:40%; height:60px; background-color:#000; opacity:.75;  filter:alpha(opacity=75); position:absolute; bottom:50px; left:200px; padding:10px 20px;}

#fslidermain .slidesc h1{ font-size:20px; margin-top:0; margin-bottom:5px; }

#fslidermain .slidesc { color:white; text-shadow:1px 1px 1px rgba(0,0,0,.75)}





.nav-button { display: none; } /* hide the navigation button by default */

.center{text-align:center;}

.red{color:#ed3000;}

.content-nav{clear:both; padding-bottom:30px; color:#ed3000; text-transform:uppercase; font-family: 'BenchNine', sans-serif; }

.bg-none{background:none;}

#header .theme{color:#ed3000;

}







/* Large desktop */



 

/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {



#mainnav .menu-header,div.menu {font-size: 12px;}

#mainnav a {padding: 0 10px;} 



/* ---------------------{ Recent Work }--------------------- */

#recent-work{width:728px;  }

#recent-work .box1{float:left; width:186px;}

#recent-work .box1-text{width:166px; height:166px; overflow:hidden; padding:10px 10px 10px 10px; background:#fff;}

#recent-work .box1-img{width:186px; height:186px;}

#recent-work .box1-bgimg{margin-top:-22px; text-align:center;}

#recent-work .box2{float:left; width:372px;}

#recent-work .box2-text{float:left; width:166px; height:166px; overflow:hidden; padding:10px 10px 10px 10px; background:#fff;}

#recent-work .box2-img{float:left; width:186px; height:186px;}

#recent-work .box2-bgimg{margin-top:-242px; text-align:left;}

#recent-work .box3{float:left; width:372px;}

#recent-work .box3-text{float:right; width:166px; height:166px; overflow:hidden; padding:10px 10px 10px 10px; background:#fff;}

#recent-work .box3-img{float:left; width:186px; height:186px;}

#recent-work .box3-bgimg{margin-top:-242px; text-align:right;}

#recent-work .text{ padding:0; margin:0;}

#recent-work .button{background:url(images/button-bg.png) top center repeat; padding:4px 15px; font-size:16px; font-family: 'BenchNine', sans-serif; text-transform:uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}

#recent-work .box4{float:left; width:186px; margin-top:-186px;}

#recent-work .box4-text{width:166px; height:166px; overflow:hidden; padding:10px 10px 10px 10px; background:#fff;}

#recent-work .box4-img{width:186px; height:186px;}

#recent-work .box4-bgimg{margin-top:-244px; text-align:center;}

#recent-work .box4a{width:136px; height:352px; overflow:hidden; padding:10px 10px 10px 10px; color:#fff;}



/* ---------------------{ Portfolio Page }--------------------- */

#portfolio-page{width:598px;  }

#portfolio-page .box1{float:left; width:171px;}

#portfolio-page .box1-text{width:151px; height:151px; overflow:hidden; padding:10px 10px 10px 10px; background:#fff;}

#portfolio-page .box1-img{width:171px; height:171px;}

#portfolio-page .box1-bgimg{margin-top:-22px; text-align:center;}

#portfolio-page .box2{float:left; width:342px;}

#portfolio-page .box2-text{float:left; width:151px; height:151px; overflow:hidden; padding:10px 10px 10px 10px; background:#fff;}

#portfolio-page .box2-img{float:left; width:171px; height:171px;}

#portfolio-page .box2-bgimg{margin-top:-242px; text-align:left;}

#portfolio-page .box3{float:left; width:342px;}

#portfolio-page .box3-text{float:right; width:151px; height:151px; overflow:hidden; padding:10px 10px 10px 10px; background:#fff;}

#portfolio-page .box3-img{float:left; width:171px; height:171px;}

#portfolio-page .box3-bgimg{margin-top:-242px; text-align:right;}

#portfolio-page .text{ padding:0; margin:0;}

#portfolio-page .button{background:url(images/button-bg.png) top center repeat; padding:4px 15px; font-size:16px; font-family: 'BenchNine', sans-serif; text-transform:uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}







#portfolio-page .box4{float:left; width:171px; margin-left:513px; margin-top:-342px;}

#portfolio-page .box4-text{width:151px; height:151px; overflow:hidden; padding:10px 10px 10px 10px; background:#fff;}

#portfolio-page .box4-img{width:171px; height:171px;}

#portfolio-page .box4-bgimg{margin-top:-171px; text-align:center;}



/* ---------------------{ Home Blog }--------------------- */

#home-blog{width:728px; clear:both;}

#home-blog .box1{float:left; width:186px;}

#home-blog .box1-text{width:166px; height:166px; overflow:hidden; padding:10px 10px 10px 10px; background:#fff;}

#home-blog .box1-img{width:186px; height:186px;}

#home-blog .box1-bgimg{margin-top:-18px; text-align:center;}

#home-blog .box2{float:left; width:372px;}

#home-blog .box2-text{float:left; width:166px; height:166px; overflow:hidden; padding:10px 10px 10px 10px; background:#fff;}

#home-blog .box2-img{float:left; width:186px; height:186px;}

#home-blog .box2-bgimg{margin-top:-242px; text-align:left;}

#home-blog .box3{clear:both; width:372px;}

#home-blog .box3-text{float:right; width:166px; height:166px; overflow:hidden; padding:10px 10px 10px 10px; background:#fff;}

#home-blog .box3-img{float:left; width:186px; height:186px;}

#home-blog .box3-bgimg{margin-top:-242px; text-align:right;}

#home-blog .text{ padding:0; margin:0;}

#home-blog .button{background:url(images/button-bg.png) top center repeat; padding:4px 15px; font-size:16px; font-family: 'BenchNine', sans-serif; text-transform:uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}



#home-blog .box4{float:left; width:150px; height:352px; overflow:hidden; padding:10px 10px 10px 10px; color:#fff;}



}

 

 @media (min-width: 768px) and (max-width: 979px) {

  #logo h1{font-size:24px;}

 }

 

/* Landscape phone to portrait tablet */

@media (max-width: 767px) {



#footer-all,#footer{ height:60px;}

.subpadding, .sidebar{padding:0px 20px;}





.footer-widget{margin:0px 20px;}

#footer .left,#footer .right{text-align:center;}

#slidermain{margin-left:0px;}

#logo{text-align:center;}

#header .text{display:none;}





	/* Navigation Button

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



	.nav-button {

		display: block;

		position: absolute;

		top: 7px;

		left: 7px;

		width: 50px;

		height: 35px;

		background: url('images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));

		background: url('images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));

		background: url('images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));

		background: url('images/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));

		background-position: center center;

		background-repeat: no-repeat;

		background-size: 21px, 100%;

		cursor: pointer;

		border: 0 none;

		border-bottom: 1px solid rgba(255,255,255,.1);

		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;

		border-radius: 5px;

		z-index: 999;

		text-indent: -9999px;

	}

	.nav-button:hover { 

		background-color: rgba(0,0,0,.1); 

	}

	.nav-button.open {

		background: url('images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));

		background: url('images/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));

		background: url('images/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));

		background: url('images/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));

		background-position: center center;

		background-repeat: no-repeat;

		background-size: 21px, 100%;

	}



	/* Navigation Bar

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





	.primary-nav {

		width: 100%;

		float: none;

		background-color: #adadad; /* change the menu color */

		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));

		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));

		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));

		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));

		display: block;

		height: 50px;

		margin: 0;

		padding: 0;

		overflow: hidden;

		box-shadow: 0 1px 2px rgba(0,0,0,.6);

		position: absolute;

		top: 0px;

		left: 0px;

		z-index: 998;

		clear: both;

	}

	.primary-nav li {

		display: none;

		width: 100%;

		font-family: Arial;

	}

	.primary-nav li a {

		display: block;

		width: 90%;

		padding: 10px 5%;

		font-size: 14px;

		font-weight: bold;

		text-shadow: -1px -1px 0 rgba(0,0,0,.15);

		color: white;

		text-decoration: none;

		border-bottom: 1px solid rgba(0,0,0,.2);

		border-top: 1px solid rgba(255,255,255,.1); 

	}

	.primary-nav li a:hover {

		background-color: rgba(0,0,0,.5);

		border-top-color: transparent;

	}

	.primary-nav > li:first-child {

		border-top: 1px solid rgba(0,0,0,.2);

	}



	/* Toggle the navigation bar open  */



	.primary-nav.open { 

		height: auto; 

		padding-top: 50px;

	}

	.primary-nav.open li { 

		display: block; 

	}



	/* Submenus optional .parent class indicates dropdowns */



	.primary-nav > li:hover > a {

		background: rgba(0,0,0,.5);

		border-bottom-color: transparent;

	}

	.primary-nav li.parent > a:after {

		content: "?";

		color: rgba(255,255,255,.5);

		float: right;

	}

	.primary-nav li.parent > a:hover {

		background: rgba(0,0,0,.75);

	}

	.primary-nav li ul {

		display: none;

		background: rgba(0,0,0,.5);

		border-top: 0 none;

		padding: 0;

	}

	.primary-nav li ul a {

		border: 0 none;

		font-size: 12px;

		padding: 10px 5%;

		font-weight: normal;

	}

	.primary-nav li:hover ul {

		display: block;

		border-top: 0 none;

	}



#slidermain .left{width:100%;}

#slidermain .right{ display:none;}

#slidermain .slidesc{display:none;}	

}



 

/* Landscape phones and down */

@media (max-width: 480px) {



#logo h1{font-size:24px; padding-left:20px; padding-right:20px;}

#fslidermain .slidesc{display:none;}

#recent-work, #home-blog{display:none;}



}







@media print {



.do-not-print { display: none; }

#comments { page-break-before: always; }



body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }

h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }

h1 { font-size: 19pt; }

h2 { font-size:17pt; }

h3 { font-size:15pt; }

h4,h5,h6 { font-size:12pt; }

code { font: 10pt Courier, monospace; } 

blockquote { margin: 1.3em; padding: 1em; }

img { display: block; margin: 1em 0; }

a img { border: none; }

table { margin: 1px; text-align:left; }

th { border-bottom: 1px solid #333;  font-weight: bold; }

td { border-bottom: 1px solid #333; }

th, td { padding: 4px 10px 4px 0; }

caption { background: #fff; margin-bottom: 2em; text-align: left; }

thead { display: table-header-group; }

tr { page-break-inside: avoid; } 

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

	

} /* END print media */