/* CSS Document */

/* Body and Universal Reset */

* {margin: 0; padding: 0;}

body {
	text-align:center;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:11px;
	color:#666666;
	line-height:15px;
	background:url(/images/backgrounds/bg.gif) top center repeat #9AD152;
}

#wrapper {
	background:url(/images/backgrounds/top_bg.gif) repeat-x;
}
	
#container {
	background:url(/images/backgrounds/header_bg.gif) no-repeat;
	margin:0 auto;
	width:950px;
	text-align:left;
}

td {
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:11px;
	color:#666666;
	line-height:15px;
	vertical-align:top;
}

img {
	border:0;
}

#popupWindowCaller {
	display:none;
}

.clear {
	clear:both;
	height:1px;
}


/* Typography */



/* Header */

.logo {
	margin:26px 0 0 0;
}


/* Main Navigation */

#mainNav {
	margin:91px 0 3px 0;
	height:37px;
	width:675px;
	background:url(/images/backgrounds/main_nav_bg.gif) no-repeat 0 -37px;
	float:right;
}

#mainNav li {
	list-style:none;
	display:inline;
	float:left;
	font-size:12px;
}

#mainNav li a {
	color:#B2B2B2;
	padding:11px 0 0 0;
	display:block;
	height:26px;
	text-align:center;
	background:url(/images/backgrounds/main_nav_bg.gif) no-repeat;
}

#mainNav li a.down {
	color:#808080;
}

#mainNav li a:hover {
	color:#FFFFFF;
	background:none;
}

#mainNav li.home a { width:89px; }

#mainNav li.home a.down { background-position:0 -74px; }

#mainNav li.portfolio a { width:141px; background-position:-89px 0; }

#mainNav li.portfolio a.down { background-position:-89px -74px; }

#mainNav li.about a { width:110px; background-position:-230px 0; }

#mainNav li.about a.down { background-position:-230px -74px; }

#mainNav li.news a { width:92px; background-position:-340px 0; }

#mainNav li.news a.down { background-position:-340px -74px; }

#mainNav li.alerts a { width:130px; background-position:-432px 0; }

#mainNav li.alerts a.down { background-position:-432px -74px; }

#mainNav li.contact a { width:113px; background-position:-562px 0; }

#mainNav li.contact a.down { background-position:-562px -74px; }


/* Right Col */

#rightCol {
	border-top:1px solid #fff;
	width:259px;
	padding:13px 1px;
	float:right;
}

.viewOurGreen {
	background:url(/images/backgrounds/view_our_green.gif) no-repeat;
	height:49px;
	color:#FFFFFF;
	font-size:12px;
	padding:4px 0 0 10px;
	margin:9px 0 0 0;
}

.viewOurPink {
	background:url(/images/backgrounds/view_our_pink.gif) no-repeat;
	margin:0 0 9px 0;
}

.viewOurGreen a {
	color:#FFFFFF;
	font-size:19px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:39px;
}

.viewOurGreen a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}


/* Content */

#contentContainer {
	background:url(images/backgrounds/rightcol_bg.gif) repeat-y top right #fff;
	border-top:3px solid #E8E9ED;
	border-bottom:1px solid #fff;
}

#contentContainer #content {
	border-top:none;
	float:left;
	width:645px;
}

#content {
	background:#FFFFFF;
	border-top:3px solid #E8E9ED;
	padding:17px 18px 1px 18px;
}

#content p, #content table {
	margin:0 0 18px 0;
}

#content ul {
	margin:0 0 18px 18px;
}

#content a {
	text-decoration:underline;
}


/* Media Portfolio */

.portfolioSearch {
	color:#000;
	font-size:12px;
	margin:10px 0 30px 0;
}

.portfolioSearch input, .portfolioSearch select {
	vertical-align:middle;
	font-size:12px;
}

.portfolioSearch select {
	width:205px;
	margin:0 15px 0 3px;
}

.byLabel {
	font-size:13px;
	color:#9AD152;
	font-weight:bold;
	margin:0 0 10px 0;
}

.portfolioColumn {
	width:290px;
	float:left;
	margin:14px 22px 0 0;
}

.portfolioColumnLast {
	margin:14px 0 0 0;
}

#content ul.titleList {
	border:1px solid #CCCCCC;
	margin:0 0 18px 0;
}

.titleList li {
	background:url(/images/backgrounds/logo_seperator.gif) no-repeat top left;
	list-style:none;
	padding:13px 17px;
}

.titleList li.first {
	background:none;
}

#content .titleList a {
	background:url(/images/buttons/more_arrow.gif) no-repeat right center;
	display:block;
	color:#000;
	font-size:17px;
	font-weight:bold;
	line-height:25px;
	text-decoration:none;
}

.publisherName {
	background:url(/images/backgrounds/h1_bg.gif) no-repeat bottom left;
	margin:-27px 0 18px -18px;
	padding:0 0 12px 15px;
}

.publisherNameLabel {
	font-weight:bold;
	color:#000000;
}

#content table.titleViewLogo {
	float:right;
	margin:0 0 0 15px;
}

.titleViewLogo td {
	vertical-align:middle;
	border:1px solid #CCCCCC;
	text-align:center;
	width:258px;
	height:258px;
}

.titleDetails td {
	padding:0 16px 8px 0;
}

.titleDetails td.detailLabel {
	color:#000000;
	font-weight:bold;
}

.featuresListContainer {
	border:1px solid #CCCCCC;
	clear:both;
	margin:0 0 20px 0;
	padding:0 0 15px 0;
}

.featuresListContainer .byLabel {
	line-height:36px;
	margin:0 0 0 21px;
}

.quickLinks {
	font-size:10px;
	color:#808080;
	margin:0 0 0 21px;
}

#content .quickLinks a {
	color:#000;
	text-decoration:none;
}

.featuresListContainer h2 {
	font-size:14px;
	background:#F2F2F2;
	margin:10px 0;
	padding:6px 0 0 21px;
	height:20px;
	clear:both;
}

.featureContainer {
	color:#CCCCCC;
	float:left;
	padding:0 0 0 21px;
	width:283px;
	line-height:19px;
}

.featureContainerBorder {
	background:url(images/backgrounds/logo_seperator.gif) no-repeat;
	padding:7px 0 0 21px;
	margin:7px 0 0 0;
}

.featuresListContainer h3 {
	color:#333333;
	font-size:11px;
	margin:0;
	line-height:15px;
}

.featureDate {
	font-size:10px;
	color:#999999;
}


/* News */

#content h2.newsTitleColour a, h2.newsTitleColour {
	color:#000000;
	text-decoration:none;
	font-size:14px;
	margin:0 0 3px 0;
}

h2.newsTitle {
	background:url(/images/backgrounds/h1_bg.gif) no-repeat 0 -53px;
	padding:15px 0 0 18px;
	margin:0 0 3px -18px;
}

#content p.newsSummary {
	margin:3px 0 15px 0;
	font-size:12px;
	line-height:23px;
}

#print p.article{
	font-size:12px;
	line-height:23px;
}


/* Online Enquiry Form */

#content table.contactDetsTable {
	margin:-15px 0 15px 0;
}

.contactDetsTable td {
	padding:15px 35px 0 0;
	background:url(images/backgrounds/logo_seperator.gif) no-repeat bottom left;
}

.onlineEnquiryTable td {
	padding-bottom:5px;
}

.yourDetails {	
	padding:7px 0 0 0;
	height:30px;
	font-weight:bold;
	font-size:13px;
}

.requiredFields {
	text-align:right;
	padding:7px 0 0 0;
	font-size:11px;
}

.required {
	text-align:center;
	vertical-align:middle;
	padding-left:15px;
	padding-right:5px;
}

.onlineEnquiryTable input.textinput, .onlineEnquiryTable input.textinputhover, .onlineEnquiryTable textarea {
	width:440px;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(/images/backgrounds/white.gif);
}

.textinput {
	border:1px solid #B3B3B3;
	padding:3px;
}

.textinputhover {
	border:1px solid #9ACC65; 
	padding:3px;
}

select {
	font-size:11px;
	/*color:#808080;*/
}

.submit {
	text-align:right;
}

.errorText {
	color:#FF0000;
}


/* Footer */

#searchBar {
	background:#262626;
	color:#FFFFFF;
	font-size:12px;
	padding:0 0 0 18px;
}

.searchMedia {
	height:37px;
	padding:11px 0 0 0;
}

.searchMedia select, .searchMedia input {
	display:inline;
	margin:0 0 0 5px;
	vertical-align:middle;
}

.searchMedia input.textinput, .searchMedia input.textinputhover {
	width:209px;
	color:#808080;
	font-size:11px;
	padding:4px 7px;
}

.byLine {
	float:right;
	font-size:10px;
	color:#fff;
	line-height:48px;
}

.byLine a {
	color:#fff;
}

.byLine a:hover {
	color:#EE529C;
}

#footerNav li {
	display:inline;
	list-style:none;
	color:#333333;
	font-size:10px;
	line-height:48px;
}

#footerNav li a {
	color:#333333;
}

#footerNav li a:hover {
	color:#EE529C;
}


/***** Image Frame *****/

.img_frame {
	padding: 3px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

/* Read More Button - About JFMedia */

img.readmoreBtn {
	margin:8px 0 0 12px;
}

td.imageBox {
	 background:url(/images/editorimages/OurTeam_images/image_box.gif) no-repeat;
	 padding:13px 0 0 9px;
	 height:145px;
}

td.btnBox {
	background:url(/images/editorimages/OurTeam_images/btn_box.gif) no-repeat;
}

p.teamHeading {
	color:#EE529C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}

#text {
	float:left; 
	width:640px; 
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:12px;
	line-height:23px;
}

#image { 
	border:solid #cccccc 1px;
	float:right; 
	width:260px; 
	height:260px;
}

#contactDetails {
	background:url(/images/editorimages/OurTeam_images/contactbox_bg.gif) no-repeat;
	float:right; 
	width:227px;
	height:68px; 
	margin:15px 0 20px 0;
	padding:17px;
	font-size:12px;
	clear:both;
}

#contactDetails img {
	vertical-align:middle;
	margin:0 7px 0 0;
}

#contactDetails a {
	text-decoration:none;
	font-weight:bold;
	color:#EE529C;
}

img.bullet {
	margin:12px 0 0 10px;
}