@charset "utf-8";
/*css style document for mattscorner. styles by navidesigns */
/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
a { text-decoration:none; }
/*website styles*/
body { background:#898989; font:76% Arial, Helvetica, sans-serif; margin:0; padding:0; }
.page { width:980px; margin:0 auto; }
.top_curve { background:url(../images/page_top.jpg) no-repeat scroll 0 0; height:26px; display:block; }
.body { background:url(../images/page_middle.jpg) repeat-y scroll 0 0; padding:0 10px 40px; width:960px; float:left; }
#header { background:transparent url(../images/header_bg.jpg) repeat-x scroll 0 0; height:80px; overflow:hidden; padding:0 40px; width:880px; }
.banner { margin:10px 0; padding:0 40px; }
.main_container { float:left; padding:0 40px; width:880px; }
.content_navigation { border-right:1px dotted #CCCCCC; float:left; padding-right:10px; width:170px; }
.content { float:right; width:680px; line-height: 20px; }
.content p { line-height: 18px; }
.content_box { float:left; width:680px; }
.content_box .left_box { float:left; width:470px; }
.content_box .right_box { float:right; width:180px; position:relative; right: 0px; }
.content.full, .content.full .content_box { width:880px; }
#footer { background: url("../images/foo_top.jpg") no-repeat scroll left top transparent; clear: both; padding-top: 13px; position: relative; width: 980px; }
.logo { float:left; margin:0; }
.intro { width:642px; text-align:center; color: #666; margin-top: 30px; font: bold 3em "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(../images/punchline.gif); text-indent: -20000px; margin-right: auto; margin-left: auto; height: 41px; }
/*navigation*/
.top_navigation { float:right; }
.top_navigation a { color:#666; }
.top_navigation .sel { color:#698526; font-weight:bold; }
.top_navigation a:hover { color:#698526; }
.main_nav { height:25px; padding:0 40px; }
.top_navigation ul { display:block; margin:25px 0 0 0; }
.top_navigation ul li { border-right:1px solid #CCCCCC; float:left; margin-right:5px; padding-right:5px; }
.main_nav ul { display:block; float:right; margin:0; padding:0; width:880px; }
.main_nav ul li { display:block; float:right }
.main_nav ul li a { background:url(../images/sprite.png) no-repeat scroll left 0; height:15px; color:#fff; font-weight:bold; text-decoration:none; width:128px; padding:5px 0; display:block; text-align:center; margin-right:5px; }
.main_nav ul li a:hover { background-position:left -30px }
.main_nav ul li .main_nav_selected { background:url(../images/main_nav_bg.png) no-repeat scroll left -30px; }
h5 { color: #744B23; font-size: 19px; font-weight: normal; margin: 8px 0 9px 5px; text-align: right; text-transform: uppercase; }
.content_navigation dl { display:block; margin-top:10px; float:right }
.content_navigation dl dd a { display:block; text-align:right; width:160px; margin-bottom:5px; font-size:1em; color:#698526; text-decoration:none; padding:5px 6px 5px 0; font-weight:bold; }
.content_navigation dl dd a:hover { }
.content_navigation dl dd a#currentpage { background:none repeat scroll 0 0 #628F05; color:#fff; }
dt { color:#744B23; font-size:1.1em; font-weight:bold; margin-bottom:10px; padding-right:6px; text-align:right; text-transform:uppercase; width:160px; }
.sep { border-top:1px dotted #999; padding-top:10px; }
.top_navigation ul li.last { border:none; }
/*footer styles*/
.footer { background: url("../images/foo_middle.jpg") repeat-y scroll left top transparent; float: left; padding: 10px 30px 0; width: 920px; }
.footer h6 { font-size:1.2em; margin-bottom:5px; }
.contacts_cont { clear: both; display: block; float: left; width: auto; }
.contacts { display:block; float:left; margin-bottom:5px; }
.contacts li { float:left; display:block; margin-right:10px; }
.contacts li a { display:block; height:17px; width:71px; text-align:center; margin-right:5px; float:left; color:#303030; }
.contacts li a:hover { background: url(../images/sprite.png) no-repeat scroll 0px -134px; color:#fff; }
.contacthover { background: url(../images/sprite.png) no-repeat scroll 0px -134px!important; color:#fff; }
#showroom, #works { cursor:pointer; height:17px; text-align:center; width:72px; }
#showroom_cont, #works_cont { display:none; width:400px; font-size:0.92em; clear:both; }
.navidesigns { color:#5D5D5D; float:right; font-family:georgia; font-size:0.92em; margin:-9px 20px 3px 0; position:relative; }
.gallery li img { border: 1px solid #919191; height: 100px; width: 113px; }
#slider { float:left; }
#slider ul { margin:0 0 10px 0; padding:0; list-style:none; display:block; width:600px; float:left; }
#slider li { margin:0; padding:0; list-style:none; }
#slider li { float: left; height: 100px; margin-bottom: 20px; margin-right: 20px; width: 115px; }
#prevBtn, #nextBtn { display:block; width:30px; height:77px; position:absolute; left:-40px; top:0px; }
#nextBtn { left:460px; }
#prevBtn a, #nextBtn a { display:block; width:30px; height:77px; background:url(../images/previous.gif) no-repeat 0 0; }
#nextBtn a { background:url(../images/next.gif) no-repeat 0 0; }
.gallery { margin:25px 0; position:relative; width:680px; float:left; }
.graphic, #prevBtn, #nextBtn { margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; }
.footer .social_container { float:left; margin-left:30px; }
.footer .social_container .social_networking { border:none; }
.footer .social_container .email_form { top:-384px }
/*content styles*/
p { display:block; }
.home .section h1 { margin:15px 0; }
h1 { font-family: 'Kreon', serif; }
h1, h2 { clear: both; color: #DE9F35; font-size: 1.8em; margin: 7px 0 13px; }
.section { width:165px; float:left; margin:20px; }
h1 a { color:#698526; font-family:Georgia, "Times New Roman", Times, serif; margin:5px 0; display:block; }
.home h1 a { background: url(../images/section_headers.gif) no-repeat scroll; display: block; height: 27px; text-indent: -100000px; }
.home h1 a.blinds { background-position:left top; width: 60px; }
.home h1 a.blinds:hover { background-position: 0 -28px; }
.home h1 a.insectscreens { background-position:-76px top; width: 140px; }
.home h1 a.insectscreens:hover { background-position: -76px -28px; }
.home h1 a.igblinds { background-position:-235px top; width: 82px; }
.home h1 a.igblinds:hover { background-position: -235px -28px; }
.home h1 a.innovative { background-position:-329px top; width: 103px; }
.home h1 a.innovative:hover { background-position: -329px -28px; }
.home { padding:0 60px; width: 840px; }
.readmore { text-decoration:none; color:#de9f35; }
/*showcase styles*/
.showcase { background:#F1F1F1 url(../images/gallery_bg.gif) repeat-x scroll 0 0; clear:both; float:left; padding:25px 0 0 40px; margin-bottom: 20px; width:640px; }
.showcase ul { display:block; margin:0 0 25px; float:left; }
.showcase ul li { background: url("../images/img_shadow.png") no-repeat scroll left top transparent; color: #FFFFFF; float: left; margin-bottom: 25px; margin-right: 35px; padding: 8px; position: relative; width: 109px; }
.showcase ul li a { display:block; }
.showcase ul li img { border:1px solid #333; }
.showcase ul li span { background: none repeat scroll 0 0 #000000; bottom: 9px; left:8px; display: none; font-size: 0.92em; padding: 5px 10px; position: absolute; text-align: center; text-transform: uppercase; width: 81px; word-wrap: break-word; }
.showcase ul li:hover span { display:block; }
.tech_spec { margin-bottom:20px; overflow:hidden; clear: both; }
.tech_spec label { display: block; float: left; width: 150px; text-align: right; padding-right: 10px; margin-right: 5px; }
.tech_spec ul li { display: block; float: left; width: 500px; clear: left; padding:4px 0; margin-bottom:3px; }
.even { background:#ebebc6 /* url(images/table_bg.gif) no-repeat scroll left top; */ }
.odd { background:#ececec /* url(images/table_bg_odd.gif) no-repeat scroll left top;*/ }
#big .even { background:#ebebc6  /*url(images/table_bg_big.gif) no-repeat scroll left top;*/ }
#big .odd { background:#ececec /*url(images/table_bg_odd_big.gif) no-repeat scroll left top;*/ }
#big label { width: 205px; }
.product h3 { color: #734B22; float: left; font-size: 18px; margin-bottom: 0; margin-left: 10px; margin-top: 70px; }
.product { overflow: hidden; margin-bottom: 10px; clear: both; float: left; width: 680px; }
h4 { display: block; margin-top: 10px; margin-bottom: 10px; color: #6da430; text-align: left; float: left; clear: both; width: 650px; }
.backtotop { background:transparent url(../images/backtotop.gif) no-repeat scroll 0 0; clear:both; cursor:pointer; display:block; float:right; height:38px; position:absolute; right:66px; text-indent:-2000px; top:-28px; width:103px; }
.navidesigns { font-family:trebuchet MS; position:relative; }
.ecologo { float:right; }
#footer a { color:#43691a }
.product img { float: left; }
.tech_spec ul li span { display: block; float: left; width:270px; }
.tech_spec ul li span img { padding:5px 0 }
p { margin-bottom: 10px; }
h3 { font-size: 1.2em; color: #7C9E2D; margin-bottom: 15px; margin-top: 15px; }
.sitelist { display: block; margin-top: 10px; margin-bottom: 10px; }
.sitelist li { list-style: circle outside; margin-left: 25px; padding-bottom: 5px; }
.talktogeorge li { display:block; overflow:hidden; margin-bottom:10px; }
.talktogeorge li label { float:left; display:block; width:100px; }
.sitemap { display: block; }
.sitemap dt, .sitemap dd { text-align:left; font-size:1em; }
.sitemap dt a { color: #666; font-size: 1em; text-transform: none; font-weight: normal; text-align: left; clear: both; }
.sitemap dt.main_link a { color: #333; font-size: 1em; text-transform: none; font-weight: bold; text-align: left; clear: both; }
.sitemap dd a { color: #666; display: block; margin-left: 20px; margin-bottom: 5px; text-align: left; }
.sitemap a:hover, .sitemap dt.main_link a:hover { text-decoration:underline; color:#7C9E2D; }
.main_container.sitemap_cont { width: 900px; }
.main_container.sitemap_cont .content { width: 900px; }
.main_container.sitemap_cont .content .sitemap .section { margin: 0px; }
.info { display: block; text-align: left; color: #666; font-size: 0.92em; clear: both; }
.showcase li img { width:100px; height:76px; }
/*socialnetworking*/
.social_cont { border-bottom: 1px dotted #ccc; float: left; margin-bottom: 10px; padding-bottom: 5px; width: 180px; }
.social_networking { border-left: 1px dotted #ccc; float: left; padding: 4px 0 0 10px; position: relative; top: 4px; width: 180px; }
.social li { float:left; margin-right:10px; display:block; }
.social a { background:url(../images/social_networking_sprite.png) no-repeat scroll left top; width:24px; height:24px; display:block; cursor:pointer; text-indent:-2000px; overflow:hidden; }
.social a.facebook { background-position:left -52px }
.social a.llinkedin { background-position: left top }
.social a.twitter { background-position:left -26px }
.social a.phone { background-position:left -103px }
.findus { display: block; float: left; margin: 0 0 10px; padding-right: 10px; text-align: right; width: 64px; }
.share a { width:16px; height:16px; display:block; cursor:pointer; }
.share li { float:left; margin-right:10px; display:block; }
/*email form*/
.contactus { background: url("../images/contactus.png") no-repeat scroll left top transparent; cursor: pointer; display: block; height: 46px; margin-bottom: 10px; text-indent: -2000px; }
.contactus:hover { background-position:0 -46px; }
.contactus a.email { background:url(../images/social_networking_sprite.png) no-repeat scroll left -77px; width:24px; height:24px; display:block; cursor:pointer; text-indent:-2000px; overflow:hidden; }
.email_form { position: absolute; right: 159px; top: -10px; width: 378px; z-index: 1000; }
.email_form .form_cont { background: none repeat scroll 0 0 #FFFFFF; border-radius: 10px 10px 10px 10px; overflow: hidden; padding: 25px; position: relative; }
#email_form_close { color: #919191; cursor: pointer; font-size: 10px; position: absolute; right: 9px; top: 7px; }
.email_form h3 { margin:0 0 10px 0 }
.email_form fieldset { position:relative; display:block; }
.emailform li { float:left; clear:both; margin-bottom:10px; font-size:12px; width:325px; }
.emailform li label { display:block; width:100px; float:left; }
.emailform li input { display:block; width:200px; float:left; background:#e9f6ce; border: 1px solid #e9f6ce; }
.emailform li select { display:block; width:206px; float:left; background:#e9f6ce; border: 1px solid #e9f6ce; }
.emailform li textarea { display:block; width:200px; float:left; background:#e9f6ce; border: 1px solid #e9f6ce; font-family: arial; font-size: 13px; }
.emailform li input.send { background:url("../images/sprite.png") no-repeat scroll 0 -165px transparent; border:medium none; cursor:pointer; display:block; height:24px; text-indent:-2000px; width:97px; }
.notification_error { background:none repeat scroll 0 0 #FDF9E0; color:#FF0000; font-size:11px; margin-bottom:10px; padding:12px; }
.notification_ok { margin:20px; }
.brradius { border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: #666 0px 0px 5px; -moz-box-shadow: #666 0px 0px 5px; box-shadow: #666 0px 0px 5px; behavior: url(PIE.htc); ; }
.ph_no { color: #de9f35; display: block; font-size: 21px; font-weight: bold; margin: 10px 0 5px; }
.ph_no:hover { color: #698526; }
.mar { margin-top:5px; }
.contact .contacts_cont { width:880px; border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:10px; }
.contacts_cont .address { float:left; margin-right:10px; width:300px; }
.contacts_cont .header { font-size: 13px; margin-left: 0; text-align: left; }
.contacts_cont .gmap { float:right; }
.list { color: #633C16; display: block; margin: 10px 20px 0; }
.list li { background:url(../images/arrow.png) scroll no-repeat 0 8px; padding-left:10px; display:block; margin-bottom:6px; line-height: 18px; }
.inner_list, .list li ul { color: #666666; margin-left: 40px; }
.inner_list li, .list li ul li { background:url(../images/green_arrow.png) scroll no-repeat 0 8px; padding-left:10px; display:block; margin-bottom:4px; line-height: 18px; }
/*ppc landing*/
#ppc .banner { margin: 20px 0; ; overflow: hidden; padding: 0 40px; }
#ppc .banner h3 { background: url("../images/ppc/bg.png") repeat scroll 0 0 transparent; bottom: 7px; left: 13px; margin: 0; padding: 5px; position: absolute; text-align: center; width: 166px; color:#fff; }
.banner.ppc ul li { float:left; position:relative; }
.banner.ppc ul li.two { margin:0 25px; }
.banner.ppc ul li.three { margin:0 25px 0 0; }
.banner.ppc ul li img { width:200px; }
#ppc .content, #ppc .content .content_box { width:880px; }
#ppc .content_box .left_box { width: 650px; }
#ppc .list { color: #000; }
#ppc a.readmore { color: #FF0000; margin-left: 30px; }
#ppc .right_box h1 { font-size:15px; margin-bottom: 64px; float: left; width: 497px; background: none repeat scroll 0% 0% rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); }
#ppc .content_box .right_box { border-left: 1px solid #CCCCCC; padding-left: 20px; width: 200px; }
#ppc .social_networking { border-left:none; }
#ppc .email_form { background: none repeat scroll 0 0 #E6E6E6; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; position: static; width: 625px; z-index: 1000; margin-bottom: 20px; }
#ppc .email_form .form_cont {background:none;}
#ppc .emailform li input  , #ppc .emailform li select , #ppc .emailform li textarea{background:#ccc;}
#ppc .emailform li input.send {background: url("../images/sprite.png") no-repeat scroll 0 -165px transparent;}
.clickhere {
    color: #FF0000;
    font-size: 20px;
    padding: 0 10px;
}
.note { color: #429A04;margin-top: -7px; }