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

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,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;color: #666666;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

body  {
	background: #FFFFFF;
	background-repeat:no-repeat;
	background-attachment: no scroll;
}

#wrapper {
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;	
	border: 1px solid #333333;
	width: 1050px;
	padding: 0;
	height: 600px;
	background: url('http://www.ramonagonzales.com/images/reputation.jpg');
}

#nav {
	width: 1050px;
	background: #FFFFFF;
	border-bottom: 1px solid #333333;
	height: 45px;
}

#nav h1 {	
	color: #444444;
	font: bold 13px "Helvetica Neue", Arial, sans-serif;
	text-transform: none;
	word-spacing: 30px;
	padding: 15px 0px 10px 80px;
}

#nav a:link, #nav a:visited, #nav a:link, #nav a:visited {	
	font: bold 13px "Helvetica Neue", Arial, sans-serif;
	color: #444444;
	text-decoration: none;
}

#nav a:hover {
	color: #FF3399;
}

#header {
	width: 1050px;
	border-bottom: 1px solid #333333;
	height: 150px;
}

#header h1 {	
	color: #222222;
	font: bold 53px "Helvetica Neue", Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: -4px;
	word-spacing: 30px;
	padding: 40px 0px 0px 15px;
}

#title {
	width: 350px;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	float: left;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	display: inline;
	background: #FFFFFF;
}

#title h2 {	
	color: #FF3399;
	font: bold 47px "Helvetica Neue", Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: -3px;
	padding-left: 30px;
	padding-top: 60px;
}

#tagline {
	width: 350px;
}

#tagline h1 {	
	color: #FF3399;
	font: 13px Helvetica, "Helvetica Neue", Arial, sans-serif;
	text-transform: none;
	line-height: 0px;
	display: block;
	text-align: left;
	letter-spacing: -.5px;
	padding-left: 30px;
}

#content {
	float: left;
	width: 699px;
	height: 200px;
	margin-left: 0px;
	display: inline;
	background: #FFFFFF;
	border-bottom: 1px solid #333333;
}

#item-left {
	display: inline;
	float: left;
	width: 400px;
	height: 200px;
	border-right: 1px solid #333333;
}

#item-left h1 {	
	color: #FF3399;
	font: bold 14px Helvetica, "Helvetica Neue", Arial, sans-serif;
	text-transform: none;
	line-height: 0px;
	display: block;
	text-align: left;
	letter-spacing: -.5px;
	padding: 35px 20px 0px 20px;
}

#item-left p {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: #333333;
	font-size: 13px;
	line-height: 22px;
	padding: 45px 20px 0px 20px;
}

#item-left p a:link, #item-left p a:visited {	
	font: bold 13px Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: #333333;
	text-decoration: none;
}
#item-left p a:hover {
	color: #333333;
}

#item-right {
	display: inline;
	float: right;
	width: 298px;
	height: 200px;
}

#item-right h1 {	
	color: #FF3399;
	font: bold 14px Helvetica, "Helvetica Neue", Arial, sans-serif;
	text-transform: none;
	line-height: 0px;
	display: block;
	text-align: left;
	letter-spacing: -.5px;
	padding: 60px 20px 0px 20px;
}

#item-right p {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: #333333;
	font-size: 12px;
	line-height: 16px;
	padding: 10px 20px 0px 20px;
}

#item-right p a:link, #item-right p a:visited {	
	font: bold 12px Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: #333333;
	text-decoration: none;
}
#item-right p a:hover {
	color: #FF3399;
}