/*** GENERAL STYLES ***/

body {background: #fff; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: "trebuchet ms", arial, helvetica, sans-serif; font-size: 14px; color: #737373;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 20px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

h1 {color: #e31836; font-size: 26px; line-height: 29px; font-weight: normal;}
h2 {font-size: 17px; font-weight: normal; margin: 1.5em 0 1em 0;}
h3 {border-bottom: 1px solid #e5e5e5;}

img {behavior: url(includes/iepngfix.htc);}
img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.3em 0;}
a {color: #b30838; text-decoration: underline; cursor: pointer;}
a:hover {color: #f31a3a;}
a.arrowlink {font-weight: bold; padding-right: 10px; background: url(../images/arrowlink.gif) right center no-repeat;}
a.backlink {font-weight: bold; padding-left: 10px; background: url(../images/backlink.gif) left center no-repeat;}

.hide {display: none;}
.alert {color: #e31937; font-weight: bold;}
.small {font-size: 11px;}

.floatleft {float: left; margin: 0 25px 0 0;}
.floatright {float: right; margin: 0 0 0 25px;}
.imgleft {float: left; margin: 0 25px 25px 0;}
.imgright {float: right; margin: 0 0 25px 25px;}
.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: #e5e5e5; margin: 2em 0;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}
.pi {visibility: hidden;}


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 990px; margin: 0 auto; text-align: left;}

#top {height: 128px; border-bottom: 2px solid #b30839; margin-bottom: 2px;}
#top h1 {position: absolute; left: 0; top: 0;}
#top h1 a {display: block; position: relative; width: 220px; height: 128px; font-size: 21px; line-height: 128px;}
#top h1 a .ir {background: url(../images/logo.gif) no-repeat;}
#nav {position: absolute; right: 0; top: 0; width: 770px; height: 128px;}
#nav ul {position: absolute; right: 0; top: 0; padding: 86px 7px 0 0;}
#nav li {float: left; border-left: 28px solid #fff;}
#nav a {display: block; text-decoration: none; color: #888; width: 10px;}
	html>body #nav a {width: auto;}
#nav a span {display: block; height: 31px; line-height: 27px; padding: 0 5px;}
#nav a:hover {color: #e31937;}
#nav li.on {background: #b30838 url(../images/nav-on.gif) repeat-x;}
#nav li.on a {color: #fff !important; background: url(../images/nav-on-a.gif) left top no-repeat;}
#nav li.on a span {background: url(../images/nav-on-span.gif) right top no-repeat;}

#main {position: relative; background: url(../images/main.gif) repeat-x; min-height: 250px; height: 10px;}
	html>body #main {height: auto;}
#pagephoto {position: absolute; right: 40px; top: 20px; width: 380px; height: 200px;}
#pagetitle {position: relative; height: 85px; margin-bottom: 20px;}
#pagetitle.oneline {height: 50px;}
#pagetitle .ir {background-repeat: no-repeat !important;}

#testimonial {float: right; width: 245px; padding: 10px 80px 10px 25px; margin-top: 320px; border-left: 2px solid #e5e5e5;}
#testimonial blockquote {margin: 0; font-style: italic;}
#testimonial cite {display: block; font-style: normal; font-weight: bold; color: #b30838; font-size: 13px; margin-top: 1em;}

#content {float: left; position: relative; width: 420px; padding: 45px 0 0 80px;}
#content.portfoliolist {width: 560px;}
#content ul {margin: 1.5em 0;}
#content ul li {position: relative; padding-left: 23px; background: url(../images/bullet.gif) 0 5px no-repeat; margin-bottom: 3px;}
#content ul.space {margin-top: 2em;}
#content ul.space li {margin-bottom: 20px; line-height: 18px;}
#content blockquote {border-left: 2px solid #e5e5e5; border-bottom: 1px solid #fff; padding: 10px 0 10px 25px; margin: 2em 0; font-style: italic;}
#content blockquote cite {display: block; font-style: normal; font-weight: bold; color: #b30838; font-size: 13px; margin-top: 1em;}
.caption {background: #b30838; color: #fff; text-align: center; font-size: 11px; font-weight: bold; margin-top: 1px;}

#content .cl, #portfoliotaglist .cl {position: relative; margin: 0 0 1em 0; padding: 10px 15px; background: url(../images/cl.gif) repeat-x; font-size: 12px; line-height: 18px; height: 10px;}
	html>body #content .cl, html>body #portfoliotaglist .cl {height: auto; position: static;}
#content .open .cl {display: block;}
.cl ul.floatleft {position: relative; width: 175px;}
.cl ul.floatright {position: relative; width: 205px;}
.cl li.floatleft {position: relative; width: 140px; clear: left;}
.cl li.floatright {position: relative; width: 180px;}
#content .cl ul, #portfoliotaglist .cl ul {position: relative; margin: 5px 0 0 0;}
#content .cl ul li, #portfoliotaglist .cl ul li {background-position: 0 4px; margin: 0 0 3px 0;}

#portfolio {position: relative; clear: both; margin: 20px 40px 0 80px; padding-top: 15px; border-top: 1px solid #e5e5e5;}
#portfolio h2 {margin: 0 0 40px 0;}
.pitem {float: left; width: 100px; text-align: center; font-size: 11px; line-height: 16px; padding: 0 45px 0 0; margin: 0 0 30px 0;}
.pitem img {margin-bottom: 5px; width: 100px; height: 100px;}
.pitem a {display: block; font-weight: bold;}

#content.portfoliolist #viewalllink {left: auto; right: 0; top: 110px;}
#content.portfoliolist h2 {font-size: 18px; margin: 0 0 5px 0; line-height: 20px;}
#content.portfoliolist h2 strong {color: #555;}
#content.portfoliolist .pitem {position: relative; float: none; width: auto; text-align: left; padding: 15px 0 15px 115px; margin: 0; min-height: 100px; border-top: 1px solid #e5e5e5;}
#content.portfoliolist .pitem img {position: absolute; left: -115px; top: 15px;}
	html>body #content.portfoliolist .pitem img {left: 0;}
#content.portfoliolist .pitem a {display: inline;}
#content.portfoliolist .ptext {padding-top: 5px;}
#content.portfoliolist .ptext strong {color: #555;}

#portfoliotaglist {float: right; position: relative; right: 40px; top: 27px; width: 220px; padding-top: 90px; font-size: 12px;}
#portfoliotaglist ul {margin: 1.5em 0;}
#portfoliotaglist ul li {position: relative; padding-left: 23px; background: url(../images/bullet.gif) 0 5px no-repeat; margin-bottom: 3px;}

#portfoliofeatured {float: right; position: relative; right: 40px; top: 27px; width: 372px; padding-top: 37px; font-size: 13px;}
#portfoliofeatured h2 {font-size: 18px; margin: 0 0 20px 0; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; line-height: 20px;}
#portfoliofeatured #viewalllink {left: auto; right: 0; top: 32px;}
#portfoliohero {border: 1px solid #e5e5e5; width: 370px; height: 200px;}
#portfoliofeatured h3 {border: 0; margin: 1.2em 0 5px 0;}
#portfoliofeatured .pitem {padding-right: 35px;}
#portfoliofeatured .last {padding-right: 0;}

#dropdown {position: absolute; left: 664px; top: 10px; width: 206px; background: url(../images/dropdown.gif) no-repeat; z-index: 10;}
#dropdown a {display: block; width: 175px; height: 23px; line-height: 23px; padding: 0 22px 0 9px; color: #333; font-size: 11px; text-decoration: none;}
#dropdown div {display: none; position: relative; border-top: 1px solid #fff;}
#dropdown li.on div {display: block;}
#dropdown div img {display: block; width: 206px; height: 5px; margin: 0;}
#dropdown ul {padding: 0 !important; margin: 0 !important; background: #eee;}
#dropdown ul li a {background: #eee;}
#dropdown ul li a:hover {background: #b30838; color: #fff;}

#portfoliotitle {position: relative; top: -25px; margin-bottom: 5px;}
#portfolioleft {float: right; position: relative; right: 40px; top: 27px; width: 350px; padding-top: 43px;}
#xofx {position: absolute; left: 74px; top: 0; width: 92px; height: 23px; background: url(../images/xofx.gif) no-repeat; text-align: center; font-size: 11px; color: #fff; line-height: 23px;}
#prevlink, #nextlink {position: absolute; top: 0; width: 23px; height: 23px; font-size: 9px; overflow: hidden; text-indent: -300px;}
#prevlink {left: 0;}
#nextlink {right: 0;}
#portfolioleft #dropdown {position: absolute; left: 107px; top: 0; background-image: url(../images/dropdown2.gif); height: 23px;}
#portfolioleft #dropdown div {position: absolute; left: 0; top: 23px;}
#listlink {position: absolute; left: 40px; top: 0; width: 23px; height: 23px; overflow: hidden; font-size: 9px;}
#listlink .ir {background: url(../images/list.gif) no-repeat;}
#viewalllink {position: absolute; left: 176px; top: 0; width: 133px; height: 23px; overflow: hidden; font-size: 9px;}
#viewalllink .ir {background: url(../images/viewall.gif) no-repeat;}

#contactform {margin-top: 2em; font-size: 13px;}
label {display: block; font-weight: bold; padding: 10px 0 0 0;}
input {width: 350px; border: 1px solid #ccc;}
textarea {width: 350px; height: 80px; border: 1px solid #ccc;}
#contactform p {width: 352px; padding: 8px 0 0 0; text-align: right;}
#send {width: auto; background: #b30839; color: #fff; font-weight: bold; cursor: pointer;}

#hometop {margin: 0 40px 20px 40px; width: 910px;}
#hometop img {height: 308px;}
#homecontent {float: left; position: relative; width: 490px; padding-left: 30px; margin-top: 10px;}
#homecontent h2 {margin-top: 0;}
#homecontent #pagetitle {height: 55px; line-height: 55px; margin-bottom: 5px;}
#homefeature {float: right; position: relative; width: 380px; padding: 10px 30px 10px 30px; margin-top: 21px; border-left: 2px solid #fff; font-size: 13px; line-height: 18px;}
#homefeature h2 {font-size: 18px; margin: 0 0 20px 0; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; line-height: 20px;}
#homefeature .pitem {padding-right: 40px; margin: 0;}
#homefeature .last {padding-right: 0;}
#homefeature #viewalllink {left: auto; right: 30px; top: 5px;}

#footer {border-top: 2px solid #e5e5e5; color: #999; line-height: 40px; margin-top: 50px; font-size: 11px; z-index: 1;}
#footer ul {float: right;}
#footer li {display: inline;}
#footer p {margin: 0;}
#footer a {color: #999; text-decoration: none;}
#footer a:hover {color: #b30838; text-decoration: underline;}