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

/* @group RESET
---------------------------------------------- */
html{color:#000;background-color:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;overflow:hidden;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
body {font-family:Verdana, Geneva, sans-serif;}table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* @end */

/* @group CORE STYLES
---------------------------------------------- */
html {
	background-color: #e9e9e9;
	color: #6E6E6E;
	font-size: 12px;
	font-family:Verdana, Geneva, sans-serif;	

}
.container {width: 1000px; margin: 0 auto; overflow: hidden;}




/* @group CORE ELEMENTS
---------------------------------------------- */
.nav li {display: inline;}
#header {
	height: 65px;
	margin-bottom: 0px;
	background-color: #CACAC8;
	border-bottom:4px solid #ffd738;
}
		#header .nav {float: left; width: 1000px; outline: none;}
		#header .nav a {float: left; height: 68px; text-indent: -9999px; background-image: 					url(images/headerNav.gif); outline: none;}
		#header .navHome {width: 143px; background-position: 0 0;}
		#header .navHome:hover {background-position: 0 -68px;}
		#header .navHome.active {background-position: 0 -68px;}
		#header .navWorks {width: 148px; background-position: -143px 0px;}
		#header .navWorks:hover {background-position: -143px -68px;}
		#header .navWorks.active {background-position: -143px -68px;}
		#header .navServices {width: 180px; background-position: -291px 0;}
		#header .navServices:hover {background-position: -291px -68px;}
		#header .navServices.active {background-position: -291px -68px;}
		#header .navAbout {width: 166px; background-position: -471px 0;}
		#header .navAbout:hover {background-position: -471px -68px;}
		#header .navAbout.active {background-position: -471px 37px;}
		#header .navBlog {width: 196px; background-position: -637px 0;}
		#header .navBlog:hover {background-position: -637px -68px;}
		#header .navBlog.active {background-position: -637px 37px;}
		#header .navContact {width: 167px; background-position: -833px 0;}
		#header .navContact:hover {background-position: -833px -68px;}
		#header .navContact.active {background-position: -833px 37px;}
		#header .current a.navHome, #header .current a.navHome:hover{height:68px; background-position: 0px bottom; display:block;}
		#header .current a.navWorks, #header .current a.navWorks:hover{height:68px; background-position: -143px bottom; display:block;}
		#header .current a.navServices, #header .current a.navServices:hover{height:68px; background-position: -291px bottom; display:block;}
		#header .current a.navAbout, #header .current a.navAbout:hover{height:68px; background-position: -471px bottom; display:block;}
		#header .current a.navBlog, #header .current a.navBlog:hover{height:68px; background-position: -637px bottom; display:block;}
		#header .current a.navContact, #header .current a.navContact:hover {height:68px; background-position: -833px bottom; display:block;}

.logo {
	float:left;
	margin: 25px 0 0px 25px;
}

#footer {
	text-align:center;
	background-color:#202020;
	color:#DFDFDF;
	height:39px;
	font-size:0.9em;
	padding: 22px 0 0 0px;
}
#footer a {
	text-decoration:none;
	color:#DFDFDF;
}

		
		
/* @group HOMEourWorks
---------------------------------------------- */
#homeTitle {
	width:614px;
	height:108px;
	text-indent:-9999px;
	background-image:url(images/homeTitle.gif);
	float:left;
	margin:85px 0px 10px 60px;
}
body.home #recentWorks {
	clear: right; 
	float: right;
	width: 620px;
	height: 645px;
	margin: 64px 0px 0px 0px;
}
body.home #recentWorksTitle {
	width:190px;
	margin: 0 200px 22px 45px;
	float:left;
}
body.home .recentWorksImg {
	width: 290;
	float:right;
	margin: 0 10px 42px 5px;
}
body.home .moreWorks {
	float:right;
	margin-right: 54px;
	position:relative;
	top: -30px;
}
body.home #theProcess {
	width: 330px;
	float:left;
	margin: 60px 0 0 25px;
}
.processThumbnail3 {
	margin-top:4px;
	float:left;
}
.processThumbnail4 {
	margin-top:5px;
	float:left
}
body.home .step {
	width:325px;
	height: 150px;
	float: left;
}
body.home .step .thumb {
	float: left;
}
body.home .step h2 {
	display:block;
	width: 200px;
	float:right;
	margin: 30px 0 0 17px;
	line-height:17px;
}
body.home #contactDetails {
	clear:both;
	background-color:#000;
	height: 262px;
	border-top-color: #7c7c7c;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #841616;
	border-bottom-width: 4px;
	border-bottom-style: solid;
}
body.home #contactInfo {
	float:right;
	margin-top:20px;
}
body.home #contactInfo .email {
	margin: 60px 45px 10px 0;
	width:177px;
	height:25px;
}
body.home #contactInfo .email a {
	text-indent: -9999px;
	float:left;
	outline:none;
	width:177px;
	height:25px;
	background-image:url(images/email.png); 
}
body.home #contactInfo .email a:hover {
	background-position: 0 -24px;
}
body.home #contactInfo p {
	color:#898989;
	font-size:1.30em;
	line-height:25px;
	word-spacing:-1.3px;
	font-family:Arial, Helvetica, sans-serif;
}
body.home #contactInfo .number {
	color:#b41818;
	font-size:1.4em;
}
#globe {
	float:right;
	margin: 20px 25px 0 0;
}
body.home #myForm{
	float:left;
	width:357px;
	height:122px;
	background-repeat: no-repeat;
	margin: 76px 0 0 23px;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body.home #myForm form{
	float:left;
	width: 357px;
	height: 122px;
	margin: 0px;
	padding: 5px 20px 0 6px;
	display: block;
}
body.home #myForm input{
	float:left;
	background-image:url(images/field-bg.gif);
	border: 0;
	width: 160px;
	height: 19px;
	line-height: 30px;
	margin: 4px 0px;
	padding:7px 6px;
	letter-spacing: -1.9px;
	color:#000;
}
body.home #myForm #email {
	clear:both;
	float:left;
}
body.home #myForm textarea{
	overflow:auto;
	color:#000;
	margin: -38px 0 0 5px;
	padding:7px 4px;
	float:left;
	background-image:url(images/textarea-bg.gif);
	width:169px;
	height:63px;
	border:0px;
}

body.home #myForm button{
	clear:both;
	float:left;
	background-image:url(images/sendButton.png);
	border:none;
	display:block;
	width:59px;
	height:28px;
	margin: 4px 0 0 1px;
	cursor:hand;
	cursor:pointer;
}
#indexForm_mail{
	float:left;
	padding:44px 0 0;
}
#homeText {
		background-color:#949494;
		height:286px;
}
body.home #view {
	float:right;
	margin:113px 40px 0 0;
}
body.home #stand {
	height:104px;
	width: 210px;
	background-image: url(images/stand.gif); 
}
#cleanWebDesign {
	float:left;
	margin: 50px 0 0 50px;
	padding-right:40px;
	width: 250px;
	height:180px;
	border-right: #7b7b7b solid 1px;
	color:#000;
	font-size:0.9em;
	line-height:19px;
}
body.home #cleanWebDesign h2 {
	color: #000;
	font-size:1.8em;
	margin-bottom:15px;
}

/* @group WORK
---------------------------------------------- */
#worksTitle {
	float:left;
	margin:80px 0 70px 40px;
}
.designWorks {
	margin:50px 0 0 30px;
 	float:left;
}
.worksPic {
	float:left;
}
.worksText {
	float:left;
	width:230px;
	margin:-7px 0 0 50px;
	line-height:17px;
}
.worksText h2{
	float:left;
	background-color:#ffd738;
	color:#000;
	display:inline;
	padding:0px 2px 0px 2px;
	margin-top:20px;
}
.worksText p{
	float:left;
	width:230px;
	color:#3f3f3f;

}
.worksText a{
	float:left;
	width:230px;
	margin:20px 0 0 0;
	color:#6E6E6E;
}
.worksMail {
	float:left;
	margin:40px  0 0 170px;
}
#lastWork {
	margin-bottom:50px;
}

	
	
/* @group SERVICES
---------------------------------------------- */
 #servicesTitle {
	float:left;
	margin:80px 0 70px 40px;
}
#serviceText {
	float:left;
	margin:40px 0 100px 40px;
	width:450px;
	color:#3f3f3f;
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;	
}
#serviceText h1{
	margin:0 0 10px 0;
}
.serviceDetails {
	float:left;
	margin:10px 0 0 0px;
	width:450px;
	font-size:12px;
	border-bottom:1px solid #bababa;
	padding-bottom:15px;
}	
.serviceDetails h2{
	font-size:22px;
	color:#3b3632;
	margin:0 0 5px 0;
}
#serviceProcess {
	display:inline;
	float:left;
	margin:10px 0 -20px 130px;
	width:283px;
	height:143px;
	padding:30px 0 0 25px;
	color:#3d3d3d;
}
#serviceProcess ul{
   list-style-type: none;
   padding-left: 0;
   margin:11px 0 0 5px;
}
#serviceProcess li{
	font-size:13px;
	line-height:19px;
    list-style-image: none;
    background-image: url(images/bullet.gif);
    background-repeat: no-repeat;
	background-position: left .5em;
	padding-left:15px;
    margin-top:3px;
}
.servicePortfolio {
	display:inline;
	float:left;
	margin:40px 0 0 130px;
}
	
/* @group ABOUT
---------------------------------------------- */
#aboutTop {
	border-bottom:7px solid #d94c4c;
}
#aboutTitle {
	float:left;
	margin:80px 0 70px 40px;
}
#aboutText {
	float:left;
	margin:40px 0 50px 40px;
	width:450px;
	line-height:17px;
	color:#3f3f3f;
}
#aboutText p{
	margin:10px 0 0 0;
}
#aboutPic {
	float:left;
	margin:5px 0 0 130px;
}
#aboutBottom {
	background-color:#4b4540;
}
#teamTitle {
	float:right;
	margin:40px 410px -10px 0px;
}
.clearFloat {
	clear:both;
}
.teamMembers {
	float:left;
	width:195px;
	height:100px;
	margin:40px 20px 30px 50px;
}
.teamPic {
	float:left;
}
#avner {
	margin:-20px 0 0 0;
}
#lian {
	margin:-2px 0 0 0;
}
.teamText {
	float:left;
	width:140px;
	margin:25px 0 0 20px;
	color:#dbdad9;
	font-size:11px;
	line-height:16px;
}
.plusSign {
	float:left;
	margin:80px 37px 0 45px;
}
#aboutEmail {
	width:925px;
	margin:0 0 40px 45px;
	float:left;
	border-top:1px solid #65615d;
	padding-top:30px;
	color:#dbdad9;
	font-size:11px;
}
#aboutEmail p{
	margin:0 0 10px 5px;
}
#aboutEmail a{
	background-color:#f2b80c;
	color:#000;
	padding:1px 2px;
	margin:0 0 0 5px;
	text-decoration:none;
}
#aboutEmail a:hover{
	text-decoration:none;
	background-color:#915268;
}


/* @group CONTACT
---------------------------------------------- */
body.contact #contactTitle {
	float:left;
	margin:80px 0 90px 40px;
}
body.contact #contactInfo {
	float:left;
	margin:40px 0 0 60px;
	width:400px;
}
body.contact #contactInfo p{
	margin:0 0 15px 46px;
	font-size:18px;
}
}
body.contact #contactPhone {
	margin:0 0 10px 0;
}
body.contact #contactMail {
	margin:10px 0 0 5px;
}
body.contact #brief {
	margin:40px 0 40px 5px;
	padding:40px 20px 20px 40px;
	width:321px;
	height:112px;
	background-image:url(images/briefBG.gif);
}
body.contact #brief p{
	margin:10px 0px 0px 60px;
	font-size:14px;
	color:#544d47;
}
body.contact .contactForm {
	margin:25px 17px 50px 80px;
	float:left;
	width:400px;
	line-height:19px;
}
body.contact fieldset ul, fieldset li{
	border:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}
body.contact fieldset li{
	clear:both;
	list-style:none;
	padding-bottom:10px;
}

body.contact fieldset input{
	color:#5a5851;
	font-size:147%;
	margin: 5px 0px;
	padding:9px 6px;
	float:left;
	background-image:url(images/formBG.jpg);
	width:277px;
	height:36px;
	border:none;
}
body.contact fieldset textarea{
	overflow:auto;
	color:#5a5851;
	font-size:147%;
	margin: 5px 0;
	padding:7px 6px;
	float:left;
	background-image:url(images/textAreaBG.jpg);
	width:277px;
	height:200px;
	border:none;
}
body.contact fieldset label{
	color:#847f7c;
	font-size:22px;
	margin:20px 10px 5px 10px;
	text-align:right;
	width:90px;
	float:left;
}
body.contact fieldset button {
	margin:5px 0px 0 0px;
	padding:0px;
	border:none;
	background-image:url(images/sendButton.gif);
	width:93px;
	height:48px;
	cursor:hand;
	cursor:pointer;
	float:right;
}
.msgSent {
	float:right;
	margin: -20px 10px 0 0px;
}