@charset "utf-8";
/* 
=================== CSS Document  ======================
	
	Site: 			True Potential
	Author: 		Steven Gibbons
	Created: 		19th August 2009
	Updated: 	
	Copyright: 	(c) 2009
	
=========================================================

/* ========= Global ========= */
* { margin: 0; padding: 0; }
html { font-size: 100%; }
body { font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; background: #FFF; }
p { font-size: 1.1em; color: #666; margin: 0; line-height: 1.5; margin: 0; padding: 0 0 10px 0; text-align: left; }
a:focus { outline: none; }

div#wrapper { margin: 0 auto; padding: 0; width: 948px; }
h1 { margin: 15px 0 0 0; padding: 0; float: left; width: 282px; height: 67px; background: url('../img/iR/true_potential.gif') no-repeat; }
h2 { margin: 47px 0 0 0; padding: 0; float: right; font-weight: normal; font-size: 2.6em; color: #1D1354; }

/* ========= Main Left Column ========= */
div#columnLeft { margin: 0 0 20px 0; padding: 0; float: left; width: 750px; }
	div#columnLeft ul#nav { margin: 10px 0; padding: 0; list-style: none; }
	div#columnLeft ul#nav li { float: left; margin: 0; padding: 0; }
		div#columnLeft ul#nav li a { display: block; background-position: top; }
		div#columnLeft ul#nav li a.active,
		div#columnLeft ul#nav li a:hover { background-position: bottom!important; }

		div#columnLeft ul#nav li a#mmLogout { width: 87px; height: 33px; background: url('../img/iR/mm_logout.gif') no-repeat; }
		div#columnLeft ul#nav li a#mmHome { width: 62px; height: 33px; background: url('../img/iR/mm_home.gif') no-repeat; }
		div#columnLeft ul#nav li a#mmOurSystem { width: 102px; height: 33px; background: url('../img/iR/mm_our_system.gif') no-repeat; }
		div#columnLeft ul#nav li a#mmDemo { width: 64px; height: 33px; background: url('../img/iR/mm_demo.gif') no-repeat; }
		div#columnLeft ul#nav li a#mmMobileDevices { width: 125px; height: 33px; background: url('../img/iR/mm_mobile_devices.gif') no-repeat; }
		div#columnLeft ul#nav li a#mmCommunication { width: 124px; height: 33px; background: url('../img/iR/mm_communication.gif') no-repeat; }
		div#columnLeft ul#nav li a#mmAboutUs { width: 84px; height: 33px; background: url('../img/iR/mm_about_us.gif') no-repeat; }
		div#columnLeft ul#nav li a#mmOurUsers { width: 92px; height: 33px; background: url('../img/iR/mm_our_users.gif') no-repeat; }
		div#columnLeft ul#nav li a#mmCasestudies { width: 125px; height: 33px; background: url('../img/iR/mm_casestudies.gif') no-repeat; }
		div#columnLeft ul#nav li a#mmTestimonials { width: 125px; height: 33px; background: url('../img/iR/mm_testimonials.gif') no-repeat; }
		div#columnLeft ul#nav li a#mmContactUs { width: 97px; height: 33px; background: url('../img/iR/mm_contact_us.gif') no-repeat; }
		div#columnLeft ul#nav li a#mmEmpty { width: 272px; height: 33px; background: url('../img/iR/mm_empty.gif') no-repeat; }




		div#columnLeft ul#nav li a#mmHomeConsumer { width: 75px; height: 33px; background: url('../img/iR/consumer/mm_home.gif') no-repeat; }
		div#columnLeft ul#nav li a#mmYourClientWebsiteConsumer { width: 172px; height: 33px; background: url('../img/iR/consumer/mm_your_client_website.gif') no-repeat; }
		div#columnLeft ul#nav li a#mmYourMobileDevicesConsumer { width: 173px; height: 33px; background: url('../img/iR/consumer/mm_your_mobile_devices.gif') no-repeat; }
		div#columnLeft ul#nav li a#mmCommunicationConsumer { width: 140px; height: 33px; background: url('../img/iR/consumer/mm_communication.gif') no-repeat; }
		div#columnLeft ul#nav li a#mmAboutUsConsumer { width: 99px; height: 33px; background: url('../img/iR/consumer/mm_about_us.gif') no-repeat; }
		div#columnLeft ul#nav li a#mmContactConsumer { width: 91px; height: 33px; background: url('../img/iR/consumer/mm_contact.gif') no-repeat; }


	div#sidebar { float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #CCC; margin: -2px 0 0 0; padding: 10px; width: 188px; }
		div#sidebar h4 { font-weight: normal; font-size: 2.0em; color: #1D1354; margin: 0 0 5px 0; }
		div#sidebar ul { margin: 0 0 10px 0; }
		div#sidebar ul li { list-style: none; margin: 0; padding: 0 0 3px 0; color: #9F218B; }
			div#sidebar ul li a { font-size: 1.1em; color: #9F218B; text-decoration: none; }
			div#sidebar ul li a:hover { text-decoration: underline; }
				
	div#middle { float: right; -moz-border-radius: 5px; border: 1px solid #CCC; margin: -2px 0 0 0; padding: 5px; }
		div#middle .inner { width: 488px; padding: 10px 15px; background: url('../img/bg/communication_gradient.jpg') repeat-x top; }
		div#middle .inner ul#feed { list-style: none; margin: 0; padding: 0; }
			div#middle h3 { font-weight: normal; font-size: 3.0em; color: #1D1354; margin: 0 0 15px 0; }
			div#middle h5 { font-weight: normal; font-size: 1.8em; color: #1D1354; margin: 0 0 15px 0; }
			div#middle h6 { font-weight: normal; font-size: 1.4em; color: #1D1354; margin: 0 0 15px 0; }
			div#middle p a { color: #9F218B; text-decoration: none; }
				div#middle p a:hover { text-decoration: underline; }

			div#middle ol { margin: 0 0 15px 25px; padding: 0; }
				div#middle ol li { font-weight: normal; font-size: 1.0em; color: #666; margin: 0 0 5px 0; }

			div#middle ul { margin: 0 0 15px 25px; padding: 0; }
				div#middle ul li { font-weight: normal; font-size: 1.0em; color: #666; margin: 0 0 5px 0; }
				
			div#middle p { font-weight: normal; font-size: 1.0em; color: #666; margin: 0 0 5px 0; }
			div#middle ul.meta { margin: 0 0 15px 0; }
			div#middle ul.meta li { list-style: none; color: #1D1160; padding: 0; margin: 0 0 3px 0; }
			div#middle ul.meta li a { color: #1D1160; text-decoration: none; }
				div#middle ul.meta li a:hover { text-decoration: underline; }
			
			div#middle img.photo { float: right; margin: 0 0 10px 10px; }
			
			div#middle ul.postMeta { margin: 0 0 20px 0; }
				div#middle ul.postMeta li { text-transform: uppercase; color: #FFF; float: left; display: table; list-style: none; padding: 5px; background: #9F218B; }
				div#middle ul.postMeta li a { color: #FFF; text-decoration: none; text-transform: uppercase; }
				div#middle ul.postMeta li a:hover { text-decoration: underline; }

	ul#commentsList { margin: 0 0 20px 0!important; padding: 10px 0 0 0; list-style: none; }
		ul#commentsList li { min-height: 110px; margin: 0!important; padding: 15px 25px 15px 106px; background: #9F218B; position: relative; }
		ul#commentsList li.alt { background: #831B73!important; }
			ul#commentsList li p { color: #FFF; padding: 0 0 5px 0; margin: 0; }
			ul#commentsList li p em { font-size: 1.2em; }
			ul#commentsList li div.author { position: absolute; top: 20px; left: 10px; }
			ul#commentsList li div.author p { margin: 0 0 0 10px; width: 60px; text-align: center; font-weight: bold; color: #FFF; }
			ul#commentsList li p.commentDate { text-align: right; position: absolute; bottom: 5px; right: 25px; color: #FFF; }

			form#comments table.form {}
			form#comments table.form th, form#comments table.form td { padding: 5px 0; color: #999; }
			form#comments table.form th { padding: 8px 15px 2px 15px; text-align: right; vertical-align: text-top; }
			form#comments table.form td h6 { margin: 0; }
			form#comments table.form td span { color: #9F218B; }
			form#comments table.form input.text, form#comments table.form textarea { border: 1px solid #CCC; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; }
			form#comments table.form input#commentName { width: 155px; }
			form#comments table.form input#commentEmail { width: 155px; }
			form#comments table.form input#commentHomepage { width: 205px; }
			form#comments table.form textarea { width: 250px; }
			form#comments table.form a { color: #9F218B; text-decoration: none; }
			form#comments table.form a:hover { text-decoration: underline; }
			form#comments table.form a.btnReplace { width: 122px; height: 26px; background-image: url('../img/iR/a_post_comment.gif'); }
			form#comments table.form a.btnReplace:hover { background-position: bottom; }
		
		div#pagenation { position: relative; margin: 10px 0 -20px 0; width: 100%; }
		div#pagenation a#next,
		div#middle a#top { text-decoration: none; font-weight: normal; font-size: 1.4em; color: #9F218B; position: relative; top: -29px; left: 200px; }
		div#pagenation span.fLeft a,
		div#pagenation span.fRight a { text-decoration: none; font-weight: normal; font-size: 1.4em; color: #9F218B; margin: 0 0 15px 0; }
			div#pagenation span.fLeft a:hover,
			div#pagenation span.fRight a:hover { text-decoration: underline; }

				

/* ========= Main Right Column ========= */
div#columnRight { margin: 10px 0 20px 0; padding: 0; float: right; width: 188px; }
	div#columnRight div#clientLogin { margin: 0 0 10px 0; padding: 0; width: 188px; background: #1D1160; }
		div#columnRight div#clientLogin a#login { width: 188px; height: 33px; background: url('../img/iR/a_client_login.gif') no-repeat; }
			div#columnRight div#clientLogin a#login:hover { background-position: bottom; }
			
		div#columnRight form#search { margin: 0 0 10px 0; background: #818183; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; }
		div#columnRight form#search h4 { font-weight: normal; font-size: 2.0em; color: #FFF; margin: 0 0 5px 0; }
		div#columnRight form#search input { border: 0; margin: 0 0 7px 0; width: 157px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; }
		div#columnRight form#liveDemo textarea { border: 0; margin: 0 0 7px 0; width: 157px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; }

			div#columnRight form#search a.btnReplace { width: 110px; height: 26px; background-image: url('../img/iR/a_search.gif'); }
			div#columnRight form#search a.btnReplace:hover { background-position: bottom; }

		div#columnRight form#liveDemo { margin: 0 0 10px 0; background: #9F218B; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; }
		div#columnRight form#liveDemo h6 { font-weight: normal; font-size: 1.6em; margin: 0 0 5px 0; }
			div#columnRight form#liveDemo h6 a { display: block; color: #FFF; text-decoration: none; padding: 2px 0 2px 30px; background: url('../img/bg/live_demo_icon.gif') no-repeat; }
				div#columnRight form#liveDemo h6 a.open { background-position: left bottom; }
		div#columnRight form#liveDemo p { color: #D3A5CC; }
		div#columnRight form#liveDemo input { border: 0; margin: 0 0 7px 0; width: 157px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; }
			div#columnRight form#liveDemo a#submitDetails { width: 160px; height: 36px; background: url('../img/iR/a_submit_details.gif') no-repeat; }
			div#columnRight form#liveDemo a#submitDetails:hover { background-position: bottom; }
			div#columnRight form#liveDemo a.btnReplace { width: 110px; height: 26px; background-image: url('../img/iR/a_submit.gif'); }
			div#columnRight form#liveDemo a.btnReplace:hover { background-position: bottom; }

		div#columnRight form#seminarInvite { margin: 0 0 10px 0; background: #1D125A; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; }
		div#columnRight form#seminarInvite h6 { font-weight: normal; font-size: 1.6em; margin: 0 0 5px 0; }
			div#columnRight form#seminarInvite h6 a { display: block; color: #FFF; text-decoration: none; position: relative; z-index: 1; padding: 2px 0 1px 30px; background: url('../img/bg/seminar_invite_icon.gif') no-repeat top left; }
			* html div#columnRight form#seminarInvite h6 a { display: block; color: #FFF; text-decoration: none; position: relative; z-index: 1; padding: 2px 0 2px 30px; background: url('../img/bg/seminar_invite_icon.gif') no-repeat top left; }
				div#columnRight form#seminarInvite h6 a.open { background-position: left bottom; }
		div#columnRight form#seminarInvite p { color: #FFF; }
		div#columnRight form#seminarInvite input { border: 0; margin: 0 0 7px 0; width: 157px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; }
		div#columnRight form#seminarInvite select { border: 0; margin: 0 0 7px 0; width: 167px; height: 25px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; }
		div#columnRight form#seminarInvite textarea { border: 0; margin: 0 0 7px 0; width: 157px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; }
		* html div#columnRight form#seminarInvite textarea { border: 0; margin: 0 0 7px 0; width: 157px; height: 35px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; }
		
			div#columnRight form#seminarInvite a#register { width: 160px; height: 36px; background: url('../img/iR/a_register.gif') no-repeat; }
			div#columnRight form#seminarInvite a#register:hover { background-position: bottom; }
			div#columnRight form#seminarInvite a.btnReplace { width: 110px; height: 26px; background-image: url('../img/iR/a_submit_SI.gif'); }
			div#columnRight form#seminarInvite a.btnReplace:hover { background-position: bottom; }		

		div#columnRight div.rightBox { -moz-border-radius: 5px; border: 1px solid #CCC; margin: 0 0 10px 0; padding: 0 0 10px 0; }
		div#columnRight div.rightBox h4 { font-weight: normal; font-size: 2.0em; color: #1D1354; margin: 0 0 5px 0; padding: 5px 10px; }
		div#columnRight div.rightBox h5 { font-weight: normal; font-size: 1.6em; color: #1D1354; margin: 0 0 5px 0; padding: 5px 10px; }
		div#columnRight div.rightBox img { border-bottom: 1px solid #CCC; }
		div#columnRight div.rightBox p { padding: 0 10px; }
		div#columnRight div.rightBox ul { margin: 0; padding: 0 10px; }
		div#columnRight div.rightBox ul li { list-style: none; margin: 0; padding: 0 0 3px 0; }
			div#columnRight div.rightBox ul li a { font-size: 1.1em; color: #9F218B; text-decoration: none; }
			div#columnRight div.rightBox ul li a:hover { text-decoration: underline; }
		div#columnRight div.rightBox div.spacer { height: 10px; }
		div#columnRight div.rightBox a.more { color: #9F218B; text-decoration: none; padding: 1px 0 2px 20px; background: url('../img/bg/more_icon.gif') no-repeat; }
			div#columnRight div.rightBox a.more:hover { text-decoration: underline; }
		div#columnRight div.rightBox h4.testimonial { margin: 0; padding: 0 10px 5px 10px; background: url('../img/bg/h4_testimonials.gif') no-repeat; color: #FFF; }

hr { margin: 0; padding: 0; height: 1px; border: 1px dotted #999; border-width: 1px 0 0 0; clear: both; }

div#columnRight div#switch { margin: 0 0 10px 0; padding: 0; width: 187px; background: #1D1160; }
div#columnRight div#switch a#consumer { width: 187px; height: 55px; background: url('../img/iR/a_consumer.gif') no-repeat; }
	div#columnRight div#switch a#consumer:hover { background-position: left bottom; }

	div#columnRight div#switch a#ifa { width: 187px; height: 55px; background: url('../img/iR/a_IFA.gif') no-repeat; }
		div#columnRight div#switch a#ifa:hover { background-position: left bottom; }

div#advert { position: relative; margin: 0 0 12px 0; width: 188px; height: 333px; background: url('../img/bg/advert.jpg') no-repeat; }
div#advert a { position: absolute; bottom: 10px; left: 10px; width: 168px; height: 36px; background: url('../img/iR/a-click-here.gif') no-repeat; }
div#advert a:hover { background-position: bottom; }

div#twoOptions { margin: 0 0 12px 0; width: 188px; height: 64px; background: url('../img/bg/two_options.jpg') no-repeat; }

form#needIFA { margin: 0 0 10px 0; background: #9F218B; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; }
form#needIFA h6 { font-weight: normal; font-size: 1.6em; margin: 0 0 5px 0; }
form#needIFA h6 a { display: block; color: #FFF; text-decoration: none; position: relative; z-index: 1; padding: 2px 0 2px 30px; background: url('../img/bg/live_demo_icon.gif') no-repeat top left; }
	* html form#needIFA h6 a { display: block; color: #FFF; text-decoration: none; position: relative; z-index: 1; padding: 2px 0 2px 30px; background: url('../img/bg/live_demo_icon.gif') no-repeat top left; }
form#needIFA h6 a.open { background-position: left bottom; }
form#needIFA p { color: #D3A5CC; }
form#needIFA input { border: 0; margin: 0 0 7px 0; width: 157px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; }
form#needIFA textarea { border: 0; margin: 0 0 7px 0; width: 157px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; }
* html form#needIFA textarea { border: 0; margin: 0 0 7px 0; width: 157px; height: 35px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; }

form#needIFA a#submitDetailsNeed { width: 160px; height: 36px; background: url('../img/iR/a_submit_details.gif') no-repeat; }
form#needIFA a#submitDetailsNeed:hover { background-position: bottom; }
form#needIFA a.btnReplace { width: 110px; height: 26px; background-image: url('../img/iR/a_submit.gif'); }
form#needIFA a.btnReplace:hover { background-position: bottom; }


form#haveIFA { margin: 0 0 10px 0; background: #9F218B; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; }
form#haveIFA h6 { font-weight: normal; font-size: 1.6em; margin: 0 0 5px 0; }
form#haveIFA h6 a { display: block; color: #FFF; text-decoration: none; position: relative; z-index: 1; padding: 2px 0 2px 30px; background: url('../img/bg/live_demo_icon.gif') no-repeat top left; }
	* html form#haveIFA h6 a { display: block; color: #FFF; text-decoration: none; position: relative; z-index: 1; padding: 2px 0 2px 30px; background: url('../img/bg/live_demo_icon.gif') no-repeat top left; }
form#haveIFA h6 a.open { background-position: left bottom; }
form#haveIFA p { color: #D3A5CC; }
form#haveIFA input { border: 0; margin: 0 0 7px 0; width: 157px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; }
form#haveIFA textarea { border: 0; margin: 0 0 7px 0; width: 157px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; }
* html form#haveIFA textarea { border: 0; margin: 0 0 7px 0; width: 157px; height: 35px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; }

form#haveIFA a#submitDetailsHave { width: 160px; height: 36px; background: url('../img/iR/a_submit_details.gif') no-repeat; }
form#haveIFA a#submitDetailsHave:hover { background-position: bottom; }
form#haveIFA a.btnReplace { width: 110px; height: 26px; background-image: url('../img/iR/a_submit.gif'); }
form#haveIFA a.btnReplace:hover { background-position: bottom; }

/* ========= Footer ========= */
div#ftr { margin: 20px 0 0 0; padding: 0; width: 948px; clear: both; }
	div#ftr p { text-align: center; padding: 0 0 15px 0; }
	div#ftr p a { color: #9F218B; text-decoration: none; }
	div#ftr p a:hover { text-decoration: underline; }
	div#ftr p a.rss { padding: 2px 0 2px 20px; background: url('../img/bg/rss_icon.gif') no-repeat; }




/* ========= Important Classes ========= */
a.btnReplace { cursor: pointer; }
input.btnReplace { display: none; margin: 0; padding: 0; }
img.btnReplace { cursor: pointer; }

.fLeft { float: left; }
.fRight { float: right; }

.margin { margin: 0 0 10px 0!important; }
.noMargin { margin: 0!important; }
.pad { padding: 10px 0 0 0!important; }
.noPad { padding: 0!important; }

.imgReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix {height: 1%;}
.clearfix { display: inline-block; }  /* for IE/Mac */