html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

/**/
html {font-size:100%;}
body {
	font-size:smaller;
	color:#888;
	font-family:"Trebuchet MS", Helvetica, Geneva, Arial, sans-serif;
	line-height:1.5em;
	background:#7eb119 url(../images/bg.png) repeat-x 0 0;
}
h1, h2, h3, h4, h5, h6 {color:#333; font-weight:normal; font-family:"Trebuchet MS", Helvetica, Geneva, Arial, sans-serif;}
h1 {font-size:18px; margin-bottom:0.6em;}
h2 {font-size:18px; margin-bottom:0.5em;}
h3 {font-size:14px; margin-bottom:0.6em;}
h4 {font-size:12px; margin-bottom:0.6em;}
h5 {font-size:11px; margin-bottom:1em;}
p{margin:0 0 20px; }
ul,ol{margin:0 0 1.5em 1.5em;}
a {color:#690; text-decoration:none;}
a:hover {color:#c33;}
:focus{outline:0;}
::-moz-selection{background:#999; color:#fff;}
::selection {background:#999; color:#fff;}
.clear{display:block; clear:both; height:0px; font-size:0px;}

/* forms */
input[type=text], input[type=password], input.text, input.title, textarea, select {background:#fff; color:#999; border:1px solid #cfd7da; padding:4px; font-family:"Trebuchet MS", Helvetica, Geneva, Arial, sans-serif; font-size:12px; box-shadow:inset -1px 1px 2px #aaa; -moz-box-shadow:inset -1px 1px 2px #aaa; -webkit-box-shadow:inset -1px 1px 2px #aaa;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#999; color:#333;}
input[type=submit], input[type=reset], input[type=button]{background:#111; color:#fff; border:none; padding:3px 15px; cursor:pointer; font-family:"Trebuchet MS", Helvetica, Geneva, Arial, sans-serif; font-size:12px; font-weight:bold;}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover{background:#cf2538;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.15em; border:0;}
textarea{resize:none}

/**/
header{height:270px; width:980px; margin:0 auto; position:relative}
#logo{width:227px; height:69px; background:url(../images/logo.png) no-repeat 0 0; position:absolute; top:75px; left:250px;}
#logo a{width:227px; height:69px; display:block; text-indent:-9999px; background:none}
nav{float:right; width:580px; height:60px;}
nav ul{list-style:none; margin:0}
nav ul li{float:left; font-size:20px}
nav ul li a,nav ul li a:hover{float:left; background:url(../images/bg_nav.png) no-repeat 0 0; height:52px; padding:8px 0 0 0; color:#fff; text-align:center;}
nav ul li a.home{background-position:0 0; width:130px;}
nav ul li a.about{background-position:-130px 0; width:99px}
nav ul li a.services{background-position:-229px 0; width:113px}
nav ul li a.portfolio{background-position:-342px 0; width:124px}
nav ul li a.contact{background-position:-466px 0; width:111px}
nav ul li a.home:hover,nav ul li.active a.home{background-position:0 -60px; color:#fff;}
nav ul li a.about:hover,nav ul li.active a.about{background-position:-130px -60px; color:#fff;}
nav ul li a.services:hover,nav ul li.active a{background-position:-229px -60px; color:#fff;}
nav ul li a.portfolio:hover,nav ul li.active a.portfolio{background-position:-342px -60px; color:#fff;}
nav ul li a.contact:hover,nav ul li.active a.contact{background-position:-466px -60px; color:#fff;}


/**/
footer{background:url(../images/bg_footer.png) no-repeat 5px 0; width:980px; margin:0 auto; height:285px; color:#fff; font-family:Arial, Helvetica, sans-serif; position:relative}
footer ol{list-style:none; padding:10px 25px; height:115px;}
footer ol li{float:left; width:220px}
footer ol li ul{list-style:disc; font-size:11px}
footer ol li ul li{float:none; width:auto; margin-bottom:-1px; line-height:1.3em;}
footer h4{color:#fff; font:bold 12px Arial, Helvetica, sans-serif;}
.copy{font-size:10px; margin:70px 0 0 120px;}
.social{list-style:none; float:right; width:310px}
.social li{float:left; margin-right:3px;}
.social li a{float:left; background:url(../images/socialmedia.png) no-repeat 0 0; width:50px; height:57px; display:block; text-indent:-9999px;}
.social li a.twitter{background-position:2px 0;}
.social li a.facebook{background-position:-50px 0;}
.social li a.linkedin{background-position:-108px 0;}
footer a{color:#fff;}
footer a:hover{color:#9C0}
footer a,.contentarea a{-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.contactlink{list-style:none; margin:0; height:28px}
.contactlink li{float:left; margin-right:10px; background:url(../images/contactlink.png) no-repeat 0 0; padding:10px 0;}
.contactlink li.skype{background-position:0 0; padding:10px 10px 10px 45px;}
.contactlink li.gmail{background-position:0 -30px; padding-left:55px;}
.contactlink li.yahoo{background-position:0 -66px; padding-left:50px;}
.contactlink li.phone{background:none; font-size:20px; color:#444; padding:3px 10px 0 10px;}



/**/
#main{background:url(../images/bg_header.png), url(../images/bg_footerwrapper.png); background-position:center 0, center bottom; background-repeat:no-repeat, no-repeat;}
.contentarea{width:960px; margin:0 auto; border-radius:10px; background-color:#fff; background-image:url(../images/bg1.png), url(../images/bg2.png); background-position:top left, bottom left;background-repeat:no-repeat; -moz-border-radius:10px; -webkit-border-radius:10px; padding:10px; position:relative}
.twocolumn-right{background:url(../images/dotv.png) repeat-y 688px 0}
.twocolumn-right aside{float:right; width:260px;}
h1.welcome-text{background:url(../images/welcometxt.png) no-repeat 0 0; width:187px; height:25px; display:block; text-indent:-9999px; position:absolute; top:-10px; left:240px;}
.title{
	
	
	font-weight:bold;
	margin-bottom:5px;
}
.subtitle{ font-size: x-small; color:#333333; margin-top:20px;}
.widget{margin-bottom:20px;}
.widget article{margin-left:58px}
.widget h2{background:url(../images/bg_heading.png) no-repeat center 0; height:65px; padding:3px 0 0 75px; color:#fff; font-size:23px}
.services ol{list-style:none; margin-left:-20px;}
.services ol li{float:left; width:190px; margin:0 5px;}

ul.list{list-style-image:url(../images/list.gif); margin-left:12px}
ul.list li{margin-bottom:5px}
aside .widget article{margin:0 15px;}
aside .widget h2{background:url(../images/bg_heading2.png) no-repeat center 0; height:auto; color:#fff; font-size:23px}
aside .latestproject h2{background:url(../images/bg_heading2.png) no-repeat 0 0; padding:20px 0 15px 15px;}
aside .testimonial h2{background:url(../images/bg_heading2.png) no-repeat 0 -80px; padding:30px 0 15px 15px;}
aside .getaquote h2{background:url(../images/bg_heading2.png) no-repeat 0 -160px; padding:40px 0 15px 15px;}
aside .getaquote h3{background:url(../images/bg_heading2.png) no-repeat 0 -150px; padding:20px 0 15px 15px;}

.latestproject img{border:2px solid #d3d3d3; padding:10px; margin-bottom:5px;}
.services img{margin-bottom:5px}
.clientname{color:#7aa914; text-align:right}
.getaquote label{float:left; padding-top:5px; text-align:right; width:55px;}
.getaquote input[type=text],.getaquote textarea{float:right; width:160px; margin-bottom:10px}
.getaquote .btnsubmit{float:right}
.getaquote br{display:block; clear:both;}


.gallery{list-style:none; margin:0; position:relative}
.gallery li{float:left; margin:0;}
.gallery li a{float:left; }
.gallery li .bigthumb{display:none; position:absolute; top:0px; left:-100px; background:#fff; padding:5px}
.gallery li .bigthumb span{display:block; width:470px; height:420px; overflow:hidden;}

/* portfolio
.boxgrid{width:180px; height:180px;	margin:10px; float:left; background:#161613; border:2px solid #d5d5d5; overflow:hidden;	position:relative;}
.boxgrid img{width:180px; height:180px; position:absolute; top:0; left:0; border:0;}
.boxgrid h3{color:#fff}
.boxcaption{float:left; position:absolute; top:200px; background:#000; width:160px; padding:10px; opacity:.8; color:#ccc;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
aside .category h2{padding:20px 0 15px 15px;}
aside .category ul{list-style:none; margin:0}
aside .category ul li{border-bottom:1px dotted #ccc; padding:4px}
 */
#filterable{list-style:none; float:right; margin:10px 30px 20px 0;}
#filterable li{float:left;	margin-left:25px;}
#filterable li a,.paging li a{display:block; text-align:center; width:100%; height:auto; padding:2px 5px; margin:5px; background:#fafafa; -moz-border-radius:4px; border-radius:4px;	border-top:1px solid #f0f0f0; -webkit-box-shadow:inset 0 0 25px #fafafa, 0 1px 0 #cecece, 0 2px 0 #c9c9c9, 0 2px 3px #4a4a4a; -moz-box-shadow: inset 0 0 25px #fafafa, 0 1px 0 #cecece, 0 2px 0 #c9c9c9, 0 2px 3px #4a4a4a; box-shadow: inset 0 0 25px #fafafa, 0 1px 0 #cecece, 0 2px 0 #c9c9c9, 0 2px 3px #4a4a4a; text-shadow: 0px 1px 0px #f5f5f5;}
#filterable li.current a,.paging li.current a{color:#e64135; background: #fafafa; margin: 7px 5px 3px; -webkit-box-shadow: inset 0 0 25px #e4e4e4, 0 0 3px #333; -moz-box-shadow:  inset 0 0 25px #e4e4e4, 0 0 3px #333; box-shadow: inset 0 0 25px #e4e4e4, 0 0 3px #333; border-top: 1px solid #eee;}

.portfolio-img{border:1px solid #e6e6e6; padding:3px 3px 1px 3px;}
.portfolio-img:hover{border-color:#9cf;}
.portfolio-container{display:block; width:auto; height:auto; margin:0 -30px 0 0; clear:both;}
.portfolio-container ul{list-style:none; margin:0px; padding-top:10px;}
.portfolio-container ul li{width:218px; float:left; position:relative; margin:0 11px 30px 10px;}
#portfolio h1{margin:0.75em; margin-left:0.4em; float:left; font-size:24px;}
.paging{list-style:none; margin:0; clear:both;}
.paging li{float:left; margin:0 6px;}
.paging li a{padding:2px;}

.btnlink{clear:both; float:left; font-size:18px; font-weight:bold; margin-left:10px;}
.btnlink a{background:#d7ecf7; padding:10px 20px; color:#333; display:block; text-align:center; -moz-border-radius:4px; border-radius:4px;	border-top:1px solid #f0f0f0; -webkit-box-shadow:inset 0 0 25px #99ccff, 0 1px 0 #00abea, 0 2px 0 #00abea, 0 2px 3px #00abea; -moz-box-shadow: inset 0 0 25px #00abea, 0 1px 0 #00abea, 0 2px 0 #00abea, 0 2px 3px #00abea; box-shadow: inset 0 0 25px #99ccff, 0 1px 0 #00abea, 0 2px 0 #00abea, 0 2px 3px #00abea; text-shadow: 0px 1px 0px #fff;}
.btnlink a:hover{-webkit-box-shadow:inset 0 0 25px #00abea, 0 1px 0 #00abea, 0 2px 0 #00abea, 0 2px 3px #00abea;}

.btnlink1{clear:both; float:right; font-size:18px; font-weight:bold; margin-right:20px;}
.btnlink1 a{background:#d7ecf7; padding:10px 20px; color:#333; display:block; text-align:center; -moz-border-radius:4px; border-radius:4px;	border-top:1px solid #f0f0f0; -webkit-box-shadow:inset 0 0 25px #99ccff, 0 1px 0 #00abea, 0 2px 0 #00abea, 0 2px 3px #00abea; -moz-box-shadow: inset 0 0 25px #00abea, 0 1px 0 #00abea, 0 2px 0 #00abea, 0 2px 3px #00abea; box-shadow: inset 0 0 25px #99ccff, 0 1px 0 #00abea, 0 2px 0 #00abea, 0 2px 3px #00abea; text-shadow: 0px 1px 0px #fff;}
.btnlink1 a:hover{-webkit-box-shadow:inset 0 0 25px #00abea, 0 1px 0 #00abea, 0 2px 0 #00abea, 0 2px 3px #00abea;}