/************************************
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/bg.jpg);
	font-size:12px;
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	color:#666;
	background-color: #FEFEFE;
}
	a:focus								{outline:1px dotted;}
	a									{color:#717171; text-decoration:none;}
	a:hover								{text-decoration:none;}
	a span								{font-size:90%;}
h1									{
	font-size:18px;
	color: #C91C00;
	text-align: center;
	padding-top: 10px;
}
	h2									{
	font-size:23px;
	font-weight: lighter;
}
	h3									{font-size:21px;}
	h4									{font-size:19px;}
	h5									{font-size:17px;}
	h6									{font-size:15px;}
	ol									{list-style:decimal;}
	ul									{list-style:disc;}
	li									{
	margin-left:0px;
	position:relative;
}
	p,
	li,
	dl									{line-height:18px;}
p,
dl,
hr,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
img
										{
	font-family: Tahoma, Geneva, sans-serif;

}
	#wrapper							{
	margin-top:0px;
}
	ul li ul,
	ol li ol							{margin-bottom:0px;}


.clearfix:after { display: block; height: 0; clear: both; visibility: hidden; }
	ol									{padding: 0 0 0 5px;}
	
/* Custom Grid */

	.container_12 						{
	margin-left:auto;
	margin-right:auto;
	width:900px;
}
	.float								{display:inline; float:left; position:relative;}
.grid_8
	
	
	
	
	
	
	
	
	
	
	 							{
	display:inline;
	position:relative;
	margin-left:0px;
	margin-right:0px;
}

/* HEADER */

#header{
	/* [disabled]width:960px; */
	height:110px;
	/* [disabled]position:relative; */
	/* [disabled]float: left; */
}
#header #logo{
	/* [disabled]position:absolute; */
	/* [disabled]top:25px; */
	/* [disabled]left:4px; */
	float: left;
	padding-top: 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:510px;
}
	.container_12 .grid_9 				{width:725px;}
	.container_12 .grid_10 				{width:810px;}
	.container_12 .grid_11 				{width:895px;}
	.container_12 .grid_12 				{
	width:900px;
	float: left;
}
	
/* 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 :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 :30px;}
	.dotted								{border-style:dashed; border-left:0; border-right:0;}	
	.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;}
 	.button:hover						{background-color:#111; color:#fff; text-decoration:none;}
	.button:active						{top:1px;}

/* Site Navigation */

	ul#navigation						{
	/* [disabled]text-transform:uppercase; */
	float: right;
	width: 590px;
	/* [disabled]background-color: #DCDEDC; */
	/* [disabled]border: 1px solid; */
	/* [disabled]border-color: #CCC; */
	padding: 0px 10px;
	list-style: none;
}
	ul#navigation li 					{
	float:right;
	/* [disabled]display:inline; */
	margin : 0 5px 0 0;
	padding: 0px;
	padding-top: none;
	list-style: none;
}
	ul#navigation li a					{
	font-family:Tahoma, Geneva, sans-serif !important;
	display:block;
	padding:15px;
	text-decoration:none;
	color:#999;
	font-size:12px;
	font-weight:bold;
}
	ul#navigation li a:hover,
	ul#navigation li a.current			{
	/* [disabled]background:url(file:///NO%20NAME/www-VISTA/images/triangle.gif) no-repeat center top; */
	color: #FF2300;
	border-top: 3px solid #FF2300;
}
a:hover								.meta{
	color:#F20 !important;
	/* [disabled]text-transform:none; */
	/* [disabled]text-shadow:none; */
}
	.meta								{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#E62100 !important;
	line-height:16px;
	text-transform:none;
	text-shadow:none;
}
	
/* 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;}
	
/* 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;}
	a .title 							{
	color:#C91C00;
}
	.quicknavgrid_3						{
	width:180px;
	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;
	color: #000;
}
	.quicknavhr							{margin-bottom:0;}
	.quicknav.alpha						{
	margin-left:0;
	border: 1px solid #BFBFBF;
	text-align: center;
	border-color: #E4E4E4;
	padding: 15px;
}

/* About Us Page 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;}
	
/* Common Scroller Styles */

	.roundabout-holder 					{
	list-style:none;
	width:500px;
	height:200px;
	margin:0px auto;
}
	.roundabout-moveable-item 			{
	font-size:12px!important;
	height:200px;
	width:500px;
	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: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;}
/* Featured Image Slider */

	#featured							{
	margin:0;
	border: 1px solid #FFF;
	width: 898px;
	background-color: #EEE;
	border-bottom: none;
}
	
/* 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;}

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

	p.error								{margin-left:140px; margin-top:10px;}
	.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;}
	
/* =Sub Header
----------------------------------------------- */
#sub-header {
	background: url(../images/layout/sub_header.gif) no-repeat;
	width: 900px;
	position: relative;
	margin-bottom: 0px;
	background-color: #CCC;
	height: 200px;
}
#sub-header .pages {
	list-style-type: none;
	float: right;
	}
#sub-header .pages li {
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 20px 0 0;
	clear: both;
		}
#sub-header .pages li a {
			color: #ffffff;
			text-decoration: none;
		}

#container{
	width:900px;
	margin:0 auto;
	padding:0 20px;
	position:relative
}
#content{
	width:900px;
	margin:0 auto;
	padding:0;
	position:relative;
}

/* FOOTER */

#footer{
	height:85px;
	width:900px;
	margin-top:18px;
	background-color: #F9F9F9;
}
#footer p{
	padding: 25px 0 0 0;
	text-align:center;
	color:#869496;
	border-top: solid 1px #E9E9E9;
}
#footer p span{
	color: #C91C00;
}
#footer p a{
	font:12px/16px Trebuchet MS, sans-serif;
	font-weight:bold;
	color:#869496;
	text-decoration:none;
	padding: 0 5px
}
#footer p a:hover{text-decoration:none; background:#869496; color:#fff}
.sponsor {
	margin: auto;
	width: 728px;
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: center;
}
.sponsor img {
	margin-top: 5px;
}

.box {
	border:1px solid #DADADA;
	margin-top:20px;
	width: 870px;
	float: left;
	clear: both;
	background-color: #FFF;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-color: #E6E6E6;
}
.box h2{
	font-size: 16px;
	color: #C91C00;
}
.box p{
	padding-left: 10px;
}

.column1 {
	width:307px;
	float:left;
	border: 1px solid;
	border-color: #F2F2F2;
}

.column2 {
	width:550px;
	float:left;
}

.column-left {
	width:49%;
	float:left;
	margin-left: 30px;
}

.column-right {
	width:45%;
	float:left;
}

.headingblock1 {
	height:25px;
	padding:5px 0px 0px 22px;
	margin:10px 0px 18px 0px;
	background-color: #F7F7F7;
	border: solid #999 1px;
	border-color: #F3F3F3;
	border-left: solid 15px #FC0;
}

.projectlink {
	padding:10px 0px 0px 10px;
}

.projectlink ul {
	margin:0px;
	padding:0px;
}

.projectlink li {
	display:block;
	background:url(../images/disc.jpg) 0px 12px no-repeat;
	list-style:none;
	padding:5px;
}

.projectlink li a{
	color:#565656;
	text-decoration:underline;
}

.projectlink li a:hover {
	color:#C91C00;
	text-decoration:none;
}
.centerPan {
	border-width: 1px;
	border-style: solid;
	border-color: #D9D9D9;
	padding: 5px 5px 10px 5px;
	background-color: #FEFBFB;
	margin-top: 10px;
}
.katalog {
	border-width: 1px;
	border-style: solid;
	border-color: #E4E4E4;
	padding: 30px 5px 10px 8px;
	margin-top: 15px;
	background: #F2F2F2 url(../images/header.gif) repeat-x 0 0;
}
	
	#directory {
	background: url(../images/layout/directory.gif) bottom no-repeat;
	padding: 0 0 10px 0;
	margin-bottom: 15px;
}
	#directory-inner {
	background: #f5f5f5 url(../images/layout/directory_list.gif) top left no-repeat;
	padding-bottom: 7px;
	height: 270px;
}
#directory dt {
	color: #C90000;
}
#directory dl {
	width: 170px;
	float: left;
	padding: 10px 0 0 10px;
}
#directory dl dd a {
	font-size: 11px;
	color: #666;
	text-decoration: none;
	line-height: 1.4;
	display: block;
	margin-left: -40px;
	padding-left: 10px;
}
#directory dl dd a:hover         {
	color: #F90;
	text-decoration: underline;
}
#directory dl dd a:active         {
	color: #C90000;

}
#directory dl dd a:visited         {
	color: #999;

}