/*--------------------- body ---------------------*/

html, body { height: 100%; }

body, form, fieldset {
	margin: 0; 
	padding: 0;
	font-family: Arial, Helvetica, sans-serif; }

body {
	background: #FF9900 url("../images/bg.jpg") top center repeat-y; font-size: 62.5%;}

/* to force scrollbar with centered layout */
html {
	min-height: 100%;
	margin-bottom: 1px; }	
/*--------------------- wireframe structure ---------------------*/	

#container {
	width: 760px;
	height: 100%;
	margin: 0 auto; 

	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 1em; /* the bottom margin is the negative value of the footer's height */

}
	
	#head {
		height: 108px;
		background: transparent url("../images/bg_head.jpg") top center no-repeat; }
		
	#contentwrap {
		margin-top: 25px; }
		
		#leftcol {
			width: 200px;
			float: left;
			margin: 0 20px 53px 0; }
		.contentpane {
			font-size: 1em;
			line-height: 1.2em;
		}

		.contentpane li {
			font-size: 1em;
			line-height: 1.2em;
		}
		.contentdescription {
			float: right;
			font-size: 1em;
			line-height: 1.2em;
		}	
		#content{
			width: 540px;
			float: right;
			font-size: 1.2em;
			line-height: 1.2em;
			margin: 0 0 27px; }
	
			html>body #content { margin: 0; } /* cancel margin gap at bottom of content, not required in FF */

			.push {height: 1em; }
.clr{
	clear:both;
	}
		#foot {
			width: 760px;
			clear: both;color: #e2e2e2; 
			margin: 0px auto 0 auto; /* -28px to bring it into the bottom of the browser */
			background: #494949 url("../images/bg_foot.jpg") top left repeat-x;
			text-align: center; 
			
			height: 4em; /* .push must be the same height as .footer */

			}
			#foot p {background:#494949}
			#leftcorner { 
				background:transparent url("../images/bg_footleft.jpg") top left no-repeat; }
				
			#rightcorner { 
				height: 20px;
				padding-top: 8px;
				background:transparent url("../images/bg_footright.jpg") top right no-repeat; }
			#foot td span.mainlevel-level3 {color: #fff;background:#494949}
			#foot td .mainlevel-level3{
				margin: 0;
				color: #e2e2e2; 
				font-family: "Lucida Sans", "Lucida Sans Unicode", sans-serif;
				font-size: 1em;background:#494949 }
				
			#foot  a{
				color: #e2e2e2;
				text-decoration: none; }
				
			#foot a:hover {
				color: #e2e2e2;
				text-decoration: underline; }

/*--------------------- paragraphs & headings ---------------------*/

p, h1, h2, h3, .componentheading, .contentheading { margin: 0px; }

p {
	font-family: Arial, Helvetica, sans-serif;
	color: black; }

p.clear {
	margin: 0; 
	clear: both;
	font-size: 0.1em;
	display: block;
	height:0em; }	
	
h1, .componentheading { 
	font-size: 1.6em;
	color: #2A759C !important; 
        font-weight: bold; 
		}	 
	
h2, .contentheading {
	font-size: 1.4em;
	color: #43A7DC; 
	font-weight:bold;
	}
	.contenttophead{
	font-size: 1.4em;
	color:#D3D3D3;
	font-weight:bold;

	}
	.contentheading a{
	color: #2A759C !important; 
	text-decoration:none !important; 
	
	}
.contentheading a:hover {

	color: #FF9900 !important; 
	}	
	
	
h3 { 
	font-size: 1.2em;
	color: #ADADAD; 
	margin:5px 0px}		

/*------- homepage-specific elements ---------*/				
.moduletable{ text-align:left;}
.moduletable-services {
	width: 164px; 
	float: left;
	padding: 10px 18px 15px;color: #fffffe; font-size:12px;
	background: #4A6473 url("../images/bg_home_services.jpg") top center no-repeat; }
	
	.moduletable-services p { color: #fffffe; }

.moduletable-signup {
	width: 164px; 
	float: left;
	padding: 47px 18px 15px;color: #000; font-size:120%;
	background: url("../images/bg_signup_box_200.jpg") top left no-repeat; }
	
	.moduletable-services p { color: #000; }
	
	.blog-blog { 
		width: 540px; 
		padding: 50px 17px 10px;
		background: transparent url("../images/bg_blog_box.jpg") top left no-repeat; }
		

		.blog-blog td.contentheading-blog{ 
			color: #2384B7;
			font-weight: bold;
			font-size:1em; 
			margin: 0; }
	
	#signup_box {
		float: left;
		width: 226px;
		padding: 50px 17px 0;
		margin-right: 20px;
		background: transparent url("../images/bg_signup_box_260.jpg") top left no-repeat; }
		
		#signup_box input.emailaddy { 
			width: 219px;
			height: 17px;
			float: left;
			padding: 2px 0 0 5px;
			background-color: #DEF7FF;

			border: 1px solid #D1EBF3; }
		 
		 #signup_box images.bt_singup {
		 	float: right;
			width: 66px; 
			height: 22px;
			margin: 5px 0 0; }
	
	#press_box {
		float: left;
		width: 226px;
		padding: 50px 17px 0;
		background: transparent url("../images/bg_press_box.jpg") top left no-repeat; }
		
		#press_box .press_item {
			width: 226px;
			clear: both;
			padding-bottom: 5px; }
		
		#press_box div.date {
			float: left;
			clear: both;
		 	width: 31px;
			height: 27px;
			padding: 4px 0 0 0;
			background: transparent url("../images/bg_date.jpg") top left no-repeat;
			text-align: center; }
			
			#press_box div.date p {
				margin: 0;
				padding: 0;
				font-size: 1.3em;
				width: 31px; }
				
			#press_box div.date p.month {
				font-size: 1em;
				line-height: 1em;
				text-transform:uppercase; }
			
		#press_box p {
		 	float: right;
			width: 180px;
			margin:0;
			padding: 0; }
			
		#press_box a, #press_box a:active, #press_box a:visited {
		 	color: #333;
			text-decoration: underline; }

		#press_box a:hover {
		 	text-decoration: none; }
			
		#press_box p span {
			clear:both;
			color: #2384B7;
			font-size: 0.9em; }


	
/*--------------------- standard elements ---------------------*/	
	
hr { 
	color: #fff; 
	border: none; 
	border-top: 1px solid #d1d1d1; }
	
	html>body hr { 
		border-top: 1px dotted #d1d1d1; }

#content ul { 
	list-style-image: url("../images/bullet.gif");
	margin: 0 0 0 18px;
	padding: 5px; }

#content ul li {
	font-size: 1.0em;
	line-height: 1.4em;
	padding: 2px; }
	
	/*** forms elements ***/

	form label {
		cursor: pointer; }
			
	fieldset {
		border: none; }
			
	input, select, textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding:2px;
		margin:3px 0px;
		color: #333333;
		background-color: #F2F2F2;
		border:1px solid #CCCCCC; }
		textarea {width:400px}

/*--------------------- nav ---------------------*/

a{
	color: #ff9900;
	text-decoration: underline; }
	
a:visited {
	color: #4A6473;
	text-decoration: underline; }	

a:hover, a:active {
color: #ff9900;
	text-decoration: none; }
	
/*** level 1 ***/	
	
ul#mainlevel-level1 { 
	list-style: none;
	height: 26px;
	margin: 0px;
	padding:0px 0px 0px 5px; } /* centres the ul when there is a width defined */
	
ul#mainlevel-level1 li {
	float: left;
	height: 26px;
	margin-right: 1px;
	background: transparent url("../images/bg_level1left.jpg") top left no-repeat; }	
	
ul#mainlevel-level1 a, ul#mainlevel-level1 a:visited { 
	display: block; 
	float: left; 
	height: 20px;
	padding: 6px 20px 0;
	background: transparent url("../images/bg_level1right.jpg") top right no-repeat;
	font-family: "Lucida Sans", "Lucida Sans Unicode", sans-serif;
	font-size: 1.1em;
	color: #666;
	text-transform:uppercase;
	text-decoration: none; }	
	
	ul#mainlevel-level1 a:hover { 
		color: #06A3EE; }
	
	ul#mainlevel-level1 li.mainlevel_current-level1 {
		background: transparent url("../images/bg_level1left_on.jpg") top left no-repeat; color: white; text-decoration: none; }
	
	ul#mainlevel-level1 li a#active_menu-level1, ul#mainlevel-level1 li a#active_menu-level1:visited {
		background: transparent url("../images/bg_level1right_on.jpg") top right no-repeat; color: white; text-decoration: none; }
		
/*** level 2 ***/
.moduletable-level2 { }
.moduletable-level2 h3 {
	margin:0; padding:0; color:#666; font-size:1.2em;
	
	 display:block; 
	line-height:24px;
	border-top:1px dotted #2282B4;
}
.moduletable-level2 h3 a, .moduletable-level2 h3 a:visited {color:#666; text-decoration:none; display:block; background:#E5E5E5; padding:0px; padding-left:10px; font-size:11px}
.moduletable-level2 h3 a:hover{ background:#FF9900; color:#FFFFFF}

._current h3 a{ background:#2A749B !important; color:#FFFFFF !important}


.moduletable-level2 ul { 
	list-style: none;
	clear: both;
	margin: 0 0 0px; 
	padding:0px;
 }
	
	html>body ul#mainlevel-level2 { margin: 0 0 22px; } 
	
.pagenav li, .categories li, .children li, #blog_archive li{
	display: block;	
	width: 200px;
	padding:0px 0px;
	border-top:1px dotted #2282B4;
	}
	
	ul#mainlevel-level2 ul{
	padding:0px; margin:0px;
	}
/*Third tiers*/	
ul#aboutus li ul li {
	display:none;
}
ul#pressspot li ul li {
	display:none;
}
/*end*/
.pagenav li a,  .categories li a,  .children li a,  #blog_archive li a{ 
	display: block;	
	padding: 4px 3px 3px 21px;
	/*height: 19px;
	
	background-color: white;*/
	font-family: "Lucida Sans", "Lucida Sans Unicode", sans-serif;
	font-size: 1.1em;
	color: #404040; 
	text-decoration: none; }
	
	.pagenav a:visited, .categories a:visited, .children a:visited { color: #4A6473; }
	
	
	
	
.pagenav li a:hover, .categories li a:hover, #blog_archive li a:hover{	
	background-color: #E5E5E5;
	color: #404040;
	text-decoration: none; }
	
		
	.pagenav li a:visited, .categories li a:visited, #blog_archive li a:visited{	
	color: #81949F;
	text-decoration: none; }
	
	
	.current_page_item a, .current_page_item a:hover, .current-cat a, .current-cat a:hover{
		color: #2384B7;
		/*background:#DEF7FF;
		background:#DEF7FF url("../images/bg_arrow.gif") center left no-repeat !important;*/ 
		background:#F2F2F2;
		font-weight:bold;
		 }
		

/*--------------------- images ---------------------*/

a img, img a {
	border: 0; }
.contentpaneopen {clear:both; margin:15px 0px 15px 0px; border-bottom:1px solid #CCCCCC}
.article_seperator {width:520px; display:block; float:left; border-top:1px solid #dedede; margin-top:3px 10px;}
a.readon {
	margin-top: 15px;
	display: block;
	float: left;
	width:  88px;
	height: 23px;
	line-height: 23px;
	padding-left: 23px;
	color:#666; font-size:11px; text-decoration:none; text-transform:uppercase;
	background: url(../images/readon.png) no-repeat top left; font-family:Arial, Helvetica, sans-serif;
}
/*--------------------- joomla specific tags ---------------------*/
a.readon:hover {
	color:#fff; background: url(../images/readon.png) no-repeat bottom left; 
}
.credit {position:absolute; top:0; left:-9999px;}
.back_button {
	margin:30px 0;
}
.back_button a, .back_button a:visited{
	padding:1px; display:block; height:14px; width:46px; 
	background:#dedede; color:#676767; text-decoration:none; text-transform:uppercase;
	border:1px solid #cdcdcd; text-align:center;
}
.back_button a:hover{
	background:#98D6F5; color:#000; border:1px solid #79B9DB; 
}
.pagenav_prev a, .pagenav_prev a:visited, .pagenav_next a, .pagenav_next a:visited{
	padding:4px; display:block; height:15px;
	background:#dedede; color:#676767; text-decoration:none; text-transform:uppercase;
	border:1px solid #cdcdcd; width:50px; text-align:center;
}
.pagenav_prev a:hover, .pagenav_next a:hover{
	padding:4px;display:block; height:15px;
	background:#98D6F5; color:#000; text-decoration:none; text-transform:uppercase;
	border:1px solid #79B9DB; width:50px; text-align:center;
}
.sectiontableheader {
	border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;  padding:5px 0 3px 5px; background:#ededed; margin-top:12px; text-transform:uppercase; font-weight:bold;
}
.sectiontablefooter {
text-transform:uppercase;}

tr .sectiontableentry2 td{
	background:#F3F3F3; padding:4px 0;border-bottom:1px solid #dddddd;
}
tr .sectiontableentry1 td{
	background:#ffffff; padding:4px 0;border-bottom:1px solid #dddddd;
}
.small {
font-size:0.75em; text-transform:uppercase; color:#666666; 
}
/*---------		hide this as we are using caldate
.createdate {
font-size:0.75em; text-transform:uppercase; color:#666666; float:left; clear:none; width:100%;
}
--------*/ 
.createdate {
display:none
}
img.logo {
	width: 278px;
	height: 108px;
	float: left;
	margin-left: 33px; }

/*--------------------- inset-style(for displaying blog) ---------------------*/

#inset {
	float: left;
	width: 505px; 
	padding: 50px 17px 10px;
	background: transparent url("../images/bg_blog_box.jpg") top left no-repeat; }

#inset h3, #inset .title a {
	color: #2384B7;
	font-weight: bold;
	font-size:1em; 
	margin: 0; }

#inset .title {margin-bottom:14px;}
/*--------------------- joomla user1 & user2 styles ---------------------*/
#user1, #user2 {
	float: left;
	width: 226px;
	padding: 12px 17px 0; height:150px;
	background: transparent url("../images/module_box.png") top left no-repeat; }
#user1 {margin-right:20px;}
#user1 h3, #user2 h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em; color:#454545; padding-bottom:12px;
}
#user1 a, #user2 a {
	width: 226px;
	clear: both;
	padding-bottom: 5px; }		
#user1 a, #user1 a:active, #user1 a:visited, #user2 a, #user2 a:active, #user2 a:visited {
 	color: #333;
	text-decoration: underline; }

#user1 a:hover, #user2 a:hover {
	text-decoration: none; }
/*--------------------- joomla caldate tags ---------------------*/

div.cd_calpage{
			float: left;
			clear: both;
		 	width: 31px;
			height: 27px;
			padding: 4px 0 0 0;
			background: transparent url("../images/bg_date.jpg") top left no-repeat;
			text-align: center;text-transform:uppercase; }

span.cd_calmonth{ 
	font-size: 10px;
	line-height:10px;
	text-transform:uppercase; display:block; height:10px;
}
span.cd_calday{
	margin: 0;
	padding: 0;
	font-size: 14px;
	width: 36px;
}
span.cd_calyear{
    font-size: 9px;
    display: block;
    text-align: center; display:none;
    font-family: Georgia, Verdana, Arial, sans;
}
.calDateDiv{
    position: relative;
}
.calDateDiv .createdate{
    display: none;
}
body div.calDateDiv td.contentheading{
    padding-left: 50px !important;
    height: 42px;
    vertical-align: top;
	font-weight:bold;
}
.avatar {float:left; margin-right:5px}
.commenttext{width:460px; float:right}
.searchbox{padding:3px 0px 0px 0px}
.rss_w a{ padding:3px 22px; background:url(../images/rss-icon.gif) no-repeat center left; display:block}
.facebook_w a{ padding:3px 22px; background:url(../images/facebook-icon.gif) no-repeat center left; display:block}
.twitter_w a{ padding:3px 22px; background:url(../images/twitter-icon.gif) no-repeat center left; display:block}
.linkedin_w a{ padding:3px 22px; background:url(../images/linkedin-icon.gif) no-repeat center left; display:block}