/*
-----------------------------------------------
Styles
----------------------------------------------- */

/* Reset
----------------------------------------------- */

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}
li{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;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
strong {font-weight: bold;}
body {
  text-align:center;
  color:#333;
  font:75% "Times New Roman",Georgia,serif;
}
p {
	margin: 1em 0;
	line-height: 140%;
}

/* Links
----------------------------------------------- */
a { color: #549DC5; text-decoration: none; font-weight:bold; }
a:link { color: #549DC5; text-decoration: none;}
a:hover { color: #26306D; text-decoration: underline;}
a:active { color: #84376F; text-decoration: none;}
a:visited { color: #549DC5; }

/* Layout
----------------------------------------------- */

#wrapper {
	width: 940px;
	margin: 0 auto;
	text-align: left;
}
#primary {
	width: 290px;
	float: left;
	margin-right: 20px;
}
	
#secondary {
	width: 630px;
	float: left;
}

h1#logo {
	width: 290px;
	height: 70px;
	margin-top: 60px;
	float: left;
}
h1#logo a {
	width: 290px;
	height: 70px;
	display: block;
	text-indent: -9999px;
	outline: none;
}
h1#logo, h1#logo a {
	background: url(/assets/images/page/logo.png) 0 0 no-repeat;
}
ul#nav {
	width: 130px;
	float: right;
	margin: 55px 0;
}
ul#nav li {
	width: 130px;
	float: left;
	height: 20px; 
}
ul#nav li a {
	width: 130px;
	display: block;
	height: 20px;
	background-position: -130px 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}
ul#nav li a:hover, ul#nav li.on a:hover, ul#nav li.on a {
	background-position: 0 0;
}
ul#nav li#nav_01, ul#nav li#nav_01 a {
	background-image: url(/assets/images/nav/nav_01.png);
}
ul#nav li#nav_02, ul#nav li#nav_02 a {
	background-image: url(/assets/images/nav/nav_02.png);
}
ul#nav li#nav_03, ul#nav li#nav_03 a {
	background-image: url(/assets/images/nav/nav_03.png);
}
ul#nav li#nav_04, ul#nav li#nav_04 a {
	background-image: url(/assets/images/nav/nav_04.png);
}
p.details_name, a.details_email, a.details_twitter {
	float: right;
	clear: both;
	width: 150px;
	height: 15px;
	display: block;
	text-indent: -9999px;
	outline: none;
	margin:0;
}
p.details_name {
	background: url(/assets/images/page/details_name.png) 0 0 no-repeat;
}
a.details_email {
	background: url(/assets/images/page/details_email.png) 0 0 no-repeat;
}
a.details_twitter {
	background: url(/assets/images/page/details_twitter.png) 0 0 no-repeat;
}

#secondary h2 {
	width: 630px;
	height: 31px;
	margin-top: 80px;
	text-indent: -9999px;
	outline: none;
}
#secondary.websites h2 {
	background: url(/assets/images/titles/websites.png) 0 0 no-repeat;
}
#secondary.websites ul {
	margin-top: 75px;
	float: left;
	width: 630px;
}
#secondary.websites ul li {
	float: left;
	width: 630px;
	margin: 0 0 20px 0;
}
#secondary.websites ul li img {
	width: 628px;
	float: left;
	border: 1px solid #ccc;
}
#secondary.websites ul li p.description {
	float: left;
	clear: left;
	width: 490px;
	text-transform: uppercase;
	font-size: 10px;
	margin: 8px 0;
}
#secondary.websites ul li a.view_site {
	width: 117px;
	height: 26px;
	display: block;
	float: left;
	margin-left: 23px;
	background: url(/assets/images/page/view_site.png) 0 0 no-repeat;
	text-indent: -9999px;
	outline: none;
}