/********************************************************************
	Skin - CSS document. Author: Mars Nel	- Quirk E-Marketing	-
*********************************************************************/

img#logo { position: relative; top: 9px; }
img#logoblue { display: none; }
*+html img#logo { top: -50px; }
img.fellow { border: 2px solid #CCCCCC; padding: 3px; }

.staff { margin-bottom: 10px; }
.staff img { border: 2px solid #CCCCCC; padding: 3px; float: left; margin-right: 10px; overflow: auto; display: block; }
.stafftable h2 { padding: 0; margin: 0 0 10px 0; display: block; text-align: left; width: 480px; }
#rightCol .content table.stafftable p { width: 480px; overflow: auto; display: block; text-align: left;} 
#search-wrapper { position: relative; margin-top: 20px; float: right; width: 186px; height: 25px; display: block; margin-bottom: 10px; }

#sliderWrapper { position: relative; width: 944px; padding: 21px 0 0 16px; margin: 0 auto; display: block; height: 364px; overflow: hidden; }
*+html #sliderWrapper { height: 363px; }

img.hdr { margin-bottom: 13px; display: block; clear: both; }

#breadcrumbs { position: relative; width: 960px; height: 27px; display: block; margin: 0 auto; clear: both; padding-top: 13px; }

ul.breadcrumbs li { list-style-type: none; display: block; float: left; }

ul.breadcrumbs li a { text-decoration: none; }

#pageOuter { clear: both; width: 984px; margin: 0 auto; display: block; background: transparent; position: relative; overflow: auto; }

#pageBlock { background:#FFFFFF; clear:both; display:block; float:left; margin-left:13px; padding:10px 10px 20px 10px; width:935px; }

#leftCol { position: relative; float: left; width: 237px; }

	#leftCol .block { background: #E3E3E3 top left repeat-x url(/images/left-col-bg.png); position: relative; float: left; padding: 16px 0 16px 16px; width: 204px; margin-bottom: 10px; }
	
	#leftCol .block img.bot-space { margin-bottom: 18px; }
	
	#leftCol .block img.thumb { float: left; margin: 0 9px 9px 0; } 
	
	img.banner { position: absolute; top: 68px; left: 0; z-index: 10; }

#rightCol { position: relative; width: 675px; float: right; padding-top: 15px; }

div.slideBlock { position: relative; width: 650px; display: none; clear: both; overflow: hidden; margin-top: 20px; }

/* Photo-Block */
table.photoFrame { float: right; margin-left: 20px; margin-bottom: 15px; }
td.ltc { width: 9px; height: 8px; background: transparent top left no-repeat url(/images/photoblock/top-left.png); }
td.top { background: transparent top left repeat-x url(/images/photoblock/top.png); } 
td.rtc { width: 11px; height: 8px; background: transparent top left no-repeat url(/images/photoblock/top-right.png); }
td.ls { width: 9px; background: transparent top left repeat-y url(/images/photoblock/left-side.png); }
td.rs { width: 11px; background: transparent top left repeat-y url(/images/photoblock/right.png); }
td.lbc { width: 9px; height: 12px; background: transparent top left no-repeat url(/images/photoblock/bot-left.png); }
td.bot { height: 12px; background: transparent top left repeat-x url(/images/photoblock/bot.png); }
td.brc { width: 11px; height: 12px; background: transparent top left no-repeat url(/images/photoblock/bot-right.png); }

table.photoFrameBig { position: relative; margin: 15px auto; clear: both; }
table.photoFrameBig td.img-big { padding: 2px; }

table.photos { position: relative; float: left; margin-bottom: 20px; }

#contentWrapper img.hdr { margin-left: 16px; }

div.article-text img { background: #FFF; padding: 5px; border: 2px solid #d4d4d4; float: right; margin: 0 0 15px 15px; }

.quoteOuter, .expOuter { position: relative; float: left; background: #f2f2f2; border: 1px solid #d5d5d5; padding: 9px; margin-bottom: 10px; }
.quoteInner, .expInner { position: relative; float: left; background: #f7f7f7; border: 1px solid #d5d5d5; }
.quoteInner { height: 180px; }
.expInner { width: 430px; padding: 15px 23px 0 163px; height: 180px; }
.quoteOuter .left { padding: 15px 0 0 23px; width: 415px; }
.quoteOuter .right {  width: 252px; padding: 15px 23px 0 163px; }
a.readmore { position: relative; float: left; clear: left; width: 120px; height: 24px; display: block; }
.quoteOuter .left img { position: absolute; bottom: 0; right: 0; }
.quoteOuter .right img, .expInner img { position: absolute; top: 0; left: 0; }

div#footer-inner div.column { position: relative; width: 230px; float: left; display: block; height: 300px; padding-right: 10px; }
div#footer-inner div.column img.hdr { margin-bottom: 16px; }
div#footer-inner div.column div.item { position: relative; width: 220px; float: left; display: block; }
div.twitWrapper { position: relative; width: 220px; float: left; }
div#twit-text { position: relative; float: left; padding: 10px 13px; width: 194px; background: #FFF; display: block; }
div#follow-us { position: relative; float: left; width: 203px; height: 86px; display: block; margin-left: 13px; background: top right no-repeat url(/images/icons/big-twitbird.png); } 

div.datebox { width: 35px; height: 19px; display: block; background: #D22A2A none repeat scroll 0 0;  margin-right: 11px; float: left; clear: both; }
div.day { border-left: 1px solid #C8C8C8 border-right: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; background: #ffffff none repeat scroll 0px 0px; width: 35px; margin-right: 11px; float: left; clear: both; }

#footer-links { position: relative; float: left; width: 100%; padding-top: 15px; }

/* Buttons */
a#newsletter-button { position: relative; float: right; clear: right; display: block; width: 186px; height: 25px; }
a.readmorewhite { position: relative; float: left; clear: left; width: 120px; height: 24px; display: block; }
a.readmorewhite { background: transparent top left no-repeat url(/images/buttons/readmore-white-bg.png); }
a.check-flickr { width: 186px; height: 31px; margin-top: 6px; float: left; clear: both; display: block; background: transparent top left no-repeat url(/images/buttons/check-flickr.png); }
a.arrows { outline: none; clear: both; width: 23px; height: 21px; background: transparent top left no-repeat url(/images/buttons/arrows.png); display: block; float: right; margin: 0 5px 5px 0; z-index: 10000; clear: both; }

a.readmore span, a.readmorewhite span, a.check-flickr span { display: none; }
.inputbtn { margin-top: 10px; }
/* Useful Stuff */
.margR { margin-right: 20px; }
a.open { outline: none; clear: both; width: 23px; height: 21px; background: transparent bottom left no-repeat url(/images/buttons/arrows.png); display: block; float: right; margin: 0 5px 5px 0; z-index: 10000; clear: both; }
.floatL { float: left; }
.noMarg { margin: 0 !important; }