
body {font-family:Arial, sans-serif; font-size:14px; color:#484848; background:url('/images/bg-red.gif') repeat-x #E0174E; margin:0;}

hr {height:0; border-top:1px solid #fff; color:#fff; background:#fff; margin:30px 0 0 0;}

p, li, blockquote {line-height:135%;}

h1 {color:#AD0D2B; margin:0; font-size:18px;}
h2 {margin:0 0 10px 0; padding:0 0 0 20px; font-size:18px; color:#AD0D2B; font-weight:normal; float:left;}
h3 {color:#AD0D2B; font-size:14px; font-weight:bold; margin:0;}

.bodyarea {background:#fff;}
.bodyarea .container {padding-top:75px; padding-bottom:100px;}
.frontpage .container {padding-top:30px;}
.bodyarea h2 {width:250px;}

a:link {color:#0EA4D7; text-decoration:underline;}
a:active, a:visited {color:#666; text-decoration:underline;}
a:hover {color:#AD0D2B; text-decoration:underline;}

.all {width:100%; text-align:center;}
.container {width:950px; text-align:left; margin:0 auto;}

.header h1 {float:left; margin:0 0 0 20px;}
.header h2 {float:right; margin:45px 20px 0 0; padding:0; color:#E8ABB8; font-size:18px; font-weight:bold;}

.nav {clear:both; background:url('/images/bg-nav.gif') no-repeat; height:36px; margin-bottom:20px;}
.nav ul {list-style:none; margin:0; padding:0;}
.nav ul li {display:inline-block; float:left; margin:0; padding:0; text-indent:0;}
.nav ul li a {padding:10px 20px; display:inline-block; float:left; text-decoration:none;}
.nav ul li a:link, .nav ul li a:visited {color:#fff; text-decoration:none;}
.nav ul li a:hover {color:#EFC1CB; text-decoration:none;}

.contentregion {margin:0 258px 0 271px;}
.contentregion p:first-child {margin-top:0;}

.contentfinal {border-top:1px solid #d9d9d9; padding-top:15px; text-align:right;}

.foliofull {margin-left:271px;}
.contentfolio {margin:40px 0 20px 0; clear:both; border-top:1px solid #ccc;}
.contentfolio h2 {width:100%; font-size:15px; padding:10px 0; color:#666; float:none;}

.foliohalf {width:232px; height:190px; margin:0 0 10px 0; padding:0; float:left; display:inline; font-size:11px; color:#999; text-align:left;}
.foliohalf span {width:212; text-align:center; padding:0; margin:0;}
.foliohalf span img {border:1px solid #d9d9d9; margin:0 0 3px 0;}
.foliohalf a {text-decoration:none; color:#999;}

ul.about {padding:0; margin:0; list-style:none;}
ul.about li {font-size:14px; line-height:135%; color:#484848; padding:10px 0; border-bottom:1px solid #d9d9d9;}
ul.about li:first-child {padding-top:0;}
ul.about li:last-child {border-bottom:0;}
ul.about li b {font-size:14px; color:#000;}

.front {float:left; width:455px;}
.frontinner {border-top:10px solid #C7113B; padding:20px 20px;}

.quotes {background:#DBF1F9; padding:20px; margin-top:20px;}
.quotes h3 {margin-top:0;}
.quotes p {font-size:11px; margin-bottom:0; padding-bottom:0;}

.frontright {float:left; width:475px;}

.gap20 {float:left; width:20px;}

.people {float:left; width:227px; font-size:11px; color:#828282;}
.peopleinner {border-top:10px solid #C7113B; padding:20px 20px;}
.people p b {color:#484848;}
.people p.staff {padding:5px 0 5px 60px;}
.people p.isaac {background:url('/images/staff-isaac.png') no-repeat;}
.people p.joel {background:url('/images/staff-joel.png') no-repeat;}
.people p.tom {background:url('/images/staff-tom.png') no-repeat;}

.keypoints {float:left; width:227px; font-size:11px;}
.keypointsinner {border-top:10px solid #0EA4D7; padding:20px 20px;}
.keypoints ul {list-style:none; margin:10px 0 0 0; padding:0;}
.keypoints ul li {border-bottom:1px solid #D9D9D9; padding:3px 0 3px 20px; background:url('/images/bullet-pink.png') 0px 6px no-repeat;}

.currently {float:left; width:100%; padding-top:30px; font-size:11px;}
.currentlyinner {border-top:10px solid #D9D9D9; padding:20px 20px;}
.currently ul {list-style:none; margin:10px 0 0 0; padding:0;}
.currently ul li {border-bottom:1px solid #D9D9D9; padding:5px 0 5px 20px; background:url('/images/bullet-pink.png') 0px 10px no-repeat;}

.sidebar {background:#0EA4D7; color:#fff; width:228px; float:right;}
.sidebar h3 {color:#ABDFF1; font-size:14px; margin:20px 20px 10px 20px; padding:0; font-weight:bold;}
.sidebar p {margin:0 20px; padding:10px 0; color:#fff; font-size:11px; border-top:1px solid #4ABBE1;}
.sidebar p a {color:#fff;}
.sidebar ul {font-size:11px; margin:0px 20px 5px 30px; padding:0; text-indent:none; list-style:square inside;}
.sidebar ul li {text-indent:none; margin:0;}

.sidebar img.staffphoto {float:right; margin:0 0 10px 10px;}

table.contact {border-collapse:collapse; margin-top:-5px;}
table.contact tr {vertical-align:top;}
table.contact tr th {padding:10px 15px 10px 0; text-align:left;}
table.contact tr td {padding:10px;}

.aside {font-size:11px; margin:20px 0 0 30px;}

form {margin:0px;}

#footer {padding:5px; width:600px; height:40px; border-top:1px solid #333; text-align:center; font-size:9px;}

ul.front {margin:0; padding:0; list-style:square inside;}
ul.front li {font-size:14px; line-height:135%; color:#fff; padding-bottom:10px;}

cite {font-style:normal; font-weight:normal; font-size:10px; color:#999; line-height:115%;}

#slider {width:950px; margin:0 auto; position:relative;}
.scroll {height:auto; width:950px; overflow:auto; overflow-x:hidden; position:relative; clear:left;}
.scrollContainer div.panel {padding:0; height:auto; width:623px; padding:0 15px;}
.scrollContainer div.panel img {border-top:6px solid #545454; border-right:6px solid #545454; border-left:6px solid #545454;}
.scrollButtons {cursor:pointer;}
.hide {display:none;}
.cover {position:absolute; z-index:100;}


