/* CSS by Rachel Kreutzkamp */

/*------------------------------------------
	Reset (from the Yahoo UI Library)
------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

a{outline: none;}


/*------------------------------------------
	STYLES
------------------------------------------*/

body {}
p {
	font: 11px/18px "Trebuchet MS", sans-serif;
	color: #404040;
	}
H1,H2	{ font-family: "Trebuchet MS", sans-serif;}
H1 		{ font-size: 23px; line-height: 24px; color:#fff;}
H2		{ font-size: 13px; line-height: 16px; color:#333; font-style: italic; padding-top: 5px;}

a:link,a { color:#00aeef;}
a:visited {}	
a:hover {}
/*------------------------------------------
	LAYOUT
------------------------------------------*/
#container {text-align: center; margin:0px auto; width:1000px;}
#wrapper { float:left; width:287px; margin:100px 0 0 330px;}
#wrapperPortfolio { float:left; width:504px; margin:100px 0 50px 260px;}
#comingsoon { float:left; margin-left: 37px;}
#header {float:left; display:block; border-bottom: 1px solid #d9d9d9; position:relative; clear:both; width:100%;}
	a.logo { background: url(../images/logo.gif) no-repeat; width:189px; height:24px; float: left; margin-bottom: 7px; display:block; text-indent:-9999px;}
	
.title {background: url(../images/staytuned.gif) no-repeat; width:250px; height:43px; float: left; text-indent:-9999px; margin-top:15px;}
.content {float: left; padding-top: 10px; text-align:left;}
.mail a {background: url(../images/mail.gif) no-repeat; width:110px; height:11px; float:left; margin-top:10px;}
.portfolio {float: left; margin: 20px 20px 0 0; }
.portfolio a {background: url(../images/PDFportfolio.jpg) no-repeat; width:147px; height:103px; display:block; text-indent:-9999px; clear: both;}
.contactIcon {float: left; position: relative; clear: both; width: 103px; margin: 15px 0 0 37px;}
.contactIcon a{padding-top: 5px; }
	a.twitter {background: url(../images/twitter.jpg) no-repeat; height: 26px; display: block; text-indent:-9999px;}
	a.twitter:hover {background: url(../images/twitter.jpg) no-repeat; height: 26px; display: block; text-indent:-9999px; opacity:0.5;filter:alpha(opacity=50);}
	a.contact {background: url(../images/contact.jpg) no-repeat; height: 26px; display: block; text-indent:-9999px;}
	a.contact:hover {	background: url(../images/contact.jpg) no-repeat; 
						height: 26px; 
						display: block; 
						text-indent:-9999px; 
						opacity:0.5;
						filter:alpha(opacity=50);}
		
/*------------------------------------------
	TEMP LAYOUT
------------------------------------------*/
.portfolioPiece 	{ float:left; width:504px;margin-top:30px; border-bottom:1px solid #d9d9d9; padding:15px 0 10px 0 ; position:relative; text-align:left; }
.pageName 			{ float:right; position:absolute; bottom:5px; right:0; }
.description		{ padding-top:10px}