/************************************
AURELIUS
URL: www.qwibbledesigns.co.uk/preview/aurelius/
AUTHOR: Matthew Corner (QwibbleDesigns)
DATE: 31 Jan, 2010
REVISION: 1.0
DESCRIPTION: A premium business and portfolio theme.
************************************/

/* Global Styles */

	body {
		background:url(/img/bg.png) repeat-x #FFFFFF;
		font-size:14px;	
		font-family: 'Muli', Arial, sans-serif; 
		color:#030303;
	}
	a {
		color:#009ff0;
		text-decoration:none;
	}
	a:focus	{
		outline:1px dotted;
	}
	a:hover	{
		text-decoration:none;
		color:#ff6600;
	}
	a:visited	{
		outline:1px dotted;
	}
	a span {
		font-size:90%;
	}
	h1 {font-size:72px;}
	h2 {font-size:36px;}
	h3 {font-size:24px;}
	h4 {font-size:20px;margin-top:20px;}
	h5 {font-size:16px;}
	h6 {font-size:14px;}
	ol {list-style:decimal;}
	ul {list-style:disc;}
	li {margin-left:20px; position:relative;}
	p,
	li,
	dl {line-height:18px;}
	p,
	dl,
	hr,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	ol,
	ul,
	pre,
	table,
	address,
	fieldset,
	img {margin-bottom:20px;}
	#wrapper							{margin-top:7px;}
	ul li ul,
	ol li ol							{margin-bottom:0px;}
	ol									{padding: 0 0 0 5px;}
	h1,h2,h3,h4,h5,h6 						{font-family: 'Quattrocento Sans', Arial, sans-serif;margin-bottom:10px;}
	
/* Custom Grid */

	.container_12 						{margin-left:auto; margin-right:auto; width:1020px;}
	.container_4 						{margin-left:auto; margin-right:auto; width:340px;}
	.float								{display:inline; float:left; position:relative;}
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 							{display:inline; float:left; position:relative; margin-left:20px; margin-right:20px;}
	.container_12 .grid_1				{width:45px;}
	.container_12 .grid_2 				{width:130px;}
	.container_12 .grid_3 				{width:215px;}
	.container_12 .grid_4 				{width:300px;}
	.container_12 .grid_5 				{width:385px;}
	.container_12 .grid_6 				{width:470px;}
	.container_12 .grid_7 				{width:555px;}
	.container_12 .grid_8 				{width:640px;}
	.container_12 .grid_9 				{width:725px;}
	.container_12 .grid_10 				{width:810px;}
	.container_12 .grid_11 				{width:895px;}
	.container_12 .grid_12 				{width:980px;}
	
/* Global Classes */
	.no_margin							{margin: 0px;}
	.less_margin						{margin: 5px;}
	.hr									{border:none; border-bottom:1px solid #f0f0f0; border-top:1px solid #d6d6d6; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0 ;margin-bottom :20px;}
	.pr									{border:none; border-bottom:1px solid #f0f0f0; border-top:1px solid #d6d6d6; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0; margin-bottom :10px; margin-top:10px;}
	.dotted								{border-style:dashed; border-left:0; border-right:0;}	
	.meta {font-weight:normal; font-size:12px; color:#f1f1f1 !important; line-height:16px; text-transform:none; text-shadow:none;}
	.right								{float:right;}
	.left								{float:left;}
	.img_left							{float:left; margin:10px 20px 10px 0;}
	.img_right							{float:right; margin:10px 0 10px 20px;}
	.clear								{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
	.textright 							{text-align:right;}
	.error,
	.success							{display:none;}
	.preload							{background:url('/img/loading.gif') no-repeat center;}
	.postload 							{background:none;}
    .customer                           {padding:10px;margin:0px;height:100px;display:inline;float:left;position:relative;}
    .customer img {
        margin:0px;
        padding:0px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

/* Buttons */

	.button, .button:visited 			{background:#000000 url('/img/alert-overlay.png') repeat-x; display:inline-block; padding:5px 10px 6px; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:13px; font-weight:bold; line-height:1; border:0;}
 	.button:hover						{background-color:#111; color:#fff; text-decoration:none;}
	.button:active						{top:1px;}
	
/* Site Logo */

	.logo  						{color:#17377E; text-shadow: -1px -1px 5px #99c;margin:0px;} 
	.logo h1					{margin-top:15px;margin-bottom:0px;}
	.logo h4 					{letter-spacing:2px;font-size:15px; margin:0 0 15px 0;}

/* Site Navigation */

	.navigation-inpage					{visibility:hidden;}

	ul#navigation	{
		width:auto;
		float:right;
		text-transform:uppercase;
	}
	ul#navigation li {
		float:right; 
		display:inline; 
		margin : 0 0 0 15px;
	}
	ul#navigation li a {
		display:block; 
		padding:44px 5px 5px; 
		text-decoration:none; 
		font-size:18px;
	}
	ul#navigation li a:hover { 
		background: #ff6600;
		color:#ffffff;	
	}	
	ul#navigation li a.current { background: #17377E; color:#ffffff; }


/* Footer */

	.footer,							
	.footer a							{color:#494949;}
	.footer a:hover						{color:#9d9d9d;}
	
/* Sub Navigation */

	ul.sidebar							{list-style:none; margin:0 0 30px 0; padding:0;}
	ul.sidebar li						{margin:0 0 0 0; padding:0;}
	ul.sidebar a						{width:295px;display:inline-block; padding:10px 0 10px 5px; border-bottom:1px solid #e4e4e4; text-decoration:none; color:#393939; }
	ul.sidebar li:last-child a			{-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;  -webkit-border-bottom-left-radius:5px;  -webkit-border-bottom-right-radius:5px;}
	ul.sidebar li:first-child a			{-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;  -webkit-border-top-left-radius:5px;  -webkit-border-top-right-radius:5px;}
	ul.sidebar a:hover					{width:280px; background:#f6f6f6; padding:10px 0 10px 20px;}
	
/* intro */
	.intro {
		  font-family: 'Quattrocento Sans', Arial, sans-serif;
		  font-weight: 300;
		  color: rgb(23, 55, 126);
		  margin-bottom: 20px;
		  letter-spacing: 1px;
		  text-align: justify;
		  line-height: 16px;
	}
	.intro a 						{font-weight:bold;}

/* Caption */
	.caption h2							{color:#494949; text-shadow:1px 1px 1px #cfcfcf; font-size:30px; line-height:30px;font-weight:normal; }
	.caption h2 span						{color:#000000; font-weight:bold;}
	.caption h2 a:hover					{text-decoration : underline;}

	.caption h3							{color:#494949; text-shadow:1px 1px 1px #cfcfcf; font-size:23px;  line-height:30px;font-weight:normal; }
	.caption h3 span						{color:#000000; font-weight:bold;}
	.caption h3 a:hover					{text-decoration : underline;}

	.caption img 						{margin-bottom:0px;}
/* QuickNavigation */

	#quicknav {
		background: #003ff0;
		background: -moz-linear-gradient(top, #17377E 38%, #a7cfdf 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,#17377E), color-stop(100%,#a7cfdf));
		background: -webkit-linear-gradient(top, #17377E 38%,#a7cfdf 100%);
		background: -o-linear-gradient(top, #17377E 38%,#a7cfdf 100%);
		background: -ms-linear-gradient(top, #17377E 38%,#a7cfdf 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17377E', endColorstr='#a7cfdf',GradientType=0 );
		background: linear-gradient(top, #17377E 38%,#a7cfdf 100%);
		height: 320px;
	}
/*	.quicknav:hover {background:#ffffff;} */
	.quicknavgrid_3	{
		width:205px; 
		margin:0px; 
		padding:20px; 
		display:inline; 
		float:left; 
		position:relative; 
		margin-left:0px;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;
		height: 320px;
	}
	.quicknavgrid_3 { color: #ffffff; }	
	.quicknavgrid_3 h3 {
		margin: 0px;
	}
	.quicknavgrid_3:hover { 
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;
		color:#006ff0;
		background:#ffffff;
	}
	.quicknavhr							{margin-bottom:0;}

/* Panel */
	.panel { vertical-align: middle; display: block; margin-bottom:10px; }
	.panel div { 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px; 
		-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); 
		-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
		text-align: center; 
		padding: 5px;
		margin:10px;		
	}
    .panel div img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
	.panel_column { 
		height: 90%; 
	}
	.panel_row {
		margin-top: -20px;
		height: auto;
	}
	.panel_color {
		background-color: #17377E;
		color:#ffffff;
	}

/* FAQ styling */
	.faq							{ margin-bottom: 50px; }
	.faq_question 					{ margin-left:20px; margin-right:20px;font-weight:900; }
	.faq_answer						{ margin-left:20px; margin-right:20px;font-style:oblique;}
 	
/* Timeline */

	dl.history							{margin:10px 10px;}
	dl.history							{margin:0 0 10px 0; zoom:1}
	dl.history dt						{width:50px; float:left; font-weight:bold;}
	dl.history dd						{width:250px; float:left; padding:0; margin-bottom:20px;}

/* Slider */
	.nivoSlider 						{width: 600px; height: 300px; margin-bottom:120px;  -moz-box-shadow:0px 0px 20px #787878;  /* margin to provide space for thumbs + */ }

	#slider_2thumbs .nivo-controlNav {
		left:160px;
	}

	#slider_3thumbs .nivo-controlNav {
		left:100px;
	}

	#slider_4thumbs .nivo-controlNav {
		left:40px;
	}

/* Common Scroller Styles */

	.roundabout-holder 					{list-style:none; width:500px; height:300px; margin:0px auto;}
	.roundabout-moveable-item 			{font-size:12px!important; height:300px; width:600px; cursor:pointer; padding:5px; border:1px solid #aaaaaa; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f9f9f9;}
	.roundabout-moveable-item img 		{height:100%; width:100%; background-color:#FFFFFF; margin:0;}
	.roundabout-in-focus 				{cursor:auto;}
	.roundabout-in-focus:hover			{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
	.roundabout-holder span				{display:none; font-size:16px;}
	.roundabout-in-focus:hover span		{display:inline; position:absolute; bottom:5px; right:5px; padding:8px 20px; background:#f9f9f9; color:#000000; z-index:999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; font-size : 12px;border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; }
	.roundabout a:active,
	.roundabout a:focus,
	.roundabout a:visited				{outline:none; text-decoration:none;}
	.roundabout li 						{margin:0}
	a img								{border:none; outline:0;}

/* Featured Image Slider */

	#featured							{margin:10px 0 40px 0;}
	
/* Portfolio Image Slider */

	#folio_scroller_container						{margin-top:35px; margin-bottom:40px; height:auto;}
	#folio_scroller_container .roundabout-holder	{list-style:none; height:400px; margin:0px auto 20px auto;}
	
/* Portfolio Styles */
	
	.portfolio_item						{width:223px; position:relative; margin:0 14px 28px 14px; padding:0;}
	.portfolio_item img					{padding:5px; border: 1px solid #aaaaaa; width:211px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9; margin-bottom:0px;}
	.portfolio_item span				{display:none;}
	.portfolio_item:hover img			{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
	.portfolio_item:hover span			{display:inline; position:absolute; bottom:6px; right:6px; padding:10px 15px; background:#f9f9f9; color:#000000; z-index:999; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px;}
	
/* Blog Post Styles */

	.post a:hover						{text-decoration:underline;}
	.post .title						{color:#393939; font-size:30px;}
	.post .title a						{color:#393939; text-decoration:none;}
	.post a.button:hover				{text-decoration:none;}
	.post .sub							{font-size:12px; color:#9d9d9d;}
	.post .thumb						{width:619px; height:150px; padding:5px; border: 1px solid #cccccc; -moz-border-radius:5px; -webkit-border-radius:5px;}

/* Comment's List */
	
	.commentlist						{margin:0; padding:0; margin-bottom:20px; float:left; width:100%;}
	.commentlist li						{width:100%; clear:both; float:left; padding:0; list-style-type:none; margin:0; position:relative;}
	.gravatar							{float:left; width:60px; padding:0px 10px 0 0; text-align: center;}
	.gravatar img						{display:block; padding:5px; padding-left:none; margin-bottom:0px;}
	.comment_content					{float:left; width:569px;}
	.commentmetadata					{float:right;}
	.comment-reply-link					{text-decoration:none; font-size:10px;}
	.author_name						{font-weight:bold; font-style:normal; font-size:15px; float:left;}
	.author_name a{color:#000000;}
	.comment_text						{clear:both; margin-top:10px;}
	.comment-reply-link					{text-align:center; display:block;}
	
/* Contact Form */

	p.error								{margin-left:140px; margin-top:10px;color:#ff0000;font-weight:bold;}
	#contact_form ul					{float:left;}
	#contact_form ul li					{margin:10px 0; list-style:none; position:relative; clear:both;}
	#contact_form label					{width:100px; text-align:right; float:left; margin-right:10px;}
	#contact_form input#name,
	#contact_form input#email,
	#contact_form input#subject,
	#contact_form textarea				{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#contact_form input#name,
	#contact_form input#email,
	#contact_form input#subject			{width:300px;}
	#contact_form textarea				{width:300px;height:150px; resize: none;}
	#contact_form input.button			{float:right;}
	
/* Comment form */

	#comment_form ul					{float:left;}
	#comment_form ul li					{margin:10px 0; list-style:none; position:relative; clear:both;}
	#comment_form label					{line-height:35px; width:100px; text-align:right; float:left; margin-right:10px;}
	#comment_form input,
	#comment_form textarea				{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#comment_form input					{width:400px;}
	#comment_form textarea				{width:500px; height:150px; resize:none;}
	
/* Contact Page Sidebar */

	.contact ul 						{list-style:none;}
	.contact li 						{margin:0;}

/* Manufacturing Process Info -- Styles */
	.process_box	{
		color:#fff; 
		margin-top:20px; 
		margin-left:5px;
		margin-right:5px; 
		margin-bottom:20px; 
		padding:13px; 
		background: #ff6600; /*#00aff0;	*/
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;  
		border-radius: 8px;
		-moz-box-shadow: 3px 3px 5px #666666;
		box-shadow: 3px 3px 5px #666666; 
		}
	.process_box .title {
		margin-top: 0px;
		font-size: 20px;
		font-weight: bold;

	}

	.process_box h4 {
		margin-top:0px;
		font-size: 24px;
	}

	.process_box ul {
		list-style-type:square;
	}

	.process_box li {
		position: relative;
		margin: 14px;
		font-size: 16px;
	}


/* Overriding Classes */
/* Must remain at the bottom of the stylesheet */

	.clearfix:after						{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
	* html .clearfix 					{height:1%;}
	.alpha								{margin-left:0;}
	.omega								{margin-right:0;}