/*
Template Name: Business Plan
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

@import url(navi.css);
@import url(forms.css);
@import url(tables.css);
@import url(homepage.css);
@import url(gallery.css);
@import url(portfolio.css);

body{
	margin:0; 
	padding:0; 
	font-size:12px; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	color:#919191; 
	background-color:#CBCBCB;
	}

.justify{
	text-align:justify;
	}
	
.bold{
	font-weight:bold;
	}
	
.center{
	text-align:center;
	}
	
.right{
	text-align:right;
	}
	
.nostart{
	list-style-type:none; 
	margin:0; 
	padding:0;
	}

.clear:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
	line-height:0;
	}
	
.clear{
	display:inline-block;
	}
	
html[xmlns] .clear{
	display:block;
	}
	
* html .clear{
	height:1%;
	}
	

a{
	outline:none; 
	text-decoration:none; 
	color:#55ABDA; 
	background-color:#F9F9F9;
	}
	
.fl_left{
	float:left;
	}
	
.fl_right{
	float:right;
	}

img{
	margin:0; 
	padding:0; 
	border:none;
	}
	
.imgholder, .imgl, .imgr{
	padding:4px; 
	border:1px solid #807D77; 
	text-align:center;
	}
	
.imgl{
	float:left; 
	margin:0 15px 15px 0; 
	clear:left;
	}
	
.imgr{
	float:right; 
	margin:0 0 15px 15px; 
	clear:right;
	}
	
/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
	display:block; 
	width:100%; 
	margin:0; 
	padding:0; 
	text-align:left;
	}

.row1{
	color:#999999; 
	background-color:#FFFFFF;
	}
	
.row2{
	color:#807D77; 
	background-color:#F5F5F5;
	}
	
.row2 a{
	color:#900;
	background-color:#F5F5F5;
	}
	
.row3{
	color:#807D77; 
	background-color:#E2E2E2;
	}
	
.row3 a{
	color:#900;
	background-color:#E2E2E2;
	}
.row4, .row4 a{
	color:#919191; 
	background-color:#CBCBCB;
	}

.row5{
	color:#999999; 
	background:red; 
	background:url("../images/featured_bg.jpg") #1F1F1F;
	}
	
.row5 a{
	color:#9BC6BF; 
	background-color:#1F1F1F;
	}
	
/* ----------------------------------------------Generalise-------------------------------------*/

#header, #pageintro, #container, #footer, #copyright{
	position:relative; 
	display:block; 
	margin:0 auto; 
	width:960px;
	}

h1, h2, h3, h4, h5, h6{
	margin:0; 
	padding:0; 
	font-size:16px; 
	font-weight:normal; 
	font-style:normal; 
	line-height:normal;
	}
	
.one_quarter, .two_quarter, .three_quarter, .four_quarter{
	display:block; 
	float:left; 
	margin:0 40px 0 0;
	}
	
.one_quarter{
	width:210px;
	}
	
.oneandhalf_quarter{
	width:290px;
	display:block; 
	float:left; 
	margin:0 40px 10px 0;
	}
	
.oneandhalfright_quarter{
	width:290px;
	display:block; 
	float:left; 
	margin:0 0px 10px 0;
	}
	
.two_quarter{
	width:460px;
	}
	
.three_quarter{
	width:710px;
	}
	
.four_quarter{
	width:960px; 
	float:none; 
	margin-right:0; 
	clear:both;
	}
	
.lastbox{
	margin-right:0;
	}

.more{
	text-align:right; 
	clear:both;
	}

/* ----------------------------------------------Header-------------------------------------*/

#header{
	padding:30px 0 50px; 
	z-index:1000;
	}

#header h1, #header p, #header ul{
	margin:0; 
	padding:0; 
	list-style:none; 
	line-height:normal;
	}
	
#header h1{
	font-size:36px; font-style:italic;
	}
	
#header h1 a{
	color:#333333; 
	background-color:#FFFFFF;
	}
	
#header p{
	text-align:right;
	}
	
#header .fl_left{
	margin:15px 0 0 0;
	}
	
/* ----------------------------------------------Page Intro / Page Header-------------------------------------*/

#pageintro{
	padding:30px 0; 
	line-height:1.6em;
	}

#pageintro ul{
	margin:0; 
	padding:20px 0; 
	list-style:none;
	}
	
#pageintro li{
	display:block; 
	float:left; 
	width:300px; 
	margin:0 30px 0 0; 
	color:#999999; 
	background-color:#1F1F1F;
	}
	
#pageintro li.last{
	margin-right:0;
	}
	
#pageintro li div{
	padding:15px;
	}
	
#pageintro li h2{
	margin:0 0 8px 0; 
	font-style:normal; 
	font-size:20px;
	}
	
#pageintro li h2 a{
	color:#900;
	background-color:#1F1F1F;
	}
	
#pageintro p{
	margin:0; 
	padding:0;
	}
	
#pageintro .pageheader{
	text-align:right;
	font-size:36px; 
	font-style:italic; 
	font-variant:small-caps;
	}
	
/* ----------------------------------------------Content Area-------------------------------------*/

#container{
	padding:30px 0; 
	line-height:1.6em;
	}

#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{
	margin:0 0 15px 0; 
	font-style:normal; 
	font-weight:bold; 
	color:#1F1F1F; 
	background-color:#F5F5F5;
	}

/* ------Content-----*/

#content{
	display:block; 
	float:left; 
	width:630px;
	}

/* ------Comments-----*/

#comments{
	margin-bottom:40px;
	}
	
#comments .commentlist {
	margin:0; padding:0;
	}
	
#comments .commentlist ul{
	margin:0; 
	padding:0; 
	list-style:none;
	}
	
#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{
	margin:0 0 10px 0; 
	padding:15px; 
	list-style:none;
	}
	
#comments .commentlist li.comment_odd{
	color:#666666; 
	background-color:#F7F7F7;
	}
	
#comments .commentlist li.comment_odd a{
	color:#6DACA3; 
	background-color:#F7F7F7;
	}
	
#comments .commentlist li.comment_even{
	color:#666666; 
	background-color:#E8E8E8;
	}
	
#comments .commentlist li.comment_even a{
	color:#6DACA3; 
	background-color:#E8E8E8;
	}
	
#comments .commentlist .author .name{
	font-weight:bold;
	}
	
#comments .commentlist .submitdate{
	font-size:smaller;
	}
	
#comments .commentlist p {
	margin:10px 5px 10px 0; 
	padding:0; 
	font-weight: normal;
	text-transform: none;
	}
	
#comments .commentlist li .avatar{
	float:right; 
	border:1px solid #EEEEEE; 
	margin:0 0 0 10px;
	}

/* ---Right Column---*/

#column{
	display:block; 
	float:right; 
	width:300px;
	}

#column .holder{
	display:block; 
	width:260px; 
	margin-bottom:20px; 
	padding-left:10px;
	}
	
#column .holder, #column #featured{
	display:block; 
	width:300px; 
	margin-bottom:20px;
	}
	
#column .holder p{
	line-height:1.6em;
	}
	
#column .holder h2.title{
	display:block; 
	width:100%; 
	height:65px; 
	margin:0; 
	padding:15px 0 0 0; 
	line-height:normal; 
	border-bottom:1px dotted #666666;
	}
	
#column .holder h2.title img{
	float:left; 
	margin:-15px 8px 0 0; 
	padding:5px; 
	border:1px solid #666666;
	}
	
#column .holder p.readmore{
	display:block; 
	width:100%; 
	text-align:right; 
	line-height:normal;
	}
	
#column div.imgholder{
	display:block; 
	width:290px; 
	margin:0 0 10px 0; 
	padding:4px; 
	border:1px solid #666666;
	}

/* ------Featured-----*/

#column #featured a{
	color:#6DACA3; 
	background-color:#F9F9F9;
	}
	
#column #featured ul, #column #featured h2, #column #featured p{
	margin:0; 
	padding:0; 
	list-style:none;
	}
	
#column #featured li{
	display:block; 
	width:250px; 
	margin:0; 
	padding:20px 25px; 
	color:#666666; 
	background-color:#F9F9F9;
	}
	
#column #featured li p{
	line-height:1.6em;
	}
	
#column #featured li p.imgholder{
	display:block; 
	width:240px; 
	height:90px; 
	margin:20px 0 15px 0; 
	padding:4px; 
	border:1px solid #CCC;
	}
	
#column #featured li h2{
	margin:0; 
	padding:0 0 8px 0; 
	font-weight:normal; 
	font-family:Georgia,"Times New Roman",Times,serif; 
	line-height:normal; 
	border-bottom:1px dotted #999999;
	}
	
#column #featured p.readmore{
	display:block; 
	width:100%; 
	margin-top:15px; 
	text-align:right; 
	line-height:normal;
	}

/* ----------------------------------------------Footer-------------------------------------*/

#footer{
	padding:30px 0; 
	line-height:1.6em;
	}

#footer h2.title{
	margin:0 0 25px 0; 
	padding:0; 
	font-size:12px; 
	font-weight:bold; 
	text-transform:uppercase;
	}
	
#footer ul{
	margin:0; 
	padding:0; 
	list-style:none;
	}
	
#footer p{
	margin:0; 
	padding:0;
	}
	
/* ---Blogposts---*/

#footer .post_title{
	font-size:13px; 
	font-weight:bold; 
	margin-bottom:5px;
	}
	
#footer .post_by{
	font-size:11px; 
	margin-bottom:10px;
	}
	
#footer .post_body{
	margin-bottom:10px;
	}

/* ---Gallery Thumbs---*/

#footer .ft_gallery li{
	float:left; 
	margin:0 15px 15px 0; 
	line-height:normal;
	}
	
#footer .ft_gallery li.last{
	margin-right:0;
	}

/* ---Tweet Box---*/

#footer .ft_tweets li{
	margin-bottom:10px;
	}

/* ---Contact Us---*/

#footer address{
	font-style:normal;
	}

/* ----------------------------------------------Copyright-------------------------------------*/

#copyright{
	padding:20px 0;
	}

#copyright p{
	margin:0; 
	padding:0;
	}

#copyright p .impressum{
	margin:0; 
	padding:0;
	color: #990000;
	}
