/*............. General .............*/

body {
		text-align: center;
		font-size: small;
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
		border-top: 15px solid #000;
		padding: 8px 0 0 0;
		margin: 0;
		background: #202224;
		}

a:link {	
		color: #aaa;
		text-decoration: none;
		border-bottom: 1px dotted #3d464f;
		}

a:visited {
		color: #aaa;
		text-decoration: none;
		border-bottom: 1px dotted #3d464f;
		}

a:hover {
		text-decoration: none;
		border-bottom: 1px solid #3d464f;
		}

p {
		color: #fff;
		}

h1 {
		width: 180px;
		margin: 0;
		padding: 0;
		font-size: 130%;
		letter-spacing: 1px;
		color: #f9f9f9;
		}
		
h2 {
		width: 380px;
		margin: 0;
		padding: 0 0 5px 0;
		font-size: 90%;
		font-weight: normal;
		font-style: italic;
		line-height: 1.6em;
		color: #f9f9f9;
		}
		
p.img img {
		float: right;
		margin: 0 0 3px 20px;
		}


/*............. Divs Specifics .............*/

#wrapper {
		width: 700px;
		margin: 0 auto;
		text-align: left;
		}
		
#branding {
		width: 600px;
		text-align: left;
		float: left;
		}

#content {
		width: 600px;
		margin: 10% 2% 2% 0;
		background-color: #fff;
		border: 1px solid #333;
		}
		
#getflash {
		width: 100%;
		height: 689px;
		padding: 50px 0 0 46px;
		background-color: #464a52;	
		}
#bio {
		width: 100%;
		height: 689px;
		padding: 50px 0 0 46px;
		background-color: #202224;
		}
		
#fernando {
		float: left;
		width: 650px;
		padding: 20px 0;
		}
		
#prints {
		float: left;
		width: 650px;
		padding: 20px 0;
		}
		
#fernando dl {
		float: left;
		margin: 10px 20px;
		padding: 0;
		display: inline; /* fixes IE/WIN double margin bug */
		}
		

		
#fernando h3 {
		background: url(/images/icons/star_grey.png) no-repeat left;
		padding: 0 15px 0 20px;
		margin: 0 0 10px 0;
		font-size: 100%;
		font-weight: normal;
		/* font-style: italic; */
		}

		
#fernando p.logos img {
		float: left;
		margin: 0 20px 0 0;
		}

#copyright {
		width: 700px;
		text-align: center;
		}
		
#copyright p {
		color: #333;
		}

/*............. Bulletproof Navigation by Dan Cederholm .............*/

#nav {
		float: right;
		width: 100%;
		margin: 0;
		padding: 10px 0 0 46px;
		list-style: none;
		background: #202224;
		}

#nav li a:hover {
		color: #fff;
		background: #292d34; 
		}
	
#nav li a.active {
		color: #666;
		border-bottom: 1px solid #464a52;
		background: #292d34;
		}

#nav li {
		float: left;
		margin: 0;
		padding: 0;
		font-family: "Lucida Grande", sans-serif;
		font-size: 100%;
		}

#nav a {
		float: left;
		display: block;
		margin: 0 1px 0 0;
		padding: 4px 8px;
		color: #3d464f;
		text-decoration: none;
		border: 1px solid #333;
		border-bottom: 1px solid #333;
		background: #202224;
		}

/*............. Contact .............*/

fieldset {
		width: 450px;
		margin: 25px auto;
		padding-left: 20px;
		background-color: #202224;
		border: 1px solid #333;
		color: #fff;
		text-align: left;
		}
	
fieldset p {
		color: #fff;
		}

legend {
		font-weight: bold;
		padding: 0 0.5em;		
		}

label {
		display: block;
		}

textarea {
		width: 400px;
		height: 100px;
		}

input {
		width: 250px;
		}

input.submit {
		width: auto;
		}

input:focus, textarea:focus {
		background: #ffc;
		}

#submitLabel {
		text-indent: -1000em;
		width: 0;
		}

form p {
		position: relative;
		width: 250px;
		padding: 2px;
		font-size: 100%;
		}

.feedback {
		position: absolute;
		margin-left: 4em;
		left: 200px;
		right: 0;
		font-weight: bold;
		color: #cc3333;
		padding-left: 18px;
		}

* html .feedback{
		width: 10em;
		}

.required {
		color: #cc3333;
		padding: 0 15px 0 0;
		background: url(/images/icons/star_red.png) no-repeat 0 50%;
		font-size: small;
		font-style: italic;	
		}

.success {
		color: #76EE00;
		padding: 0 15px 0 20px;
		background: url(/images/icons/star_green.png) no-repeat 0 50%;
		font-size: small;
		font-style: italic;		
		}

.missing {
		color: #FAFA53;
		padding: 0 15px 0 20px;
		background: url(/images/icons/star_yellow.png) no-repeat 0 50%;
		font-size: small;
		font-style: italic;		
		}
		
.failure {
		color: #cc3333;
		padding: 0 15px 0 20px;
		background: url(/images/icons/star_red.png) no-repeat 0 50%;
		font-size: small;
		font-style: italic;	
		}

#contactform {
		width: 100%;
		height: 689px;
		padding: 90px 0 0 46px;
		background-color: #202224;	
		margin: 0 auto;
		text-align: left;
		}

#contactform h3 {
		margin: -2px 0 -2px 0;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 100%;
		}
		
#contactform strong {
		color: #f5f5f5;
		}
		
#contactpreviewform {
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 20px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		}

table {
		width: 100%;
		padding-top: 20px;
		}
table th, table td {
		margin: 0;
		padding: 8px 20px;
		text-align: left;
		border-bottom: 1px solid #b5b5b5;
		}

/*............. Errors .............*/

#error {
		margin: 0 auto;
		padding-top: 4%;
		height: 180px;
		width: 600px;
		text-align: center;
		background-color: #000;
		border: 1px solid #333;
		color: #fff;
		font: 10pt Arial, Helvetica, sans-serif;
		}

#econtainer {
		text-align: left;
		margin: 0 auto;
		width: 450px;
		}

#error p {
		text-align: left;
		color: #fff;
		}

#error h3 {
		background: url(/images/icons/warning.png) no-repeat left;
		padding: 3px 0 3px 35px;
		text-align: left;
		font-size: 1.3em;
		}