/* --- CSS RESET --- */
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;}
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table {	border-collapse: collapse;	border-spacing: 0;}

/* --- Font Face --- */
@font-face {
	font-family: 'FontleroyBrown';
	src: url('../FontleroyBrown-webfont.eot');
	src: local('☺'), url('../FontleroyBrown-webfont.woff') format('woff'), url('../FontleroyBrown-webfont.ttf') format('truetype'), url('../FontleroyBrown-webfont.svg#webfontOJuq5egm') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* --- Styling after Reset --- */

body{background:url(../images/purple-diagonal.gif) repeat-x #FFF; font-family:Helvetica, Geneva, Arial, Verdana, sans-serif; font-size:.9em; line-height:1.5em; color:#333;}
div#fullbody{background:url(../images/bodybg2.gif) #FFF; width:100%; height:100%; display:block; margin-top:15px; padding-top:100px;}

p{margin:10px 0; letter-spacing:1px;}

div.container{width:900px; margin:auto;}
div.content{margin:auto 25px 25px 25px;}
div#leftfolio{width:450px; float:left; display:block; border-right: 1px solid #ddd;}
div#rightfolio{margin-left:500px; width:400px; display:block;}

h1#title{margin:auto; background:url(../images/logo-bonw.gif) no-repeat; width:369px; height:100px; text-indent:-99999999px; margin-bottom:100px;}

h2, h4{color:#729790; margin-bottom:10px; width:400px; font: 56px/60px 'FontleroyBrown',Helvetica, Geneva, Arial, Verdana, sans-serif; }


div#aboutleft{margin-left:150px; width:275px; float:left; clear:both;}
div#aboutright{margin-right:150px; width:275px; margin-left:550px;}

h3{color:#532956; font-weight:normal; font-size:1.3em; letter-spacing:3px;}
h3{font-family: Helvetica, Geneva, Arial, Verdana, sans-serif; font-weight:bold;}
h4{margin:auto; text-align:center; margin-top:25px;}
h4 a{border-bottom:0 !important;}

div#rightfolio h3, div#rightfolio p{margin: auto 25px;}
div#rightfolio p{margin-bottom:15px;}

a, a:link, a:visited{text-decoration:none; color:#532956; border-bottom:1px solid #532956;}
a:hover, a:active{text-decoration:none; color:#29564e; border-bottom:1px solid #29564e;}

div#footer{clear:both; margin-top:25px; width:100%; border-top:15px solid #532956; border-image: url("../images/purple-diagonal.gif") 15 0 0 0 round; -moz-border-image: url("../images/purple-diagonal.gif") 15 0 0 0 round; -webkit-border-image: url("../images/purple-diagonal.gif") 15 0 0 0 round; height:380px; background:url(../images/footer-bg.gif) repeat #729790;}

div#footer h2{margin-top:25px; color:#532956; font: 56px/60px 'FontleroyBrown',Helvetica, Geneva, Arial, Verdana, sans-serif; margin-bottom:5px; padding:0; line-height:1em;}

div#footerright{width:500px; margin-left:400px; display:block; margin-top:150px;}
div#footerright ul{font-size:.8em; line-height:1.4em; text-align:center;}
div#footerright ul#social li{display:inline; padding:5px;}
div#footerright ul#social li a{border-bottom:0 !important;}
div#footerright ul#social{margin-bottom:25px;}

form{margin-left:100px; width:200px; float:left}
label{display:block; margin-top:5px; padding:0; line-height:1em; font-size:.8em;}
input, textarea{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; left:-15px; border:1px solid #729790; padding:2px; width:200px; color:#999999;}
input#submit{border:0; float:right; color:#532956; font: 36px/42px 'FontleroyBrown',Helvetica, Geneva, Arial, Verdana, sans-serif; background:none; width:75px; text-align:right;}

div#resume{float:right; position:absolute; top:15px; right:0;}


div#folioimages{display:table; width:400px;}
div#folioimages a, div#folioimages a:link, div#folioimages a:visited{border:5px solid #729790; margin:10px; display:block; height:50px; width:100px; float:left; position:relative; filter: alpha(opacity=50); -moz-opacity:0.5; opacity:.50;}
div#folioimages a:hover, div#folioimages a:active{filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}

#pitch{color: #532956; letter-spacing: 1px; text-transform: capitalize;}