.grid { width: 940px; }

.col-1, .col-60px { float: left; width: 60px; }

.col-2, .col-140px { float: left; width: 140px; }

.col-3, .col-220px { float: left; width: 220px; }

.col-4, .col-300px { float: left; width: 300px; }

.col-5, .col-380px { float: left; width: 380px; }

.col-6, .col-460px { float: left; width: 460px; }

.col-7, .col-540px { float: left; width: 540px; }

.col-8, .col-620px { float: left; width: 620px; }

.col-9, .col-700px { float: left; width: 700px; }

.col-10, .col-780px { float: left; width: 780px; }

.col-11, .col-860px { float: left; width: 860px; }

.col-12, .col-940px { float: left; width: 940px; }

.last { margin-right: 0; }

.clear { clear: both; }

html { background: #46453e url('../images/bkgd.png') repeat-x; }
html body { margin: 0px; padding: 0px; }

#shell { width: 940px; margin: auto; width: 960px; }

#header { height: 156px; position: relative; }
#header h1, #header h2 { margin: 0px; padding: 0px; position: absolute; }
#header h1 a, #header h2 a { cursor: pointer; display: block; }
#header h1 a span, #header h2 a span { display: none; }
#header h1 { height: 45px; left: 0; top: 30px; width: 218px; }
#header h1 a { background: url(../images/logo.png) no-repeat 0 0; height: 45px; width: 218px; }
#header h1 a:hover { background-position: 0 -45px; }
#header h2 { height: 28px; left: 240px; top: 50px; width: 297px; }
#header h2 a { background: url(../images/tagline.png) no-repeat; height: 28px; width: 297px; }

#feature { background: url(../images/linkBar_shadow.png) 0 bottom no-repeat; height: 423px; position: relative; width: 960px; }
#feature a { height: 400px; overflow: hidden; width: 960px; }
#feature a img { width: 960px; bottom: 0; position: absolute; }

#content { background: #fff url(../images/columnGrey.png) repeat-y right 0; width: 960px; box-shadow: 1px 1px 10px #000; -webkit-box-shadow: 1px 1px 10px #000; -moz-box-shadow: 1px 1px 10px #000; }
#content.no_background { background: #fff; }
#content.background_left { background: #fff url(../images/columnGrey.png) repeat-y 0 0; }
#content.background_left .col-300px { margin: 0 10px; }
#content.background_left .col-540px { margin-left: 20px; }
#content .col-540px { display: inline; margin-left: 60px; margin-right: 50px; }
#content .col-540px, #content .col-300px { margin-top: 20px; padding-bottom: 20px; }
#content .col-300px { font-size: 80%; margin-top: 40px; }
#content .col-300px textarea { height: 150px; width: 280px; }

#footer { height: 40px; line-height: 40px; }
#footer #copyright { color: #ccc; float: right; font-size: 12px; height: 40px; line-height: 40px; }

#pressRight { padding-top: 70px; width: 280px; }
#pressRight a { display: block; }
#pressRight a img { width: 280px; }

#pressList { background: #e6e6e6; padding: 20px 60px; }

ul#pressThumbs { margin: 0px; padding: 0px; list-style: none; }
ul#pressThumbs li { margin: 0px; padding: 0px; float: left; height: 90px; margin-right: 20px; margin-top: 5px; width: 66px; }
ul#pressThumbs li a { width: 60px; display: block; padding: 3px; }
ul#pressThumbs li a:hover { background: #fff; box-shadow: 0 0 5px #333333; -moz-box-shadow: 0 0 5px #333333; -webkit-box-shadow: 0 0 5px #333333; }
ul#pressThumbs li a img { width: 60px; }

ul#portfolioSub { margin: 0px; padding: 0px; }
ul#portfolioSub li { margin: 0px; padding: 0px; display: inline; }
ul#portfolioSub li a { border: 1px solid #fff; float: left; }
ul#portfolioSub li a img { width: 318px; }
ul#portfolioSub li a span { display: none; }

ul#portfolioIndex { margin: 0px; padding: 0px; font-size: 90%; }
ul#portfolioIndex li { float: left; width: 280px; margin: 30px 20px; list-style: none; }
ul#portfolioIndex li ul.galleryList { margin: 0px; padding: 0px; }
ul#portfolioIndex li ul.galleryList li { float: none; margin: 0 0 0.5em 0; padding: 0; width: 280px; }

#photoListShell ul.photoList li { float: left; list-style: none; margin-right: 20px; text-align: center; width: 180px; }

body { color: #333333; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5em; }

a { color: #0071ba; }
a:visited { color: #0071ba; }
a:hover { color: #e01e3b; }
a:active { color: #e01e3b; }

img { border: 0; }

#footer a { color: #46b6f8; }
#footer a:visited { color: #46b6f8; }
#footer a:hover { color: #ff6379; }
#footer a:active { color: #ff6379; }

ul li { line-height: 1.25em; margin-top: 0.5em; }

.col-300px ul { margin-left: 0; padding-left: 0; }
.col-300px ul li { list-style: none; }

#navigation { width: 960px; background: url(../images/linkBar_shadow.png) no-repeat 0 bottom; bottom: 10px; height: 54px; position: absolute; }
#navigation ul#PrimaryNav { width: 960px; background: url(../images/linkBar_inactive.png) repeat-x 0 bottom; margin: 0px; padding: 0px; list-style-type: none; height: 31px; }
#navigation ul#PrimaryNav li { margin: 0px; padding: 0px; display: inline; }
#navigation ul#PrimaryNav li { float: left; height: 40px; }
#navigation ul#PrimaryNav li a { color: #333333; cursor: pointer; display: block; font-size: 15px; height: 40px; line-height: 32px; text-align: center; text-decoration: none; text-transform: uppercase; width: auto; }
#navigation ul#PrimaryNav li a div { border-left: 1px solid #fff; border-right: 1px solid #888888; height: 31px; padding: 0 10px; }
#navigation ul#PrimaryNav li a:hover { background: url(../images/linkBar_active.png) no-repeat center bottom; color: #fff; }
#navigation ul#PrimaryNav li a:hover div { border-left-color: #000; }