/*
---------
YUI 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,button,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,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}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:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;}

/*
-------------
MASTER STYLES
-------------
*/

html {
	background: #003e7e url(../images/background.png) center top repeat-x;
}
body {
	color: #fff;
	font: 13px/normal Helvetica, Arial, Verdana, sans-serif;
}
#wrapper {
	margin: 0 auto;
	padding: 20px 0;
	width: 820px;
}

/*
-----
LINKS
-----
*/

a {
	color: #fffb78;
}
a:hover {
	text-decoration: none;
}

/*
----------
TYPOGRAPHY
----------
*/

h1 {
	border-bottom: 1px solid #4d7094;
	font: 30px/normal "Century Gothic", Verdana, Arial, sans-serif;
}
h2 {
	color: #97cafc;
	font: italic bold 22px/normal Georgia, "Times New Roman", Times, serif;
	padding: 20px 0 10px;
}
h3 {
	color: #97cafc;
	font: italic bold 16px/normal Georgia, "Times New Roman", Times, serif;
	padding: 20px 0 10px;
}
p {
	padding: 0 0 20px;
}
ol, ul {
	padding: 0 0 20px;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

/*
-------------------
COMPANY INFORMATION
-------------------
*/

#companyInfo {
	float: right;
	font-size: 11px;
	padding-bottom: 20px;
	width: 190px;
}
#logo img {
	border: none;
	display: block;
}
#contactInfo {
	margin: 20px auto 0;
}
#contactInfo th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	line-height: 14px;
	padding-right: 10px;
	text-align: right;
	text-transform: lowercase;
	vertical-align: top;
}
#contactInfo td {
	line-height: 14px;
	vertical-align: top;
}
#address th, #address td {
	padding-bottom: 1em;
}
#email th, #email td {
	padding-top: 1em;
}

/*
------------
MAIN CONTENT
------------
*/

#mainContent {
	float: left;
	width: 610px;
}
#intro {
	border-bottom: 1px solid #4d7094;
	color: #fffa78;
	font-size: 18px;
	line-height: normal;
	padding: 20px 0;
}
#whatWeDo {
	float: left;
	line-height: 22px;
	width: 400px;
}
#areasOfExpertise {
	font: 12px/20px Georgia, "Times New Roman", Times, serif;
	float: right;
	width: 190px;
}
#areasOfExpertise li {
	background: url(../images/arrow-bullet.png) 0 6px no-repeat;
	list-style: none;
	padding-left: 16px;
}

/*
-----------------
SECONDARY CONTENT
-----------------
*/

#secondaryContent {
	border-top: 1px solid #4d7094;
	clear: both;
	overflow: hidden;
}
#aboutBruce {
	float: left;
	line-height: 22px;
	width: 400px;
}
#profilePic {
	border: 5px solid #4d7094;
	float: right;
	margin: 0 0 0 20px;
}
#profilePic img {
	display: block;
}
#latestBlogEntries {
	float: right;
	width: 400px;
}
#latestBlogEntries ul {
	border-top: 1px solid #4d7094;
	list-style: none;
	padding: 0;
}
#latestBlogEntries li {
	border-bottom: 1px solid #4d7094;
}
#latestBlogEntries li:last-child {
	font-weight: bold;
}
#latestBlogEntries li a {
	display: block;
	padding: 10px 0;
	text-decoration: none;
}
#latestBlogEntries li a em {
	font-size: 10px;
}
#subscribe {
	background: #002852;
	border: 5px solid #4d7094;
	clear: right;
	float: right;
	font-size: 12px;
	line-height: 22px;
	margin: 20px 0;
	padding: 0 20px;
	width: 350px;
}
.errors li {
	background: url(../images/alert-bullet.png) 0 2px no-repeat;
	color: #fffa78;
	line-height: 20px;
	padding-left: 20px;
}
.loading {
	background: url(../images/ajax-loader.gif) left top no-repeat;
	height: 16px;
	line-height: 16px;
	padding: 0 0 20px 20px;
}
ul.formFields {
	line-height: normal;
	padding: 0 0 10px;
}
ul.formFields input:focus {
	outline: none;
}
ul.formFields input[type=text] {
	background: #fff;
	border: 1px solid #fff;
	padding: 3px;
}
ul.formFields input[type=text]:focus {
	border-color: #97cafc;
}
ul.formFields li {
	display: block;
	padding: 0 0 10px;
}
ul.formFields li > label {
	font-weight: bold;
}
ul.formFields li div {
	overflow: hidden;
	padding-top: 5px;
}
ul.formFields li div > label {
	display: block;
	float: left;
	margin-right: 5px;
}
ul.formFields li div > label span {
	display: block;
	font-size: 10px;
	padding-top: 5px;
}

/*
------
FOOTER
------
*/

#footer {
	border-top: 1px solid #4d7094;
	clear: both;
	font-size: 11px;
	line-height: 16px;
	padding-top: 20px;
}

/*
-----------
BLOG STYLES
-----------
*/

.article {
	border-bottom: 1px solid #4d7094;
	line-height: 22px;
}
.article:last-child {
	border-bottom: none;
}
.article h2 {
	padding-bottom: 0;
}
.article h2 a {
	color: #97cafc;
	text-decoration: none;
}
.article h2 a:hover {
	color: #fffb78;
}
.postInfo {
	color: #a6bcd2;
	font: italic 12px/normal Georgia, "Times New Roman", Times, serif;
	padding: 5px 0 20px;
}
.readMore {
	font-weight: bold;
	padding-bottom: 20px;
}
