@charset "UTF-8";

/* SITE */
.container{
 width:980px;
}
/********/

/* HEADER */
#top{
 background:#000;
 background:rgba(0,0,0,.85);
 box-shadow:0 2px 3px rgba(0,0,0,.5);
 -moz-box-shadow:0 2px 3px rgba(0,0,0,.5);
 -webkit-box-shadow:0 2px 3px rgba(0,0,0,.5);
 height:28px;
 left:0;
 top:0;
 width:100%;
 z-index:4;
}
	#top form{
	 margin:4px 10px 0 0;
	}
	#top input{
	 background:#666;
	 border:0;
	 color:#fff;
	 margin:0;
	 padding:2px;
	 width:150px;
	}
	#top>div>div>form button{
	 background:#666 url(/images/generic/sprite.png) -292px 0 no-repeat;
	 height:20px;
	 margin:0;
	 padding:0;
	 width:20px;
	}
#menu{
 height:76px;
 margin:75px 0 30px 0;
}
#header{
 border-top:1px dashed #000;
 margin:0 0 27px 0;
}
	#header>div{
	 background:#000;
	 background:rgba(0,0,0,.5);
	 height:109px;
	}
	#header p{
	 margin:0;
	}
#hlogin{
 display:none;
 height:172px;
 right:0;
 top:23px;
 width:100%;
 z-index:3;
}
	#hlogin div{
	 background:#000;
	 background:rgba(0,0,0,.85);
	 box-shadow:2px 2px 3px rgba(0,0,0,.5);
	 -moz-box-shadow:2px 2px 3px rgba(0,0,0,.5);
	 -webkit-box-shadow:2px 2px 3px rgba(0,0,0,.5);
	 margin:0 288px 0 0;
	 padding:10px;
	 width:195px;
	}
	#hlogin h3{
	 color:#f29100;
	 font-size:14px;
	}
	#hlogin input,#hlogin select{
	 background:#666;
	 background:rgba(102,102,102,.75);
	 border:0;
	 color:#fff;
	 padding:1px 2px 1px 2px;
	 margin:0 0 5px 0;
	 width:191px;
	}
	#hlogin label,#hlogin option,#hlogin select{
	 color:#fff;
	}
	#hlogin label.a{
	 line-height:18px;
	}
	#hlogin select{
	 padding:0;
	 width:85px;
	}
	#hlogin option{
	 background:#666;
	 background:rgba(102,102,102,.75);
	}
	#hlogin button{
	 border:1px solid #f29100;
	 margin:0;
	}
	#hlogin p{
	 line-height:20px;
	 margin:0;
	}
	#hlogin a:active,#hlogin a:focus,#hlogin a:hover{
	 color:#fff;
	}
/**********/

/* MENUS */
#menu ul{
 left:430px;
 top:0;
}
	#menu ul a{
	 background-image:url(/images/generic/sprite.png);
	 background-repeat:no-repeat;
	 height:76px;
	}
.menuabout{
 margin:0 63px 0 0;
}
	.menuabout a:link,.menuabout a:visited{
	 background-position:0 -59px;
	 width:114px;
	}
	.menuabout a:active,.menuabout a:focus,.menuabout a:hover{
	 background-position:0 -135px;
	}
.menuportfolio a:link,.menuportfolio a:visited{
 background-position:-237px -59px;
 width:138px;
}
.menuportfolio a:active,.menuportfolio a:focus,.menuportfolio a:hover{
 background-position:-237px -135px;
}
.menuservices{
 margin:0 58px 0 0;
}
	.menuservices a:link,.menuservices a:visited{
	 background-position:-114px -59px;
	 width:123px;
	}
	.menuservices a:active,.menuservices a:focus,.menuservices a:hover{
	 background-position:-114px -135px;
	}
#top a,#top a:link,#top a:visited{
 color:#fff;
 line-height:28px;
 text-decoration:none;
}
#top a:active,#top a:focus,#top a:hover{
 color:#f29100;
}
#top li{
 margin:0 15px 0 0;
}
#register{
 right:0;
 top:28px;
 z-index:2;
}
	#register a{
	 background:#f29100;
	 background:rgba(242,145,0,.85);
	 border-bottom-left-radius:20px;
	 -moz-border-bottom-left-radius:20px;
	 -moz-border-radius-bottomleft:20px;
	 -webkit-border-bottom-left-radius:20px;
	 box-shadow:0 2px 3px rgba(0,0,0,.5);
	 -moz-box-shadow:0 2px 3px rgba(0,0,0,.5);
	 -webkit-box-shadow:0 2px 3px rgba(0,0,0,.5);
	 color:#000;
	 padding:5px 10px 5px 15px;
	 text-decoration:none;
	}
		#register a:active,#register a:focus,#register a:hover{
		 background:#000;
		 background:rgba(0,0,0,.85);
		 color:#f29100;
		}
#socialicons{
 margin:4px 0 0 0;
}
	#socialicons a{
	 background-image:url(/images/generic/sprite.png);
	 background-repeat:no-repeat;
	 height:20px;
	 width:20px;
	}
	#socialicons li{
	 margin:0 10px 0 0;
	}
.ifacebook{
 background-position:-312px 0;
}
.itwitter{
 background-position:-332px 0;
}
.irss{
 background-position:-352px 0;
}
/*********/

/* CONTENT */
#content{
 margin:0 0 35px 0;
}
	#content li,#content p{
	 line-height:22px;
	}
/***********/

/* SIDEBAR */
#sidebar{
 margin:0 0 35px 0;
}
/***********/

/* CONTACT */
#contact{
 background:#e6ddc2;
 background:rgba(230,221,194,.85);
 border-top:1px dashed #000;
 padding:35px 0 26px 0;
}
	#contact ul a{
	 background-image:url(/images/generic/sprite.png);
	 background-repeat:no-repeat;
	 width:204px;
	}
	#contact>div>div.b{
	 width:700px;
	}
	#contact h2{
	 color:#000;
	 font-weight:normal;
	 line-height:18px;
	 margin:0 0 20px 0;
	}
	#contact p{
	 margin:0 0 20px 0;
	}
	#contact form div{
	 width:340px;
	}
	#contact input,#contact textarea{
	 border:0;
	 margin:0 0 11px 0;
	 width:336px;
	}
	#contact textarea{
	 height:114px;
	}
	#contact button{
	 border-bottom-left-radius:8px;
	 -moz-border-bottom-left-radius:8px;
	 -moz-border-radius-bottomleft:8px;
	 -webkit-border-bottom-left-radius:8px;
	 border-top-right-radius:8px;
	 -moz-border-top-right-radius:8px;
	 -moz-border-radius-topright:8px;
	 -webkit-border-top-right-radius:8px;
	}
		#contact button span{
		 background-image:url(/images/generic/sprite.png);
		 background-position:-334px -22px;
		 background-repeat:no-repeat;
		 height:16px;
		 margin:2px 3px 0 0;
		 width:20px;
		}
			#contact button:active span,#contact button:hover span,#contact button:focus span{
			 background-position:-332px -22px;
			}
#sending{
 background:rgba(230,221,194,.35);
 height:166px;
 left:0;
 top:80px;
 width:100%;
}
	#sending>div{
	 display:table-cell;
	}
		#sending>div div{
		 box-shadow:5px 5px 5px rgba(50,50,50,.9);
		 -moz-box-shadow:5px 5px 5px rgba(50,50,50,.9);
		 -webkit-box-shadow:5px 5px 5px rgba(50,50,50,.9);
		 width:338px;
		}
.linkabout,.linkportfolio,.linkservices{
 margin:0 0 19px 0;
}
.linkclients,.linktestimonials{
 margin:0 0 15px 0;
}
.linkabout a:link,.linkabout a:visited{
 background-position:0 -251px;
 height:15px;
}
.linkabout a:active,.linkabout a:focus,.linkabout a:hover{
 background-position:-204px -251px;
}
.linkclients a:link,.linkclients a:visited{
 background-position:0 -213px;
 height:19px;
}
.linkclients a:active,.linkclients a:focus,.linkclients a:hover{
 background-position:-204px -213px;
}
.linkportfolio a:link,.linkportfolio a:visited{
 background-position:0 -281px;
 height:15px;
}
.linkportfolio a:active,.linkportfolio a:focus,.linkportfolio a:hover{
 background-position:-204px -281px;
}
.linkservices a:link,.linkservices a:visited{
 background-position:0 -266px;
 height:15px;
}
.linkservices a:active,.linkservices a:focus,.linkservices a:hover{
 background-position:-204px -266px;
}
.linktestimonials a:link,.linktestimonials a:visited{
 background-position:0 -232px;
 height:19px;
}
.linktestimonials a:active,.linktestimonials a:focus,.linktestimonials a:hover{
 background-position:-204px -232px;
}
#sociallinks{
 margin:30px 0 0 0;
}
	#sociallinks a{
	 background-image:url(/images/generic/sprite.png);
	 background-repeat:no-repeat;
	 height:48px;
	 width:48px!important;
	}
	#sociallinks li{
	 height:48px;
	 margin:0 20px 0 0;
	 width:48px;
	}
.lfacebook{
 background-position:-219px -296px;
}
.ltwitter{
 background-position:-267px -296px;
}
.lrss{
 background-position:-315px -296px;
}
/***********/

/* FOOTER */
#footer{
 background:#000;
 color:#fff;
 padding:30px 0 30px 0;
}
	#footer a:active,#footer a:focus,#footer a:hover{
	 color:#fff;
	}
	#footer div.a{
	 width:567px;
	}
	#footer p{
	 line-height:22px;
	 margin:0 0 40px 0;
	}
	#footer p.b{
	 margin:-10px 0 0 0;
	}
	#footer p.small{
	 margin:0;
	}
	#footer .big .s{
	 color:#f29100;
	}
#gmap{
 height:187px;
 width:270px;
}
.uedit{
 background:url(/images/generic/sprite.png) -141px -296px no-repeat;
 height:51px;
 width:78px;
}
/**********/

/* SMILES */
.smile{
 background-image:url(/images/generic/sprite.png);
 background-repeat:no-repeat;
 display:inline-block;
 height:15px;
 width:15px;
}
.ssmile{background-position:-124px -347px;}
.sbig{background-position:-139px -347px;}
.sshock{background-position:-154px -347px;}
.scrazy{background-position:-169px -347px;}
.sangry{background-position:-184px -347px;}
.scheeky{background-position:-199px -347px;}
.swink{background-position:-214px -347px;}
.ssad{background-position:-229px -347px;}
.sscared{background-position:-244px -347px;}
.shurt{background-position:-259px -347px;}
.sbored{background-position:-274px -347px;}
.scool{background-position:-289px -347px;}
.sshamed{background-position:-304px -347px;}
.sevil{background-position:-124px -362px;}
.sdisgusted{background-position:-139px -362px;}
.shungry{background-position:-154px -362px;}
.sinnocent{background-position:-169px -362px;}
.sdrool{background-position:-184px -362px;}
.sspeechless{background-position:-199px -362px;}
.sgrumpy{background-position:-214px -362px;}
/**********/
