/************************************
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(../images/bgnew.jpg) repeat-x #ffffff;
	font-size:12px;
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	color:#666;
}
	a:focus								{outline:1px dotted;}
	a									{color:#717171; text-decoration:none;}
	a:hover								{
	text-decoration:none;
	text-align: center;
}
	a span								{font-size:90%;}
	h1									{font-size:25px; font-weight: bold; margin-bottom: 10px;}
	h2									{font-size:15px;}
	h3									{
	font-size:19px;
	margin-bottom: 5px;
	margin-top: 25px;
}
	h4									{
	font-size:11px;
	margin-bottom: 5px;
	margin-top: 0px;
}
	h5									{font-size:10px;}
	h6									{font-size:15px;}
	ol									{list-style:decimal;}
	ul									{list-style:disc;}
	li									{margin-left:20px; position:relative;}
	p,
	li,
	dl									{line-height:18px;}
	dl,
	hr,
	h2,
	h5,
	h6,
	ol,
	ul,
	pre,
	table,
	address,
	fieldset,
	img									{
	margin-bottom: 20px;
}
p {
	margin-bottom:10px;
	text-align: left;
	color: #666;
}
	#wrapper							{margin-top:7px;}
	ul li ul,
	ol li ol							{margin-bottom:0px;}
	ol									{padding: 0 0 0 5px;}
	
/* Custom Grid */

	.container_12 						{margin-left:auto; margin-right:auto; width:1020px;}
	.float								{
	display:inline;
	float:left;
	position:relative;
}
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_10,
	.grid_11,
	.grid_12,
	.grid_14
	{
	display:inline;
	float:left;
	position:relative;

margin-left:; 		margin-right:20px;
	text-decoration: none;
}
.grid_12 img{
	border: 1px solid #CCC;
	margin-left:20px;
}
	.grid_9 {display:inline; float:left; position:relative; margin-left:;  text-decoration: none;}
	.grid_13
	{
	display:inline;
	float:left;



margin-left:; 																						margin-right:20px;
	text-align: right;
	position: relative;
	width: 300px;
	margin-left: 100px;
	margin-top: 60px;
}
	.container_12 .grid_1				{width:45px;}
	.container_12 .grid_2 				{width:130px;}
	.container_12 .grid_3,
	.container_12 .grid_14
	{width:215px;}
	.container_12 .grid_4 				{
	width:300px;
	font-weight: normal;
}
	.container_12 .grid_5 				{width:385px;}
	.container_12 .grid_6 				{width:470px;}
	.container_12 .grid_7 				{width:555px;}
	.container_12 .grid_8 				{
	width:660px;
}
	.container_12 .grid_9 				{
	width:980px;
}
	.container_12 .grid_10 				{width:810px;}
	.container_12 .grid_11 				{width:895px;}
	.container_12 .grid_12 				{width:980px;}
	
/* Global Classes */

	.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 :50px;
}
	.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 :30px;}
	.dotted								{
	border-style:dashed;
	border-left:0;
	border-right:0;
	margin-bottom: 20px;
}	
	.meta								{font-weight:normal;font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; font-size:11px; color:#999999 !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;}

/* Buttons */

	.button, .button:visited 			{
	background:#000000 url(../images/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;
	background-image: url(../images/alert-overlay.png);
}
 	.button:hover						{background-color:#111; color:#fff; text-decoration:none;}
	.button:active						{top:1px;}
	
/* Site Logo */

	h1#logo 							{font-size:48px; font-weight:normal; margin-top:30px; color:#000000;}

/* Site Navigation */

	ul#navigation						{text-transform:uppercase;}
	ul#navigation li 					{
	float:right;
	display:inline;
	margin : 0 0 0 25px;
}
	ul#navigation li a					{
	font-family:arial, sans-serif !important;
	display:block;
	text-decoration:none;
	color:#CCC;
	font-size:14px;
	font-weight:bold;
	padding:44px 0 0;
}
	ul#navigation li a:hover,
	ul#navigation li a.current			{
	background:url(../images/triangle.gif) no-repeat center top;
}

/* 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;
	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;}
	
/* Caption */

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

/* Homepage QuickNavigation */

	#quicknav							{background:url(../images/link_border.png) repeat-x;}
	a .title 							{color:#000000;}
	.quicknavgrid_3						{width:204px; margin:0px; padding:20px 20px 0; display:inline; float:left; position:relative; margin-left:1px;}
	.quicknav							{background:#FFFFFF;}
	.quicknav:hover						{background:url(../images/link_bg.png) repeat-x;}
	.quicknavhr							{margin-bottom:0;}
	.quicknav.alpha						{margin-left:0; width:205px;}

/* About Us Page Timeline */

	dl.history							{margin:10px 10px;}
	dl.history							{margin:0 0 10px 0; zoom:1}
	dl.history dt						{
	width:100px;
	float:left;
	font-weight:bold;
	height: 100px;
	border: 1px solid #CCC;
}
	dl.history dd						{
	width:250px;
	float:left;
	padding:0;
	margin-bottom:20px;
}
	
/* 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;
	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;
}
	.roundabout-holder span				{display:none; font-size:12px;}
	.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;}
	.roundabou li 						{margin:0}
	a img								{
	border:none;
	outline:0;
	position: relative;
	overflow: visible;
}

/* 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:324px;
	position:relative;
	padding:0;
	margin: 2px;
}
	.portfolio_item img					{
	-webkit-border-radius: 5px;
}
	.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;
	color:#000000;
	z-index:999;
	border-left:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
	-webkit-border-top-left-radius: 5px;
}
	
/* Blog Post Styles */

	.post a:hover						{
	text-decoration:none;
}
	.post .title						{
	color: #666;
	font-size:30px;
}
	.post .title a						{
	color: #666;
	text-decoration:none;
}
	.post a:hover						{
	color:#999;
	text-decoration:none;
}
	.post h4 a:hover                    {
	color:#666;
}
	.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;}
	#contact_form ul					{float:left;}
	#contact_form ul li					{margin:10px 0; list-style:none; position:relative; clear:both;}
	#contact_form label					{line-height:35px; 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:400px;}
	#contact_form textarea				{width:500px;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;}

/* Overiding 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;}

.dm  {
	height: 400px;
	width: 400px;
	border: 1px solid #CCC;
	float: left;
	margin-bottom: 30px;
	padding: 0;
}
.float2								{
	display:inline;
	float:right;
	position:relative;
}

.sidebarbox {
	height: 500px;
	width: 500px;
}

.history a:link, .history a:visited {
	text-decoration: underline;

}					   
.history a:hover {
	text-decoration: none;
	color:#999;
}	

.bb {
	float: left;
	height: 50px;
	width: 100%;
}
	
.bblogo {
	float: right;
	margin-right: 35px;
}

.bbtext {
	float: left;
}
.bbtext a:hover {
	color:#999;
}
	
.magic {
	height: 392px;
	width: 980px;
	float: left;
}
.magic2 {
	height: 392px;
	width: 2000px;
	float: left;
}
.magic li {
	margin: 2px;
	height: 129px;
	width: 322px;
	float: left;
	text-decoration: none;
	display: inline;
}
.hr1									{
	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:5px;
}
ul#thumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs li{
	float:left;
	}
	ul#thumbs a{
	display:block;
	float:left;
	width:322px;
	height:129px;
	overflow:hidden;
	position:relative;
	z-index:1;
	}
	ul#thumbs li#img1 a img{
	float:left;
	position:absolute;
	bottom:-100px;
	right:-100px;
	left: 0px;
	top: 0px;
	}	
	ul#thumbs li#img2 a img{
	float:left;
	position:absolute;
	bottom:0px;
	right:-100px;
	top: -100px;
	}	
	ul#thumbs li#img3 a img{
	float:left;
	position:absolute;
	bottom:-100px;
	left:-100px;
	top: 0px;
	right: 0px;
	}
	ul#thumbs li#img5 a img{
	float:left;
	position:absolute;
	bottom:-100px;
	left:-50px;
	top: 0px;
	right: -50px;
	}
ul#thumbs li#img4 a img{
	float:left;
	position:absolute;
	top:-50px;
	right:-100px;
	left: 0px;
	}
	ul#thumbs li#img6 a img{
	float:left;
	position:absolute;
	top:-100px;
	left:-100px;
	right: 0px;
	}
	ul#thumbs li#img7 a img{
	float:left;
	position:absolute;
	top:-50px;
	left:-50px;
	right: -50px;
	bottom: -50px;
	}
	ul#thumbs li#img8 a img{
	float:left;
	position:absolute;
	top:-50px;
	left:-100px;
	right: 0px;
	bottom: -50px;
	}
	/* mouse over */
	
		ul#thumbs a:hover{
	overflow:visible;
	z-index:1000;
	border: 1px solid #CCC;
		}
	/* clearing floats */
	
		ul#thumbs:after, li#thumbs:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		ul#thumbs, li#thumbs{
			display:block;
			}
.post img {
	border: 1px solid #CCC;
}
.box1 {
	float: left;
	height: 50px;
	width: 500px;
	margin-bottom: 20px;
}
.box2 {
	float: right;
	height: 50px;
	width: 500px;
	margin-bottom: 20px;
}