@charset "utf-8";
/* CSS Document */
@import url('reset.css');  
@import url('typography.css');  
body {
background-color : #222222;
margin : auto;
width : 100%;

}
div#text-about-intro {
	color: transparent;
	margin-bottom: 30px;
	text-indent: 0px;
	margin-left: 20%;
	
	}
	
#process1 {
	margin-left: 200px;
	
	}
	
	#process2 {
	margin-left: 610px;
	margin-top: -118px;
	
	}
	
	#process-button {
	margin-left: 760px;
	margin-top: -40px;
	
	}
	
	#process-button2 {
	margin-left: 630px;
	margin-top: -40px;
	
	}
	
	#process-bar {
	margin-left: 184px;
	margin-top: 1px;
	
	}
	
	#process-bar2 {
	margin-left: 590px;
	margin-top: -1px;
	
	}
	
	#viewfolio-button {
	margin-left: 198px;
	margin-top: 40px;
	
	}
	
	#signature {
	margin-left: 350px;
	margin-top: 360px;
	
	}
div#line2 {
list-style : none;
margin-top : 10px;
margin-left : -370px;
}
#looking {
list-style : none;
margin-top : -14px;
margin-left : -340px;
}
#twitter-text {
margin-top : -16px;
margin-left : 1025px;
}

#twitter-text ul a:hover {
color :grey;
}

#twitter-icon {
margin-top : -25px;
margin-left : 1045px;
}
#dottext {
list-style : none;
margin-top : -50px;
margin-left : 420px;
}
#dottext2 {
list-style : none;
margin-top : 3px;
margin-left : 420px;
}
#dottext3 {
list-style : none;
margin-top : -24px;
margin-left : 650px;
}
#dottext4 {
list-style : none;
margin-top : 3px;
margin-left : 650px;
}
#dot {
list-style : none;
margin-top : -15px;
margin-left : 400px;
}
#dot2 {
list-style : none;
margin-top : -6px;
margin-left : 630px;
}
#content-banner {
list-style : none;
margin-top : -448em;
margin-left : 47.5px;
}
#networking {
margin-top : 100px;
margin-left : 730px;
}

#content-banner2 {
margin-left : 47.5px;
}
#recent1 {
list-style : none;
margin-top : -140px;
margin-left : 720px;
}
#recent2 {
list-style : none;
margin-top : -102px;
margin-left : 850px;
}
#recent3 {
list-style : none;
margin-top : -100px;
margin-left : 980px;
}

#text-about-intro {
	background: url(../img/text-about-intro.png) no-repeat;
	color: transparent;
	height: 83px;
	margin-bottom: 30px;
	text-indent: -99999999px;
	width: 520px;
	}

#content-text {
list-style : none;
margin-top : 70px;
margin-left : 85px;
}
#content-text2 {
list-style : none;
margin-top : 5px;
margin-left : 85px;
}
#sub-content {
list-style : none;
margin-top : 5px;
margin-left : 85px;
}
#navigation {
list-style : none;
margin-top : -25px;
margin-left : 95px;
}
#navigation li {
float : left;
}
#navigation li a {
display : block;
background : transparent;
width : 150px;
text-align : center;
color : white;
padding : 3px 0;
}
#navigation li a:hover {
color :grey;
}
div#header-bar {
background : url('../images/header-bar.jpg') repeat-x;
height : 100px;
width : 100%;
margin-top : -5px;
}
div#nav-bg {
background : url('../images/nav-bg.jpg') repeat-x;
margin-left : 4%;
margin-right : 4%;
margin-top : -44px;
}
#nav-menu ul {
list-style : none;
padding : 0;
margin : 0;
}
#nav-menu li {
float : left;
margin : 0 0.15em;
}
div.wrapper {
background-color : #faf9f6;
height : 460em;
margin-right : 4%;
margin-left : 4%;
margin-top : 2%;
}
div.wrapper-about {
background-color : #faf9f6;
height : 1200px;
margin-right : 4%;
margin-left : 4%;
margin-top : 2%;
}

div.wrapper-faq {
background-color : #faf9f6;
height : 3080px;
margin-right : 4%;
margin-left : 4%;
margin-top : 2%;
}

div.wrapper-expect {
background-color : #faf9f6;
height : 700px;
margin-right : 4%;
margin-left : 4%;
margin-top : 2%;
}

div.wrapper-contact {
background-color : #faf9f6;
height : 800px;
margin-right : 4%;
margin-left : 4%;
margin-top : 2%;
}

div.wrapper-process {
background-color : #faf9f6;
height : 1000px;
margin-right : 4%;
margin-left : 4%;
margin-top : 2%;
}

div#line {
margin-left : 3%;
margin-right : 3%;
}
div#line2 {
margin-left : 3%;
margin-right : 3%;
}
div.logo {
margin-left : 6%;
margin-top : 18px;
}

#questions {
margin-left : 300px;
margin-top : 18px;
}

div.hire {
margin-left : -400px;
margin-top : -80px;
}
div#quote-mark {
margin-left : 600px;
margin-top : -540px;
}

div#header-spacer {
background : url('../images/header-spacer.jpg') repeat-x;
margin-left : 3%;
margin-right : 3%;
margin-top : 60px;
}

div#header-spacer2 {
background : url('../images/header-spacer.jpg') repeat-x;
margin-left : 7%;
margin-right : 7%;
margin-top : 45px;
}


#portfolio-border {
list-style : none;
margin-top : -270px;
margin-left : 700px;
}
#portfolio-bg {
list-style : none;
margin-top : -345px;
margin-left : 708px;
}






#prev-clients{
margin: 0 auto;
padding: 0;
position:relative;
top: 70px;
width:900px;
height:100px;
margin-left: 70px;
}

#download {
margin-left : -375px;
margin-top: -145px;
}
#client-brief {
margin-left : -350px;
margin-top: -10px;
}
#client-brief2 {
margin-left : 295px;
margin-top: 60px;
}

#container{
margin: 0 auto;
padding: 0;
position:relative;
top: 280px;
margin-left: -390px;
width:900px;
height:100px;
}
 
 #container2{
margin: 0 auto;
padding: 0;
position:relative;
top: 80px;
width:100px;
margin-left:-100px;
height:100px;
}
.contact-form{
	
	margin-top: 10px;
	margin-left:70px;
	}

 #about-box{
margin: 0 auto;
padding: 0;
position:relative;
top: -85px;
margin-left:550px;
height:100px;
}

.greek1text{
	margin: 0 auto;
	padding:0;
	font-family:Helvetica,;
	font-size:19px;
	width:540px;
	margin-top:-400px;
	left: 10px;
	margin-top: -120px;
	position: absolute;
	color:#999999
  
}
 
.selectabletext{
	margin: 0 auto;
	padding:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:32px;
	top: 222px;
	left: 152px;
	position: absolute;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);


filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
 
.htmltext{
margin: 0 auto;
padding:0;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:125px;
letter-spacing:-7px; 
top: 265px;
left: 70px;
position:absolute;
-webkit-transform: rotate(-30deg); 
-moz-transform: rotate(-30deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
 
 
.texttext{
margin: 0 auto;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:125px;
top: 330px;
left: 220px;
position: absolute;
-webkit-transform: rotate(-30deg); 
-moz-transform: rotate(-30deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
 
.colorblock1{
	margin: 0 auto;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:125px;
	position: absolute;
	width:239px;
	height:40px;
	top: 429px;
	left: 224px;
	background-color:#faf9f6;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);







filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
 
.colorblock2{
	margin: 0 auto;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:125px;
	position: absolute;
	width:240px;
	height:20px;
	top: 412px;
	left: 243px;
	background-color:red;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);



filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
 
.greek2text{
	
	font-size:13px;
	width:530px;
	top: 150px;
	left: -1px;
	position: absolute;
}
.greek2text3{
	font-size:14px;
	width:530px;
	margin-top: 30px;
	margin-left: 300px;
	
}

.testimonial{
	margin: 0 auto;
	padding:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	width:330px;
	margin-top: -600px;
	margin-left:709px;
	
}
 
.csstext{
margin: 0 auto;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:110px;
top: 180px;
left: 350px;
position: absolute;
-webkit-transform: rotate(-119deg); 
-moz-transform: rotate(-119deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
 
.rotationtext{
margin: 0 auto;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:80px;
top: 165px;
left: 350px;
position: absolute;
-webkit-transform: rotate(-120deg); 
-moz-transform: rotate(-120deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
 
.greek3text{
margin: 0 auto;
padding:0;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
width:203px;
top: -230px;
left: 60px;
position: absolute; 
-webkit-transform: rotate(-30deg); 
-moz-transform: rotate(-30deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
 
.greek4text{
margin: 0 auto;
padding:0;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
width:203px;
top: -400px;
left: 680px;
position: absolute; 

}

.greek1text2{
width:430px;
margin-top: 250px;
margin-left: -480px;
position: absolute;
font-size: 15px; 

}