@charset "utf-8";
/* CSS Document */

/* RESET YO! */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
clear:both;
}


/* PAGE STYLE */

html, body {
height : 100%;
}

body {
font-size : 96.5%;
line-height: 1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
color : #FFFFFF;
background : #eaeaea url(images/background.jpg) repeat-x;
}

hr {
height: 1px;
color:#FFFFFF;
}
/* TYPOGRAPHY */

.blurbtext {
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : normal;
margin-top: 20px;
margin-left: 45px;
font-size : 22px;
line-height: 1em;
color : #FFFFFF;
text-align:center;
}

.blurbtext a{
color : #09c31f;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 22px;
text-decoration:none;
}

.blurbtext a:hover, a:active{
background-color:#09c31f;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 22px;
color : #FFFFFF;
text-decoration:none;
}

.progresstext {
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : bold;
font-size : 12px;
color : #000000;
}

.imgbrdr {
   border:3px solid #FFFFFF;
   margin-right: 4px;
   margin-top: 1px;
}

.mailertext {
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : normal;
font-size : 25px;
line-height: 1em;
color : #000000;
}

.mailertext a{
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : normal;
font-size : 25px;
line-height: 1em;
color : #000000;
text-decoration:none
}

.mailertext a:hover, a:active {
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : normal;
font-size : 25px;
line-height: 1em;
color : #FFFFFF;
background:#000000;
}


.copyright {
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 10px;
color:#000000;
font-weight:bold;
}

.featuretype {
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 18px;
color:#FFFFFF;
text-align:justify;
}

.featuretype a{
font-family : Georgia, "Times New Roman", Times, serif;
color:#dadada;
text-decoration:none;
font-size : 18px;
}

.featuretype a:hover, a:active{
font-family : Georgia, "Times New Roman", Times, serif;
color:#000000;
background-color: #dadada;
font-size : 18px;
}



/* DIVS */

#wrapper {
width : 800px;
margin : 0px auto;
min-height: 100%;
}

#topholder {
width : 800px;
margin : 0px auto;
height: 250px;
}

#logopanel {
width : 340px;
margin : 0px auto;
height: 250px;
float: left;
}

#shortblurb {
width : 440px;
height: 190px;
margin : 0px;
padding: 10px;
float: right;
background:url(images/blurbbg.jpg) no-repeat;
}


#featured {
width : 800px;
margin : 1px auto;
}

.featuredinfo {
width : 600px;
margin : 10px auto;
padding: 5px;
background-color:#000000;
}

#portfolio {
width : 800px;
margin : 70px auto;
}

.portholder {
width: 361px;
margin: 5px;
padding: 1px;
background-color:#000000;
float:left;
text-align:center;}


#progress {
width : 800px;
margin : 70px auto;
}

.progressholderweb {
margin: 5px;
padding: 10px;
background-color:#b93131;
float:left;}

.progressholderprint {
margin: 5px;
padding: 10px;
background-color:#5b4fcf;
float:left;}

.progressholderanimate {
margin: 5px;
padding: 10px;
background-color:#f019ed;
float:left;}

.progressholderillustrate {
margin: 5px;
padding: 10px;
background-color:#cfd120;
float:left;}

.progressholderpersonal {
margin: 5px;
padding: 10px;
background-color:#ff6c00;
float:left;}




#insight {
width : 800px;
margin : 70px auto;
}


#insightholder {
width : 610px;
margin : 0px auto;
background: #000000;
}

#insightinfo {
width : 600px;
margin : 10px auto;
padding: 5px;
background:url(images/cosbycore.gif) no-repeat bottom right;
}


#contact {
width : 800px;
margin : 70px auto;
}

#footerholder {
width : 100%;
margin : 0px auto;
margin-bottom: 0px;
min-height: 88px;
background : #dadada;
}

#valid {
margin: 0px auto;
margin-top: 15px;
width: 260px;
height: 89px;
float:right;
text-align:right
}


/* NAV */
#nav {
width : 460px;
min-height : 40px;
margin : auto;
margin-top : 0px;
float : right;
display:block;
}

ul.menu {
margin : 0px;
padding : 0;
float : right;
}
ul.menu li {
display : block;
width: 87px;
padding : 1px;
float : left;
text-align:center;
margin-right : 0px;
}
ul.menu li a {
color : #000000;
font : bold 12px georgia;
text-decoration : none;
line-height : 1.3em;
display : block;

}
ul.menu li a:hover {
color : #FFFFFF;
background-color:#000000;
}
ul.menu li span {
font : 10px arial;
color : #FFFFFF;
margin : 0;
text-transform:uppercase;
}
ul.menu li span:hover {
color : #FFFFFF;
}


/* TWITTER */
#twitterpanel {
width : 800px;
margin : 0px auto;
margin-bottom: 0px;
min-height: 115px;
}


#twitterbird {
width : 126px;
margin : 26px auto;
margin-bottom: 0px;
min-height: 89px;
float:left;
}

#twitterarrow {
width : 40px;
min-height: 40px;
margin : 30px auto;
margin-bottom: 0px;
background:url(images/twitarrow.jpg) no-repeat;
float:left;
}

#twitterpost {
width : 310px;
margin : 4px auto;
margin-bottom: 0px;
min-height: 59px;
float:left;
background:#000000;
}

#latest_tweet {
margin-left: 5px;
margin-right: 5px;
text-align:justify;
font-size:11px;
}


.twitStream {
font-family : verdana;
font-size : 11px;
color : #FFFFFF;
text-decoration:none;
}

.twitStream a {
font-family : verdana;
font-size : 11px;
color : #dadada;
text-decoration:none;
}

.twitStream a:hover, a:active {
font-family : verdana;
font-size : 11px;
color : #000000;
background-color:#dadada;
text-decoration:none;
}

.twitTime {
font-family : verdana;
font-size : 10px;
color : #FFFFFF;
text-decoration:none;
}



/* FORM */
#form2{
		margin: 0px;
		color:#fff;
		width:800px; 
		}
	
				
	#form2 fieldset{
		margin:0;
		padding:5px;
		border:none;	
		border-top:0px solid #000;
		padding-bottom:1em;
		}		
	#form2 legend{display:none;}	
	#form2 p{margin:.5em 0px;}	
	#form2 label{display:block;
	font-family : Georgia, "Times New Roman", Times, serif;
font-size : 18px;
color:#000000;
font-weight:bold;}	
	
	#form2 input, #form2 textarea{		
		width:790px;
		border:1px solid #111;
		background:#000000;
		padding:5px 3px;
		color:#fff;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:24px;
		}		
	#form2 textarea{
		height:125px;
		overflow:auto;
		}					
	#form2 p.submit{
		text-align:right;
		}	
	#form2 button{
		padding:0 20px;
		height:52px;
		line-height:32px;		
		border:0px solid #70ad2e;
		background:#a6a6a6 url(images/form2/form_button.gif) repeat-x;
		color:#fff;
		cursor:pointer;		
		text-align:center;		
		}