@import "../../../presentation/css/reset.css";                          
@import "../../../presentation/css/fixes.css";

* {font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:100%;}
.widthAuto {width:auto;}
p {font-size:0.7em; color:#252525; padding-bottom:8px; line-height:1.5em;}
h2 {color:#e51837; font-size:2em; padding-bottom:15px;}
h3 {color:#e51837; font-size:1.3em; padding-bottom:15px; font-weight:normal;}
.clear {clear:both;}
br.clear {clear:both; margin:0; padding:0; height:0;}
a:link, a:visited {text-decoration:none; color:#c27474;font-size:0.7em;}
a:hover {text-decoration:underline;color:#e51837;}
img {border:none;}
table tr td.desc {width:150px;}

/* body */
body {background:url(../images/pageBG/background.jpg) no-repeat center top #bebebe;}

/* wrapper */
#siteWrapper {width:960px; margin:0 auto; position:relative;}

/* header */
#header {width:940px; background:#3d3d3d; padding:10px;}
	/* logo */
	#logo {width:215px; height:81px; position:absolute; top:0; left:-9px; background:url(../images/logo/logo.png) no-repeat;}
	#logo a {display:block;width:215px; height:81px;}
	#logo a span {position:absolute; top:-99999px; left:-99999px;}
	/* top nav */
	#topNav {list-style:none; text-align:right; width:740px; float:right; display:inline; text-transform:lowercase; border:1px solid #676767; border-left:none; border-right:none; padding:2px 0 6px 200px;}
	#topNav li {display:inline; font-size:100%;}
	#topNav li.noSeperator {background:none;}
	#topNav li span {color:#676767; font-size:60%;}
	#topNav li a:link, #topNav li a:visited {color:#b1b1b1; text-decoration:none;}
	#topNav li a:hover, #topNav li.selected a {color:#b0182f;}

/* middle content */
	#middleContent {background:#fff; border:10px solid #f6f6f6; padding:15px; width:910px;}
	#middleContentBottomShadow {height:21px; background:url(../images/middleContentShadow.gif) center no-repeat;}
	
/* footer */
	#footer {background:url(../images/footer/bg.gif) center bottom repeat-x; color:#3f3f3f; text-align:right;padding:10px 20px; border-bottom:1px solid #ccc; zoom:1;}
	#footer ul {list-style:none; padding-bottom:10px;}
	#footer ul li {display:inline;}
	#footer ul li a:link, #footer ul li a:visited {display:inline; color:#3f3f3f;}
	#footer ul li a:hover {text-decoration:underline;}

/*********************************
/* PAGE SPECIFIC
**********************************/
	/*****************************
	/* home page */
		/* hero image */
		#homepage .hero {height:218px; background:url(../images/homepage/map.png) center no-repeat;}
		#oneSection .hero {height:10px;}
		/* welcome area */
		#welcome {width:350px; float:left;}
		#welcome p {font-size:0.8em;}
		#content {width:600px; float:left;}
		#content p {font-size:0.8em;}
		/* gallery plugin */
		#gallery {width:530px; float:right;text-align:right;}
		#gallery ul {list-style:none;}
		#gallery ul li {display:inline; float:right;  margin-left:4px;}
		#gallery ul li a:link img,
		#gallery ul li a:visited img {width:83px; height:83px;border:4px solid #ccc;}
		#gallery ul li a:hover img {border-color:#E51837}
		#gallery .viewAll {clear:both;display:block;padding-top:15px;}
		/* services and news */
		#bottomContent {background:url(../images/homepage/BG-servicesAndNews-Repeat.gif) repeat-y center; position:relative;}
		#bottomContent .topBG {background:url(../images/homepage/BG-servicesAndNews-Top.gif) no-repeat center; height:29px;}
		#bottomContent .bottomBG {background:url(../images/homepage/BG-servicesAndNews-Bottom.gif) no-repeat center; height:29px; clear:both;}
		#bottomContent #services {float:left; width:367px; display:inline; margin-left:20px; padding:0 15px; text-align:right;}
		#bottomContent #latestNews {float:right; display:inline; margin-right:20px; width:477px; padding:0 15px;}
		#latestNews .newsItem p {margin:0; padding:0;}
		#latestNews .newsItem p.title {font-weight:bold;}
		#latestNews .newsItem p.date {font-weight:bold; font-size:0.7em;}
		#latestNews .newsItem div.body {padding-bottom:8px;}
	/*****************************
	/* news and case studies */
	#newsGalleryListing {margin-top:-15px;}
	#newsGalleryListing .item {padding:15px 0;border-bottom:1px solid #ccc; width:593px;}
	#newsGalleryListing .item p {padding:0; margin:0;}
	#newsGalleryListing .item .image {float:left; display:inline; padding-right:10px; width:83px;}
	#newsGalleryListing .item .image img {width:83px;}
	#newsGalleryListing .item .text {float:left; width:500px;}
	#newsGalleryListing .item .date {font-weight:bold;}
	#newsGalleryListing .item .title {}
	#newsGalleryListing .item .body {padding:0; margin:0;}
	#newsGalleryListing .item .body p {margin:0; margin:0; padding-bottom:8px; font-weight:normal; font-size:0.8em;}
	#newsGalleryListing .item .readMore {}
	#newsAndCaseStudiesImages {float:right; width:200px; text-align:right;}
	#newsGalleryImages {margin-top:-5px;}
	#newsGalleryImages li {display:inline; float:left; margin-right:5px; border:5px solid #ccc;margin-top:5px;}
	#newsGalleryImages li img {width:83px;}
	#newsGalleryImages li a {float:left;}
	/*****************************
	/* gallery */
	#galleryListing {margin-top:-15px;}
	#galleryListing .galleryItem {width:600px;padding:15px 0;border-bottom:1px solid #ccc;}
	#galleryListing .galleryItem .image {float:left;  width:83px;}
	#galleryListing .galleryItem .image img {width:83px;}
	#galleryListing .galleryItem .text {float:left; margin-left:10px; width:500px;}
	#galleryListing .galleryItem .text h3 {padding:0;}
	#galleryListing .galleryItem .text p {padding:0;}
	/* gallery detail */
	.gallery-view-album #middleContent {overflow:hidden; text-align:center;}
	.gallery-view-album #middleContent p {font-size:0.8em;}
	.gallery-view-album #middleContent h2 {text-align:center;}
	.gallery-view-album #middleContent #photo-container {width:100%; text-align:center;}
	.gallery-view-album #middleContent #photo-container table {width:100%;}
	.gallery-view-album #middleContent #photo-container table tr td {vertical-align:top;}
	.gallery-view-album #middleContent #photo-container table a span {position:absolute; top:-99999px; left:-99999px;}
	.gallery-view-album #middleContent #photo-container table .previousButton {padding-right:5px; padding-top:20px;}
	.gallery-view-album #middleContent #photo-container table .previousButton a {display:block; width:100px; height:30px; background:url(../images/galleries/previous.gif); float:right}
	.gallery-view-album #middleContent #photo-container table .nextButton {padding-left:5px; padding-top:20px;}
	.gallery-view-album #middleContent #photo-container table .nextButton a {display:block; width:100px; height:30px; background:url(../images/galleries/next.gif);}
	.gallery-view-album #middleContent #photo-container table .photoArea,
	.gallery-view-album #middleContent #photo-container table .photoArea img {width:500px;}
	.gallery-view-album #middleContent p.galleryDesc {display:block; padding:20px; border:1px solid #ccc; margin-top:20px; clear:both;}
	.gallery-view-album #middleContent #photo-listing-wrapper {text-align:center;}
	.gallery-view-album #middleContent #photo-listing {clear:both; padding-top:20px;}
	.gallery-view-album #middleContent #photo-listing li {display:inline; margin:0 3px;/* float:left; margin-right:5px;*/}
	.gallery-view-album #middleContent #photo-listing li a:link,
	.gallery-view-album #middleContent #photo-listing li a:visited {border:5px solid #ccc;}
	.gallery-view-album #middleContent #photo-listing li a:hover,
	.gallery-view-album #middleContent #photo-listing li.selected a {border-color:#e51837;}
	.gallery-view-album #middleContent #photo-listing li img {height:83px; width:83px;}
	/********************************
	/* exhibitors area */
	form#exhibitorsLoginForm {font-size:80%;}
	form#exhibitorsLoginForm table tr td {padding:5px 5px 0 5px;}
	form#exhibitorsLoginForm table tr td input {width:250px; color:#666666;}
	form#exhibitorsLoginForm table tr td input.widthAuto {width:auto; color:#666; border:1px solid #ccc; cursor:pointer;}
	form#exhibitorsLoginForm table tr.error td {padding-bottom:10px;}
	form#exhibitorsLoginForm table tr.error td p {padding:20px; background:#FFFF99; border:1px solid red; color:#FF0000;}