@charset "UTF-8";
/* CSS Document */
/* Author: Jordan Heider */
/* 5.19.2009 */

div, p, body, ul, li, h1, h2, h3, h4, h4, h6, table, td, th { margin: 0; padding: 0; border: 0; }

body { background: #9e9c96 url(images/topInnerShad.gif); font-family: Arial, Helvetica, sans-serif; font-size: 90%;
}

h4 { font-size: 80%; }

#wrapper {
	background: url(images/contentbgshad.jpg) bottom right;
	padding: 0 10px 10px 0;
	display: block; 
	margin: 70px 60px 0 60px; 
}

img { max-width: 100%; }

#logo {
	position: absolute;
	width: 107;
	height: 102px;
	top: 53px;
	left: 142px;
	display: block;
}


#wrapper #leftcol {
	display: block;
	float: left;
	width: 170px;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
}

#wrapper #leftcol h1 {
	font-size: .9em;
	line-height: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	color: #535a62;
	text-align: right;
	margin-top: 240px;
}

 #wrapper #leftcol h1 .designer { font-size:1.6em; letter-spacing: .05em; }

#wrapper #rightcol {
	margin: 30px -1px 0 270px;
	padding-top: 0px;
	padding-bottom: 30px;
}

#rightcol .mainimg img { margin-top: 50px; }

#filter { display: block; margin: 2em auto; }
#filter li { list-style-item: none; display: inline; margin-left: .5em; }



#detail {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: /* #1b3354 */ url(images/blue-85-tile.png) repeat;
	clear: both;
} 

#detail #vcenter {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}


#detail #vcenter p { margin: 20px auto;color: #7b8591; }

#detail #vcenter p a { color:#ffffff; }

#detail #vcenter img {
	margin: 1em auto;
	display: block;
}


.hide { display: none; }
.show { display: table; }

.workthumbs { 
padding-top: 8px;
padding-left: 8px;
float: left; 
margin: 1em; 
background: url(images/workbgshadow.png); 
width: 211px; 
height: 180px;
}

.workthumbs h4 {  
background: url(images/metabg.png) no-repeat; 
width: 190px; 
height: 42px; 
position: relative; 
bottom: 0;
padding: 10px 0 0 10px; 
line-height: 1.3em;
margin-top: -54px;
text-transform: uppercase;
color: #535a62;
font-weight: normal;
font-size: 90%;
}

form { background: /* #a3aebc */ url(images/blue-50-tile.png) repeat; margin: 1em; padding: .5em; 
	}
	
form p { color: #3a526f; margin: 0; text-transform: uppercase; font-weight: bold; }
form label { margin-left: .3em; font-size: 90%; }


#wrapper #rightcol #Accordiontabs .AccordionPanel .AccordionPanelContent form .textlabel {
	margin: 0px; display: inline; width: 150px;
}


#wrapper #rightcol #Accordiontabs .AccordionPanel.AccordionPanelOpen .AccordionPanelContent ul {
	color: #5B5E65;
	margin-left: 4.5em;
	font-size: 90%;
	line-height: 2em;
	margin-bottom: 2em;
}


#wrapper #rightcol #Accordiontabs .AccordionPanel .AccordionPanelContent .connectPanel {
	display: table;
	width: 100px;
	float: right;
	background: #d0d3d8;
	padding: 30px;
	height: 340px;
}
#wrapper #rightcol #Accordiontabs .AccordionPanel .AccordionPanelContent .connectPanel ul.connect {
	vertical-align: middle;
	display: table-cell;
	list-style: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
	width: 80px;
}

#wrapper #rightcol #Accordiontabs .AccordionPanel .AccordionPanelContent .connectPanel .connect li {
	margin-top: 1.5em;
}

#wrapper #rightcol #Accordiontabs .AccordionPanel .AccordionPanelContent p {
	color: #5b5e65;
	font-size: 90%;
	line-height: 2em;
	margin: 3em;
}
#wrapper #rightcol #Accordiontabs .AccordionPanel.AccordionPanelOpen .AccordionPanelContent #contactform p em {
	font-size: 80%;
	font-weight: normal;
}
/* Resume Block */
#resumeblock { 
	margin: 0;
float: right;
width: 150px;
	height: 400px;
	display: block;
	background: #d4bbb8;
	}
#resumeblock a:link { display: block; margin: 176px auto; width: 75px; height: 47px; background:url(images/resume-button.png) no-repeat 0px -47px; }
#resumeblock a:hover { background: url(images/resume-button.png) no-repeat 0px 0px; }
#resumeblock a span { position: absolute; left: -9999px; }

#aboutContent {
	display: block;
	float: left;
	margin-right: 3em;
	width: 70%;
	text-align: right;
}


#wrapper #rightcol #Accordiontabs .AccordionPanel .AccordionPanelContent #contactform {
	height: 360px;
	float: right; margin: 0;
	padding: 20px;
}

#wrapper #rightcol #Accordiontabs .AccordionPanel .AccordionPanelContent #contactform input { border: 1px solid #666; }

#wrapper #rightcol #Accordiontabs .AccordionPanel .AccordionPanelContent #contactform label { width: 8em; display: block; float: left; }



#wrapper #rightcol #Accordiontabs .AccordionPanel .AccordionPanelContent #contactform #sprytextfield1 {
	margin-top: 2em;
	margin-bottom: -1.5em;
}
#wrapper #rightcol #Accordiontabs .AccordionPanel .AccordionPanelContent #contactform #sprytextfield2 {
	margin-bottom: -1.5em;
}
#wrapper #rightcol #Accordiontabs .AccordionPanel .AccordionPanelContent #contactform p {
	margin-bottom: -1.5em;
}
#wrapper #rightcol #Accordiontabs .AccordionPanel .AccordionPanelContent #contactform #sprytextarea1 {
	margin-bottom: -1.5em;
}
#wrapper #rightcol #Accordiontabs .AccordionPanel .AccordionPanelContent #contactform #sendbtn {
	margin: 1em 9.5em; display: block; border: 0; }
	
	.contacttxt { display: block; width: 30%; float: left; text-align: right; }

.center { margin-left: auto; margin-right: auto; text-align: center; display: block; }