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

html {

height: 100%; 	
-webkit-text-size-adjust: none;
	
}

body {
height: 100%; 
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #333333;
line-height:150%;
background-color: #a2c7db;

background:url(images/bg.gif);

}

.wrapper {

width:940px;
margin: 0 auto;
	
}

a {

color: #333333;
text-decoration:none;
	
}

.clearb {

clear:both;
	
}

.clearl {

clear:left;
	
}

.clearr {

clear:right;
	
}



#logo {
	
	margin-left: -35px;
	
}

#details {
	
	padding: 30px 0 0 0;
	font-size:13px;
	float:right;
	text-align:right;
	
}

.workright {

float:right;
margin-top:-210px;
margin-bottom:12px;
margin-left:18px;	
	
}

div.workright {

border:8px #FFF solid;
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	
}

#iphone {

position:relative;	
float:right;
margin-top:-210px;
margin-bottom:12px;
	
}

#iphone #cover {

overflow:hidden;
border:1px;
width:320px;
height:417px;
position:absolute;
top:155px;
left:31px;
z-index:9999;
	
}


#iphone iframe {

overflow:hidden;
border:1px;
width:320px;
height:417px;
position:absolute;
top:155px;
left:31px;
	
}

#header {

background:url(images/clouds.png) repeat-x top center;	
	
}

#menu {

float:right;
margin:-62px 0 0 0;
padding:0;
list-style-type:none;
	
}

#menu li {

font-size:16px;
font-weight:bold;
padding:2px 6px 3px 6px;
margin-left:56px;
float:left;	
	
}

#menu li.active, #menu li:hover{
	
-moz-border-radius: 6px;
-webkit-border-radiusL 6px;
background-color: #FFF;
	
}

.indentbig {

padding: 0 60px 0 60px;
	
}

.hometext {

padding: 32px 0 0 0;
width:490px;
	
}

.mailtext {

width:480px;
padding: 32px 0 12px 0;
	
}


#form {

padding-top:32px;
font-size:16px;
float:right;
width:540px;	
	
}

#send {

margin-top:12px;
	
}

#form input.text, textarea {

width:88%;
border:1px #CCC solid;
padding:6px;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
   -webkit-box-shadow: rgba(0,0,0,0.22) 2px 2px 10px inset;
   -moz-box-shadow: rgba(0,0,0,0.22) 2px 2px 10px inset;

	
}

#form textarea {

width:508px;
height:100px;
	
}

#form p {

margin: 0 0 9px 0;	
	
}

.fcol {
	
	width:50%;
	float:left;
	
}

#mail {

float:left;	
margin-top:-250px;	
margin-left:60px;
}

#main {

background:url(images/boxes.png) center bottom repeat-x;
	
}

#foliopage #main {
	
padding-top:64px;
	
}

#main p, #main h1, .porttext2 p {

text-shadow: #FFFFFF 1px 1px 1px;
	
}

#main .textl {

margin-left:-12px;
float:left;
padding-top:32px;
width: 360px;
	
}

#main .porttext {

float:left;
padding-top:32px;
width: 360px;
	
}

 .porttext2 {

width: 390px;

}

.porttext3 {

width: 560px;

}

.fright {

float:right;
	
}


.date, .tech {


	
}

.tech {

font-style:italic;
font-size:12px;
margin-top:-12px;
margin-bottom:24px;	
	
}

#main .textr {

float:right;
	
}

#foliopage .cols {

padding-top:32px;
	
}

#portfolio {

margin-left:22px;
margin-right: -28px;
float:right;	
	
}

.large {

font-size:17px;
	
}

a img {

border:0;
	
}

h1 {

font-size:34px;
line-height:34px;
font-weight:bold;
margin-bottom:12px;
	
}

h2 {

font-size: 16px;
margin: 18px 0 10px 0;
	
}

h3 {

font-size:14px;
margin: 0px 0 6px 0;
	
}

.cols {
	
	font-size:12px;
	padding: 12px 0 0 0;
	
	
}

.cols p {

margin-top:6px;
	
}

.cols .col{
	
	float:left;
	width:220px;
	margin-left:20px;
}

.cols .col:first-child{
	
	float:left;
	width:220px;
	margin-left:0px;
}

.colbox {

margin: 0 0 0 -4px;
background:url(images/colbox.png) no-repeat;
padding:5px 0 0 9px;
height:126px;
width: 227px;
	
}



#pens {

position:relative;
float:left;
margin-top:-52px;
	
}

#main {

	
	
}

#top {

padding-top:12px;
float:right;
margin-left:30px;
	
}

.readmore  {

font-size:11px;
color: #3e74ba;	

}

#gradient {

	background:url(images/topbg.jpg) repeat-x;
	padding-bottom:48px;
	overflow:auto;

	
}



#footer {


font-size:12px;
padding-top:14px;
background:url(images/footer.png) repeat-x;

	
}

#vbottom {

padding: 36px 0 12px 0;
background:url(images/vbottom.gif) repeat-x;
	
}

#vbottom p, #vbottom a{

margin:0;
font-size:12px;
color: #555;
	
}

#footer h2 {

font-size:15px;	
	
}

#footer ul {

margin:0;
padding:0 0 0 16px;
list-style-type:none;
list-style-image:url(images/bullet.png);	
	
}

.footy {

width:50%;
float:left;
	
}

.footy li{

width:50%;
float:left;
	
}

.pad {
	
	margin-top:12px;
	
	}
	
	
.fleft {

margin-top:6px;
float:left;
margin-right: 9px;
	
}

#copyright  {

font-size:11px;
	
}