@charset "UTF-8";

html {
	overflow-y: scroll;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #666666;
	background-image:url(../images/bg.jpg);
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	height:100%;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top: 0; 
	margin-bottom: 0;
	color:#FFFFFF;
}

a {
	text-decoration:none;
	color:#222;
}

#content a {
	text-decoration:none;
	color:#111;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:14px;
margin:8px 0 2px 0;
}

/*Main Layout*/
#bgcontainer {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-image:url(../images/topbg.jpg);
	background-repeat:repeat-x;
}

#footerbg {
	width:100%;
	height:100%;
	background-image:url(../images/footer.png);
	background-position:bottom;
	background-repeat:repeat-x;
	margin: 0;
}

#container {
	width:1004px;
	margin:0 auto;
	text-align:left;
	padding:0;
}

#header {
	height:80px;
	background-image:url(../images/header.png);
	background-position:center;
}

#homelink {
    height:55px;
	width:345px;
	margin:0px;
	position:relative;
	top:25px;
	left:25px;
	padding: 0;
}

#iam {
	height:266px;
	background-image:url(../images/iam.jpg);
	background-position:center;
}

#content {
	height:100%;
	background-image:url(../images/content.png);
	background-position:top;
	background-repeat:no-repeat;
}

#footer {
	height:15px;
	padding-left:30px;
	padding-right:30px;
	padding-top:6px;
	padding-bottom:6px;
	clear:both;
}

p.footer {
	float: right;
	color:#222;
}

/*Home Page*/
#recentpics {
	height:107px;
	padding-left:30px;
	padding-right:30px;
	background-image:url(../images/recentworkpics.png);
	background-repeat:no-repeat;
	background-position:center;
}

#recentinfo {
	padding-left:30px;
	padding-right:30px;
}

#recentinfo a {
	color:#FFF;
}

#recentinfo a:hover {
	color:#999;
}

#recentwork {
	width:960px;
	margin:0px;
	padding: 0;
}

#recentwork li {
    list-style:none;
    display:inline;
	width:231px;
	position:relative;
	float:left;
	padding-left:5px;
	padding-bottom:6px;
}

#recentwork li p span {
	color:#999999;
}

#recentwork li p {
	margin-bottom:3px;
}

.periods{
	text-align:center;
	margin-top:-6px;
}

/*About*/
#about {
	padding-left:30px;
	padding-right:30px;
}

#aboutleft {
	width:94px;
	float:left;
	text-align:right;
	padding-right:6px;
}

#aboutmiddle{
	width:197px;
	float:left;
	border-right:solid;
	border-right-width:medium;
	border-right-color:#222;
}

#aboutright{
	width:616px;
	float:left;
	padding-left:26px;
}

#aboutleft p {
	color:#999;
	font-weight:bold;
}

#aboutright h4 {
	color:#999;
	display:inline;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#aboutright p {
	margin-top:3px;
}

#aboutpic{
	float:right;
}

#about p {
	margin-bottom:6px;
}

/*Portfolio*/
#portfoliotop{
	width:944px;
	padding-left:30px;
	padding-right:30px;
	margin-bottom:14px;
}

#portfolio {
	padding-left:30px;
	padding-right:30px;
}

#portfolioleft {
	width:372px;
	float:left;
	padding-left:80px;
	padding-right:20px;
}

#portfolioright {
	width:372px;
	float:left;
	padding-left:80px;
	padding-right:20px;
}

#portfoliotop p {
	color:#FFF;
}

#portfoliotop h4 {
	color:#999;
	display:inline;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#portfolio h4 {
	color:#999;
	display:inline;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#portfoliotop p {
	margin-top:3px;
}

#portfolio li {
	color:#FFFFFF;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

#portfolio ul {
	margin-top:0;
	
}

#portfolio a {
	color:#FFF;
}

#portfolio a:hover {
	color:#999;
}

.portfoliopics {
margin:0 0 0 -7px;
border:none;
}

/*Services*/
#servicestop{
	width:944px;
	padding-left:30px;
	padding-right:30px;
	margin-bottom:14px;
}

#services {
	padding-left:30px;
	padding-right:30px;
}

#servicesleft {
	width:372px;
	float:left;
	padding-left:80px;
	padding-right:20px;
}

#servicesright{
	width:372px;
	float:left;
	padding-left:80px;
	padding-right:20px;
}

#servicestop p {
	color:#FFF;
	font-weight:bold;
}

#servicestop h4 {
	color:#999;
	display:inline;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#services h4 {
	color:#999;
	display:inline;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#servicestop p {
	margin-top:3px;
}

#services li {
	color:#FFFFFF;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

#services ul {
	margin-top:0;
	
}

/*Contact*/
#contact {
	padding-left:30px;
	padding-right:30px;
}

#contactleft {
	width:94px;
	float:left;
	text-align:right;
	padding-right:6px;
}

#contactmiddle{
	width:197px;
	float:left;
	border-right:solid;
	border-right-width:medium;
	border-right-color:#222;
}

#contactright{
	width:616px;
	float:left;
	padding-left:26px;
}

#contactleft p {
	color:#999;
	font-weight:bold;
}

#contactleft h4 {
	color:#999;
	display:inline;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#contact a {
	color:#FFF;
}

#contact a:hover {
	color:#999;
}

#contact p {
	margin-bottom:3px;
}

/*Titles*/
#title {
	height: 34px;
	background-image:url(../images/recentwork.png);
	background-repeat:no-repeat;
	background-position:center;
}

#abouttitle {
	height: 34px;
	background-image:url(../images/abouttitle.png);
	background-repeat:no-repeat;
	background-position:center;
}

#portfoliotitle {
	height: 34px;
	background-image:url(../images/portfoliotitle.png);
	background-repeat:no-repeat;
	background-position:center;
}

#servicestitle {
	height: 34px;
	background-image:url(../images/servicestitle.png);
	background-repeat:no-repeat;
	background-position:center;
}

#contacttitle {
	height: 34px;
	background-image:url(../images/contacttitle.png);
	background-repeat:no-repeat;
	background-position:center;
}

/*Navbar*/
#navbar {
    height:26px;
	width:426px;
	margin:0px;
	position:relative;
	top:-1px;
	left:555px;
	padding: 0;
}

#navbar li {
    list-style:none;
    display:inline;
}

#navbar a {
    color:#fff;
    text-decoration:none;
    float:left;
    margin:0px;
    height:26px;
}

#navbar a:hover { 
    background-position:0 -26px;
    color:#1e5ebd;
}

#navbar li a.home {
	background-image:url(../images/home.png);
    width:63px;
}

#navbar li a.about {
	background-image:url(../images/about.png);
    width:74px;
}

#navbar li a.portfolio {
	background-image:url(../images/portfolio.png);
    width:108px;
}

#navbar li a.services {
	background-image:url(../images/services.png);
    width:91px;
}

#navbar li a.contact {
	background-image:url(../images/contact.png);
    width:90px;
}

#navbar li a span { 
	visibility:hidden;
}

/*Findme Bar*/
#findme {
    height:48px;
	width:520px;
	margin:0 0 0 30px;
	padding: 0;
}

#findme li {
    list-style:none;
    display:inline;
}

#findme a {
    color:#fff;
    text-decoration:none;
    float:left;
    margin:0px;
    height:48px;
}

#findme a:hover { 
    background-position:0 -48px;
}

#findme li a.facebook {
	background-image:url(../images/facebook.png);
    width:110px;
}

#findme li a.linkedin {
	background-image:url(../images/linkedin.png);
    width:140px;
}

#findme li a.twitter {
	background-image:url(../images/twitter.png);
    width:146px;
}

#findme li a.xing {
	background-image:url(../images/xing.png);
    width:124px;
}

#findme li a span { 
	visibility:hidden;
}

#findmetitle {
	height: 23px;
	background-image:url(../images/findmetitle.png);
	background-repeat:no-repeat;
	background-position:center;
}

#findme {
	height: 48px;
}

/*Contact Form*/
#contact-area {
	width: 616px;
	margin-top:16px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #444;
}

#contact-area textarea {
	height: 70px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #999;
}

#contact-area input.submit-button {
	width: 100px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 12px;
	color:#FFFFFF;
}

/*Twitter Stuff*/
#findmecontain {
	float:left;
	height:48px;
}

#tweet {
	float:left;
	width:404px;
}

#tweet li {
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
	text-align:right;
}

#tweet li a {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
}

#2ddi {
	width:957px;
	height:107px;
	float:left;
	background-image:url(../images/2ddi.png);
}

.portleft {
	width:240px;
	float:left;
}

.portmidleft {
	width:240px;
	float:left;
}

.portmidright {
	width:240px;
	float:left;
}

.portright {
	width:240px;
	float:left;
}