/* Styles for Creative Design: worped.com*/

body { margin: 0; padding: 0; color: #7a6f6f; font-size: 62.5%; background-color:#fff; font-family: Arial,Helvetica,sans-serif; background-color:#e5e5e5; background-image:url(img/bg.jpg); background-position:bottom; background-repeat:no-repeat; 
}

a, a:visited {color: #4B92B4; text-decoration:none;}
a:hover {color:#41a7d8; text-decoration:underline;}

h1, h2, h3, h4 ,h5 {
	margin: 0;
	padding: 0px;
	font-weight: normal;}

.clearboth {clear:both;}

h1 {
	font-size:1.4em;
	font-weight: bold;
	line-height: 18px;}
	
.normal  {
	font-size:1em;
	font-weight: normal;}
		
h2 {font-size:1em;
	margin: 10px 0 0 0;}
	
h3 { font-size:1em; font-family:Tahoma; font-weight: bold; margin:0 0 0 1px;}
h4 { font-size:1em; font-family:Tahoma; font-weight: bold; margin:0 0 0 1px;}
h5 { font-size:1em; font-family:Tahoma; font-weight: bold; margin:0 0 0 1px;}

p {
	padding: 0;
	clear: both;
}
	
ul {list-style-type: none;
	padding: 0;
	margin: 0;}
	
fieldset {border:0;}	

img {border: 0;}

.container {
	margin: 10px auto 0 auto;
	width: 83em;
	font-size: 1em;
	background-color:transparent;
	background-image:url(img/main_bg.png);
	background-position:0 -14px;}

.container-inner {
	background-color:#FFFFFF;
	/*border-top:15px solid #e5e5e5;*/
	margin:0 12px 0 14px;
	padding:15px;
	width:77.9em;
}	
	
#header {
	float:left;
	height:auto;
	margin:0;
	width:77.4em;
	padding: 0 0 15px 0;}	
	
.logo {
	float:left;
	height:auto;
	margin:0; 
	border: 1px solid #A4C0D4; 
	width: 17em;	}

.headernav {
	float:left;
	margin:0 0 0 14px;
	width:56.5em;
	border: 1px solid #A4C0D4;
	padding: 10px;
	background-color:#FFFFFF;}

.headernav ul li {
	padding: 0 4px;
	margin: 0 20px 0 0;
	line-height: 14px;
	float: left;
	width: auto;}	
	
.gallery {
	margin:0 0 20px 0;
	width:77.4em;
	float: left;
}	

.gallerylinks {
	list-style-type: none;
	margin:-15px 0 0 803px;
	padding:1px;
	position: absolute;
	background-color: #FFFFFF;}

.gallerylinks li {
	margin:0;
	padding:1px;
	float: left;}

.side {	
	float:left;
	height:auto;
	margin:0;	
	width: 17em;
	/*border: 1px solid #A4C0D4;*/ 
	background-color:#FFFFFF;}
	
.side .sidenav {}

.side .sidenav li {
border:1px solid #D6D6D6;
height:auto;
margin:0 0 15px;
padding:5px}		

.side .sidenav li a img:hover { text-decoration:none;}

.container.home .main {
margin:0;
width:75.3em;}

.main {
	float:left;
	margin:0 0 0 14px;
	padding:10px;
	width:56.5em;
	background-color:#ffffff;
	border: 1px solid #D6D6D6;}
	
.main .welcome {
	position:absolute;
	margin:-15px 0 0 -23px;}	

.main .top {
	float:left;
	margin:2px 0 20px 2px;
	width:100%;}	
	
.main .maincontent {
	background-color:#e5e5e5;
	border:1px solid #D6D6D6;
	float:left;
	height:87px;
	margin:0 0 15px 0;
	padding:5px;
	width:35.6em;
}	
	
.main .maincontent.margin { margin-right:13px;}	

.main .maincontent.marginbot { margin-bottom:5px;}	

.main .maincontent.clear {
	float: left;
	clear:left;}	

.main .exampleslink {
	margin: 12px 0 0 0;}

.main .content {
	background-color:#e5e5e5;
	border:1px solid #D6D6D6;
	float:left;
	margin:0 0 20px 0;
	width:100%;}
	
.main .examplebg {
	background-image:url(img/example-bg.png);
	background-repeat:no-repeat;
	float:left;
	height:115px;
	width:55.5em;}
	
.main .content .mainimage {
	float:left;
	height:82px;
	margin:15px 0 0 15px;
	width:536px;}	

.main .content .maintext {
	float:left;
	margin:0;
	padding:10px;
	width:54.5em;}
	
.main .examplebgfull {
	background-repeat:no-repeat;
	float:left;
	height:auto;
	width:55.5em;}	
	
.main .content .fullimage {
	float:left;
	height:auto;
	margin:10px 0 0 10px;
	width:536px; border: 5px solid #ffffff;}
	
.main .content .maintext .maintextopen,
.main .content .maintext .maintextdetails {
	cursor:pointer;
	float:left;
	padding:0;}

.main .content .maintext ul {
	list-style-type:none;
	padding:0;
	margin: 0;}

.main .content .maintext ul li {
	clear:left;
	float:left;
	margin:0;
	width:auto;}

.main .content .maintext ul.skills {
	margin: 10px 0 0 0;}

.main .content .maintext ul.skills li {
	float:left;
	margin: 0 0 10px 0;
	width: 200px;}

.main .content .maintext div.narrow {width: 300px;}
	
.main .content .viewmore {position:absolute; margin: 121px 0px 0px 471px;}
	
.main .content .photoexamples .mainimage {
	margin: 10px 0 0 11px;
	width: 130px;
	height: 130px;}
	
.main   .content   .photoexamples   li {
	float: left;
	margin: 0;
	width: 150px;
	background-image: url(img/photoexample-bg.jpg);
	height: 150px;}
	
.main .content .photoexamples li.more {
	width: 130px;
	padding: 10px;
	height: 130px;}

#footer {
background-color:#FFFFFF;
border-top:1px solid #D6D6D6;
clear:left;
height:50px;
margin:10px 0 0;
padding:10px 0 10px 10px;
width:auto;}

.footernav {
	clear:both;
	float:left;
	margin:0;
	width:auto;}	
	
.footernav ul {
	list-style-type: none;
	padding:0;
	margin:0;}

.footernav ul li {
	padding: 0 4px;
	margin: 0 10px 0 0;
	line-height: 14px;
	float: left;}
	
#footer .logo {
	height: auto; float: right;
}	


fieldset {padding:0;}

#contact-wrapper div {
	clear:both;
	margin:1em 0; border: none; }
	
#contact-wrapper label {
	display:block;
	float:none;
	font-size:14px;
	width:auto;
	margin:0 0 3px 0;}
	
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:3px;
	font-size:13px;
	color:#333;}
	
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	width:320px;}
	
#contactform input.submit { background-color:#333333; color:#FFFFFF; font-size: 12px; }	

p.error { font-size:1.2em; color:#3798c7;}

.designdirectory {float: left; margin: 40px 0 0 0; font-size: 8px; font-weight: normal;}


/*-------- IE6 ---------*/

*html .headernav {
	float:left;
	margin:0 0 0 14px;
	width:56em;
	border: 1px solid #A4C0D4;
	padding: 10px;
	background-color:#FFFFFF;}
	
/*-------- Twitter ---------*/
	
.twtr-ft { display:none;}

.twtr-doc {width:560px;}

.twtr-hd, .twtr-bd, .twtr-tweet-wrap { padding:0;}