* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 13px;
    line-height: 16px;
    font-family: Arial, sans-serif;
    color: #000000;
	background: #fff;
    text-align: left;
}

.blankspacer { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #decf4d; text-decoration: none; }
a:hover { color:#333333;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.center {display: block; margin: 0 auto;}

.headershell {margin: 0 auto; width: 855px;}
.shell {margin: 0 auto; width: 855px;}
.footershell {margin: 0 auto; width: 855px; background-color:#333333;}

#header {background: url(images/headerbg.jpg) repeat-x 0 0; height: 131px;}

h1#logo {float: left; padding-top: 26px;}
h1#logo a {background: url(images/headerlogo.jpg) no-repeat 0 0; display: block; width: 855px; height: 90px;}

.bioname {font-family: Arial; font-weight:900; font-size: 14px; color:#decf4d; padding: 6px 6px 6px 6px;}
.biojob {font-family: Arial; font-size: 13px; color:#ffffff; padding: 6px 6px 6px 6px;}
#bio { width:200px; height:410px; font-family: arial; font-size:12px; color:#FFFFFF; background-color:#333333 }
#biosmall { width:200px; height:35px; font-family: arial; font-size:12px; color:#FFFFFF; background-color:#333333 }
#bio p.copy {font-family: arial; font-size:12px; color:#FFFFFF; padding: 6px 6px 6px 6px;}

.h1 {font-family: Arial Black; font-size: 13px; color:#000000;}
.h2faq {font-family: Arial Black; font-size: 14px; color:#333333;}
h2 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 23px; line-height: 23px;}
h3 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 18px; color: #262626;}

#navigation {float: bottom; padding-top: 5px; text-align:center; font-family:Arial Black; font-size:18px; color:#333333; text-transform:uppercase;}
#navigation a span {original stuff}
#navigation a:hover {color:#333333; text-decoration:none;}

#section1 {background-color:transparent; padding:8px 0;}
.homepagesamples {float: left; width: 855px; padding-top: 0px; padding-left: 0px; }

.portfolioview {float: left; width: 855px; padding-top: 0px; padding-left: 0px; text-align:left; line-height:12px;}
.client {font-family: Arial Black; font-size:13px; color:#000000; text-transform:uppercase;}
.project {font-family: Arial; font-size:11px; color:#000000; text-transform:uppercase; }
.details {font-family: Arial; font-size:9px; color:#000000; text-transform:uppercase; }
.portfoliolinks {font-family: Arial Black; font-size:14px; color:#333333; text-transform:uppercase; line-height:14px;}
a.portfoliolinks {font-family: Arial Black; font-size:13px; color:#decf4d; text-transform:uppercase;}

#quote {background-color:transparent; padding-top:8px 0}
.quotecontent {float: left; width: 855px; padding-top: 0px; padding-left: 0px; }

#features {background-color:transparent; padding-top:8px 0}
.feature {width: 425px; float: left; padding-top: 8px; padding-right: 0px; cursor:pointer;}
.twitter {width: 425px; float: right; padding-top: 8px; padding-right: 0px;}
.less-padding {padding-right: 14px;}
.no-padding {padding-right: 0 !important;}
.feature img {padding-right: 0px;}

#main {background: #e9e9e9; padding-top: 15px;padding-left: 28px; padding-bottom: 37px;}
#main h3 {padding-bottom: 7px;}
#main a {font-weight: bold; color: #96a120; text-decoration: underline; font-size: 11px;}
#main a:hover {text-decoration: none;}
#main a.rss {background: url(images/rss.gif) no-repeat 0 0; width: 11px; height: 11px;}
.link-margin { margin-right: 10px; margin-left: 2px;}
.first-column {width: 297px; float: left; padding-right: 24px;}
.middle-column {width: 312px; float: left; padding-right: 9px;}
.last-column {width: 270px; float: left; padding-left: 8px;}

.contacts {font-size: 12px; }
strong.usa {background: url(images/flag-usa.gif) no-repeat 0 11px; padding-left: 20px; display: block; padding-top: 8px;}
strong.swe {background: url(images/flag-swe.gif) no-repeat 0 11px; padding-left: 20px; display: block; padding-top: 8px;}

#footer {background-color: #333333 url(images/footer.gif) repeat-x 0 0; padding-top: 10px; padding-bottom: 50px;}
#footer p.copy {text-align:center; font-size: 8px; color: #ffffff; padding-right: 0px; letter-spacing: 2px; text-transform:uppercase;}

#aboutpage {background-color:transparent; padding-top:8px 0}
.whoweare {width:433px; float:left; height:161px; background-image: url(images/whowearebg.png); background-repeat: no-repeat; padding-top:15px;}
.whoweare p.copy { font-weight: bold; line-height: 16px; padding:9px 12px 12px 12px; }
.bioarea {width:420px; float:right; background-color:transparent; padding-top:8px;}

<!-- WORK PORTFOLIO SPECS AND JUNK -->


/* contact form */
#contactcontent{
	width: 400px;
	background-color: transparent;
	position: absolute;
	top:0px;
	left: 10px;
	font-family: arial;
	font-size: 10px;
	font-color: #000000;
}

input, {
	border:1px solid #000;
	font-family:arial;
	font-size:12px;
	margin:0;
	padding:4px;
	background:transparent;
	width:350px; height:20px;
	}
	
textarea {
	border:1px solid #000;
	font-family:arial;
	font-size:12px;
	margin:0;
	padding:4px;
	background:transparent;
	width:400px; height:60px;
	}
 
input:focus, input:hover,textarea:focus, textarea:hover{
	border: 1px solid #000;
	background:url(...) top right no-repeat;
	}
 
label {
	color:#000;
	font-size:10px;
	margin:2px;
	}
 
input {
	width:350px;
	}
 
.button {
	margin:8px 0 8px 0;
	background:url(...);
	color:#000;
	font-weight:bold;
	font-size:9px;
	text-transform:uppercase;
	width:150px;
	height:15px;
	border:3px;
	}
	
	
	
	
		/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:850px;     
    min-height:200px; 
    border:3px solid #000; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
}
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:default; 
    height:35px; 
    width:35px; 
}

/* styling for elements inside overlay */ 
.featureddetails { 
    position:absolute; 
    top:15px; 
    right:25px; 
    font-size:11px; 
    color:#fff; 
    width:200px; 
} 





	/* the overlayed element */ 
.faq_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:500px;     
    min-height:250px; 
    border:3px solid #000; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
}
 
/* close button positioned on upper right corner */ 
.faq_overlay .close { 
    background-image:url(images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:default; 
    height:35px; 
    width:35px; 
}

/* styling for elements inside overlay */ 
.faqdetails { 
    position:absolute; 
    top:15px; 
    left:25px; 
    font-size:11px; 
    color:#fff; 
    width:450px; 
}