/* @override http://ctr.bcpdev.com/assets/templates/clark/style/clarkCore.css */
/* ------------
Project: Clark Trombley Randers Website
Version: 1.2
Author: Blohm Creative Partners
Date: 1/2010
Changes: made retail links white and fixed nested UL
----------------
Style Reset, adapated from meyerweb.com----- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;margin: 0;padding: 0;}
:focus {outline: 0;}
/*--typography-- */
body {color: #000;background: #FFF;font-family: "Lucida Grande", Lucida, Verdana, sans-serif;font-size: 12px;line-height: 16px;background-color: #111f22;}
ol,ul {list-style: none;}
p {margin: 1em 0 0;}
a {color: #afafaf;text-decoration: none;}
a:hover {color: #afafaf;text-decoration: underline;}
table {border-collapse: separate;border-spacing: 0;}
hr, .seperate {border-style: none;height: 1px;margin: 1em 0;background: url(../layoutImages/hrDotted.gif) repeat-x;}
.seperate {height: 2px;background: url(../layoutImages/hrDotted.gif) repeat-x;}
iframe {background: #384245 url(../layoutImages/loading.gif) no-repeat center center;}
.dark {border-style: none;height: 1px;margin: 0;background: url(../layoutImages/hrDottedDark.gif) repeat-x;}
caption,th,td {text-align: left;font-weight: 400;}
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote,q {quotes: "" "";}
blockquote {background: url(../layoutImages/quoteLeft.gif) no-repeat;line-height: 1.3em;margin: .25em 0 0;padding: .5em;font-size: 1.2em;font-style: italic;}
.quoteMaker {margin-top: 2.1em;background: url(../layoutImages/quoteRight.gif) no-repeat right bottom;}
.quotePerson {margin: 0 0 0 .8em;}
.quoteName {color: #657174;margin: .2em 0 0 .5em;}
.innerColTube .quotePerson {margin: 1em 0 0 0;}
.clear {clear: both;width: 100%;}
/*----layout---- */
#siteContainer {width: 73em;}
#fillWhite {background: #FFF url(../layoutImages/topBar.jpg) repeat-x;}
#leftHead {float: left;width: 10em;background-image: url(../layoutImages/logoArch.jpg);background-repeat: no-repeat;background-position: center top;}
#leftHead img {margin: 1.5em 0 0 2.5em;border: none;}
#leftHead a {border: none;text-decoration: none;}
#rightHead {float: right;width: 55em;padding: 0 1em 0 0;}
#primaryNav {float: right;}
#primaryNav li {float: left;padding: 2em 1em 0;}
#primaryNav .lastitem {padding: 2em 0 0 1em;}
#primaryNav a {text-decoration: none;color: #666;}
#banner {width: 33.5em;line-height: 1.2em;font-size: 1.6em;float: right;font-family: Georgia, "Times New Roman", Times, serif;color: #1c1c1c;margin: 1em 0 0;}
#bannerTxtWrapper {color: #828282;margin-left: 3em;}
#bannerTxtWrapper a {text-decoration: none;color: #8e8e8e;}
#bannerTxtWrapper a:hover {color: #ed1c24;text-decoration: underline;}
.B_currentCrumb {color: #333;}
#banner h1 {color: #e81e25;}
#tagLine {color: #676767;width: 10em;margin: 1.5em 0 0 5em;}
#restrictSize {width: 68em;}
#siteBody {color: #859599;background: url(../layoutImages/bottomBg.jpg) repeat-x;padding: 2em 0 0 5em;}
#siteBody h1 {font-weight: 700;font-size: 1.3em;line-height: 1.3em;color: #fff;margin: 0 0 .75em;text-transform: capitalize;}
#siteBody h2 {color: #fff;font-size: 1.2em;margin: .5em 0 .5em;}
#siteBody li {background: url(../layoutImages/ulBullets.gif) no-repeat 2px 4px;padding: .2em 0 .2em 1em;}
#siteBody strong {color: #fff;}
#siteHead {padding: 0 0 2em;}
/*--col layout--*/
.singleCol,.singleColInside,.singleColNav {float: left;width: 12.75em;}
.doubleCol {float: left;width: 39em;}
.tripleCol {float: left;width: 39em;background: none;border: none;}
.tripleCol p {padding: 0 1em 0 0;}
.quadCol {float: left;width: 49em;margin-right: 5em;}
.quadCol p {margin: 0 0 1em 0;}
.quadCol img {margin: .5em 1em .5em .5em;}
.imageLeft {float: left;}
.imageRight {float: right;}
.imageRight img {margin: .5em 0 .5em .5em;}
.imageLeft img {margin: 0 .5em .5em 0;}
.captionImage {color: #576164;}
.imageRight .captionImage {text-align: right;}
.singleColInside,.singleColNav {margin-right: 1.2em;}
.singleColNav ul {padding: 1em 0;}
.singleColNav a,.singleCol a {display: block;text-decoration: none;color: #859599;}
#siteBody .singleColNav .active,#siteBody .singleColNav .active:hover {background: url(../layoutImages/secondNavButton.gif) no-repeat left -22px;padding: 4px 4px 4px 18px;}
#siteBody strong {color: #fff;font-weight: bold;}
#siteBody .singleColNav li:hover {background: url(../layoutImages/secondNavButton.gif) no-repeat left 0px;}
#siteBody .singleColNav ul li {padding: 4px 4px 3px 18px;background-position: 2px 7px;}
.tripleCol .innerColTube,.tripleCol .innerColTube2 {background: none;}
.innerColTube {background: url(../layoutImages/sideColStripe.jpg) no-repeat left top;}
.innerColTube2 {background: url(../layo/utImages/sideColStripe.jpg) no-repeat right top;padding: 1em;}
/*-- button-- */
.button a {display: block;font-size: .8em;color: #829296;text-decoration: none;padding: 0 2px 1px;}
.button a:hover {color: #fff;}
.button {width: 8em;float: right;background: url(../layoutImages/medButtonCombined.gif) no-repeat left 0;color: #4c4c4c;margin: 1em 0 0;padding: 0 0 0 1em;}
.button:hover {color: #fff;background-position: left bottom;background-repeat: no-repeat;}
/*market formatting */
.strech {width: 100%;}
.marketTxt {margin: 1em 0;}
.projectTitle {font-weight: 700;font-size: 1.2em;color: #fff;padding: 0 0 .7em;}
.marketBox {background: none no-repeat;padding: .7em 1em 1em;}
.marketWrap {background: url(../layoutImages/colBg.jpg) repeat-x right top;margin: 0 1em 0 0;}
#primaryNav ul,#siteBody .singleColNav h1 {margin: 0;}
#primaryNav .active,#primaryNav li:hover {background: url(../layoutImages/primaryActiveTab.jpg) no-repeat center top;}
#primaryNav .active a,#primaryNav a:hover {color: #000;}
.singleColNav a:hover,.singleCol a:hover,#siteBody .singleColNav .active a {color: #FFF;}
/*--marketListing boxes--*/
.marketListBox {margin-top: 1em;margin-right: 1em;width: 15em;height: 9.475em;float: left;overflow: hidden;border: 1px solid #173138;background-color: #122328;}
.marketListWrap {float: left;padding: .5em;}
.marketListBox:hover {border: 1px solid #1d3e46;background-color: #193035;}
.projectListTitle {width: 170px;color: #fff;font-weight: bold;}
.projectListTitle a {height: 103px;color: #fff !important;display: block;background: url(../layoutImages/marketArrow.gif) no-repeat right 3px;}
.marketListTxt {color: #596567;}
/*--footer --*/
#footer {font-size: .9em;margin: 1em 2em 0 0;padding: 3em 0 0 0;}
#footer a, #footer {color: #394345;}
#footer a:hover {color: #b52026;}
#footer ul {margin: 1em 0 0 0;float: left;}
#footer li {padding: 0 1em 0 0;background: none;display: inline;}
#siteMap {display: none;}
#siteMap.show {display: block;}
#siteMap ul li {background: none;margin-right: 1em;width: 10em;float: left;padding: 0;}
#siteMap ul a {color: #fff;}
#footer #siteMapInner ul {margin: 0;}
#footer #siteMapRight {float: right;}
#siteMap ul li li a {color: #4d5a5c;}
#siteMap ul li li a:hover {color: #fff;}
#siteMapInner {padding: 1em;background: #102125;border: 1px solid #11262b;}
#copyright {padding: .5em 0;clear: both;color: #242d30;}
/*--contact Form--*/
.label {color: #fff;margin: 0;text-align: right;vertical-align: top;}
input {vertical-align: top;text-align: left;}
td {padding: .7em;text-align: left;vertical-align: top;}
/*-------------------- tabs */
#myTabs {margin-top: 2em;height: 484px !important;}
.mootabs_title {list-style-image: none;list-style-type: none;margin: 0 0 1em 0;padding: 0px;height: 370px;width: 540px;border-bottom: 1px solid #283437;}
#siteBody #myTabs li {background: none;padding: 0;}
#siteBody #myTabs li img {border: none !important;margin: 0;padding: 0;}
.mootabs_title li {float: left;background-color: #5c5c5c;padding: 2px 8px 2px 8px;cursor: pointer;}
.titlePPL {font-weight: bold;font-size: 1.3em;padding: 5px;display: block;text-align: center;}
.active .titlePPL {}
#siteBody #myTabs .mootabs_title li.active {color: #FFF;}
.mootabs_panel {display: none;position: relative;width: 100%;top: -1px;clear: both;overflow: auto;}
.mootabs_panel.active {display: block;overflow: visible;clear: both;}
/*--quote--*/
.quoteText {font-style: oblique;}
.quoteList {margin: 0 0 2em 0;}
.quotePerson {color: #485d62;}
/*--gallery customize--*/
.jdGallery h2 {font-size: .9em !important;padding-right: 5px !important;}
.slideInfoZone {width: 450px !important;background: #000 !important;opacity: .5 !important;}
#hideExpand {width: 180px;display: block;margin: 25px 0;padding: 5px;background: url(../layoutImages/expandButton.gif) no-repeat 0 1px;}
#hideExpand:hover {text-decoration: none;background-position: 0 -27px;}
#representProjects {padding: 1em;color: #fff;}
#representProjects ul ul {margin-left: 2em;}
#representProjects li {margin-bottom: 8px;}
/*external thumbs gallery*/
#siteBody #theThumbs .carouselContainer .carousel .carouselWrapper .carouselInner .thumbnail {float: left;margin: 1px !important;}
#theThumbs .carouselContainer .carousel .carouselWrapper .carouselInner .thumbnail:hover {cursor: pointer;}
.carouselBtn {display: none;}
#theThumbs .carouselContainer .carousel .label {display: none;}
#spacingBottom {height: 15px;}

img.left {float: left;}
img.right {float: right;margin-left: 10px;}
.imageLeft {margin-right: 10px;}
.imageRight {margin-left: 10px;}
.carouselContainer {width: 450px; overflow:auto;}