@charset "utf-8";
/* CSS Document */

/* Straighta.co.uk default layout */

/* Copyright 2008 Shane Griffiths 83Pixels.com */

/*				**Colours Used**

				StraightA Classic Blue #4584bf
				StraightA Orange: #d16d1a
				StraightA Pink: #c13b8f
				StraightA Green: #7fd038
				StraightA Purple: #681b92
				Default text colour Charcoal: #292929
*/

/* YUI Changes */
	
	ul li							{list-style-position:outside; list-style-type:none;}
	h1, h2, h3						{margin:0em 0pt;}/*base-min.css (line 7) - removes default padding for headings*/
	ol li							{list-style-position:outside; list-style-type:none;}
	
/* Tools */
	
	div.clear 						{clear:both;}
	div.push						{height:300px;}
	
/* High Level Styling and Structure */
	
	html, body								{background:url(../../images/bg.png) repeat; height:100%; color:#292929; text-align:left; font-size:13px;}																
	div#page-wrapper						{background:url(../../images/page-wrapper-bg.png) repeat-y; margin:0em auto -300px; 
											width:975px; height:auto !important; min-height:100%; }
	div#page-wrapper #inner-wrapper-home 	{margin: 0em auto 0em auto; width:800px;}
	div#page-wrapper #inner-wrapper			{margin: 0em auto 5em auto; width:800px;}
	#date									{color:#FFFFFF;font-size:10px;left:230px;position:absolute;top:21px;}
	
/* Header */
		
	#header									{margin: 0em 2em 1.5em 2em; padding-top:1.5em; position:relative;}
	div#header div#main-nav-area			{float:right; margin: -5px -12px 0px 0px; width:560px;}		
	#main-nav-area ul#main-nav				{border-top: 30px solid #4584bf; padding-top:0.3em;}
	#main-nav-area ul#main-nav li			{display: inline; list-style-type: none; margin-right: 1.4em;}
	
/* Main Content */					
	
	#content-area							{margin:0px 17px 0px 17px;}
	#content-area #main-content				{width: 530px; float:right;}
	#content-area #extra-content			{width: 180px; float:left;}	
	#main-content .text-area				{position:relative; width: 100%; margin:30px 0 0 -20px;}
	#main-content .box-area					{position:relative; width: 100%; margin:30px 0 0 0px; height:345px;}
	
/* Type and in-page content */

	h1.text-header							{font-size:25px; font-weight:bold; line-height:30px;}
	h2.text-header							{}
	p										{line-height:20px; padding-top:10px; text-align:justify;}
	.small-info 								{color:#FFFFFF; font-size:10px; line-height:12px;}
	.course-list ul							{margin: 15px 0px 0px 0px}
	.course-list li							{margin: 7px 0px 0px 15px; background-image:url(../../images/b-arrow.png); background-position:0em 0.5em; background-repeat:no-repeat;
											text-indent:15px;}
	.course-list li a,.course-list li a:active	{color:#292929; text-decoration:none;}
	.course-list li a:hover					{color:#4584bf; text-decoration:none;}
	.module-list							{margin: 15px 0px 20px 0px}
	.module-list li							{margin: 7px 0px 0px 15px; background-image:url(../../images/b-arrow.png); background-position:0em 0.5em; background-repeat:no-repeat;
											text-indent:15px;}
	p.error									{font-size:10px;background-color:#FF7F7F; border:3px solid #FF5F5F; padding:10px; font-weight:bold;}
	p.success								{font-size:10px;background-color:#80D038; border:3px solid #54BF53; padding:10px; font-weight:bold;}
	
/* Boxes */

	.blue-box									{width:176px; background: url(../../images/boxes/blue-box-middle.png) center repeat-y; margin: 10px 0px 30px 0px;}
	.blue-box .inside							{padding: 0px 10px; text-align:left;}
	.colour-box									{width:200px; margin: 10px 0px 0px 0px; position:absolute;}
	.colour-box .inside							{padding: 0px 20px;}
	.large-box									{margin: 10px 0px 0px 0px; width:530px; background: url(../../images/large-boxes/large-blue-box-middle.png) center repeat-y; text-align:center;}
	#large-promo								{position:relative;}
	.large-box .inside							{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align:center;}
	.box-bottom-fix								{margin: 0px 0px -3px 0px;}
	#news-list									{margin-left:1.2em; margin-right:0px;}
	#news-list li								{background-color:#EEEEEE; margin:10px 0 0;padding:2px;}
	#news-list li a, #news-list li a:visited	{ text-decoration:none; color:#292929;}
	#news-list li a:hover						{ color:#4584bf;}
	
	
	
/* Flash box on the front page */

	.large-blue-box-flash				{width:530px; background-image:url(../../images/large-boxes/large-blue-box.png); background-repeat:no-repeat; height:318px;
										 margin: 10px 0px;}
	.large-blue-box-flash .inside		{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align:center;}
	#flashcontent						{margin:0px; padding:0px; position:relative; top:26px; left:0px; text-align:center; background-color:4584bf;}
	
/* Headings and Links */

	a:link,a:visited						{text-decoration:none;}
	a:hover									{text-decoration:underline;}
	#header h1#logo a						{background:transparent url(../../images/logo-main-with-bg.png) no-repeat scroll left top; float:left;
											 height:62px; text-indent:-9999px;width:170px; margin:0em 0em 0em 0px;}
	.colour-box h2							{font-weight:normal; text-align:left;}
	.colour-box h2 a						{color:#FFFFFF; font-weight:normal; font-size:17px; text-decoration:none; text-align:left;}
	.colour-box h2 a:hover					{color:#FFFFFF; font-weight:normal; font-size:17px; text-decoration:underline;}
	.colour-box .inside ul					{margin-left:10px;} /* over rides default left margin for some lists */
	.colour-box .inside ul li				{background-image:url(../../images/w-arrow.png); background-repeat:no-repeat;				
											 background-position:0.3em 0.4em; text-indent:16px}
										 
	.colour-box .inside ul li a				{color:#FFFFFF; font-size:16px; line-height:16px; text-decoration:none;}
	.colour-box .inside ul li a:hover		{color:#FFFFFF; font-size:16px; line-height:16px; text-decoration:underline;}
	
	#footer-inside a						{color:#FFFFFF; font-size:12px; line-height:16px; text-decoration:none;}
	#footer-inside a:hover					{color:#FFFFFF; font-size:12px; line-height:16px; text-decoration:underline;}
	
	.blue-box .inside h2					{margin:-22px 25px 0px;} 
								
/*top nav */
	
	ul#main-nav li a, ul#main-nav li a:active 				{color:#212021; font-size:85%; font-weight:bold; text-transform:uppercase; 
															text-decoration:none; padding:5px 5px 5px 5px;}
	ul#main-nav li a:hover									{ background-color:#ededed; color:#212021; font-size:85%; font-weight:bold; 
															text-transform:uppercase; text-decoration:none; padding:5px 5px 5px 5px;}
/* side-nav */

	.nav-li													{}
	#side-nav-container										{padding: 0px 10px; text-align:left; height:285px;}
	#side-nav												{margin: 0px 0px 0px 0px;}
	#side-nav .nav-li										{padding: 5px 0px 5px 0px;background-image:url(../../images/b-arrow.png);									
															background-position:0em 0.8em; background-repeat:no-repeat; 
															border-bottom:1px solid #347DCF; text-indent:9px}
	#side-nav .nav-li a	 									{text-decoration:none; color:#292929; font-size:12px; display:block; margin-bottom:0.1em; padding:1px;}
	#side-nav .nav-li a:hover								{color:#4584bf;}
	.sub-side-nav											{margin: 0px 0px 0px 0px;} /* over rides default left margin for some lists */
	.expand													{background:#EFEFEF; border-top:1px solid #347DCF;}
	.expand li												{padding-top:2px;}
	
/* relevant-content and relevant-download and promo boxes */

	#relevant-content,#relevant-download						{margin:1em 0px 1em 1em;}

	#relevant-content li,#relevant-download li					{padding: 5px 0px 0px 0px;background-image:url(../../images/b-arrow.png);									
																background-position:0.3em 0.8em; background-repeat:no-repeat; text-indent:16px}
																
	#relevant-content li a,#relevant-download li a				{text-decoration:none; color:#292929; font-size:11px;}
	#relevant-content li a:hover,#relevant-download li a:hover	{color:#4584bf;}
	.promo-box													{width:176px; margin: 10px 0px 30px 0px;}

/* image and logo classes */

	.side-logo													{padding: 0px 0px 25px 0px;}	
	.stage-image												{border-bottom: 1px solid #EEEEEE;}

/* news and in-text links */

	ul#news												{color:#292929;}
	ul#news li,ul#news a,ul#news a:active,p a,p a:active		{padding: 0px 0px 10px 0px; font-size:12px; line-height:15px; color:#292929;}
	ul#news a,ul#news a:active,p a,p a:active				{color:#4584bf; font-weight:bold; text-decoration:none;}
	ul#news a:hover,p a:hover,							{color:#4584bf; font-weight:bold; text-decoration:underline;}

/* Case Study */
	.quote										{background-color:#EDEDD8; padding:19px; border:1px solid #292929;}
	.case-study-quote							{font-size:15px;}
	.case-study-quote-author					{font-size:12px;}
	
/* Footer */

	#footer-area							{width:799px; height: 300px; background-color:#4584bf; margin: 0px auto; position:relative;}
	#footer-area #footer-inside				{width:600px; margin: 0 auto; position:relative;}
	#footer-inside ul						{margin-left:0px;}
	#footer-inside ul li					{background-image:url(../../images/w-arrow.png); background-repeat:no-repeat;
											 background-position:0.3em 0.4em; text-indent:16px;}
	#footer-inside h2						{color:#FFFFFF; font-weight:bold; font-size:13px; text-decoration:none; padding-bottom:0px;}
	#footer-inside #footer-inside-left		{position:absolute; top:0px; left:0px; width:200px;}
	#footer-inside #footer-inside-middle	{position:absolute; top:0px; left:210px; width:300px;}
	#footer-inside #footer-inside-right		{position:absolute; top:0px; left:510px; width:200px;}
	#company-info							{position:absolute; top:212px; left:35px}


/* misc */

	hr										{color:#4584bf;}
	.module-list small						{margin-left:35px; padding-top:3px; display:block;}

#PicNetEyeTracker {font-size:8px; color:#999999;}