/*-------------------
Global styles
---------------------*/
body {
	background-color: #4F4D4D;
		
	margin: 40px;
	/*
	margin-left: auto;
	margin-right: auto;
	*/
	
}
h1 {
	font-size: 120%;
	font-family: arial, helvetica, sans-serif;
	color: #444;
}
h2, h3, h4, h5, h6 {
	font-size: 80%;
	font-family: arial, helvetica, sans-serif;
	color: #555;
}
p, a, label, table{
	font-size: 80%;
	font-family: arial, helvetica, sans-serif;
}

p {
	color: #444;
}
a{
	color: #D4D4D4;
	
}

/* Setting display to block forces the label for each form element onto a line of its own. */
/* Detta är snott... */
label {
    //font-weight: bold;
    //color: #036;
    display: block;
}

/*
a:link { color: #D4D4D4; }
a:visited { color: #b93411; }
a:focus { color: #000; }
a:hover { color: #000; }
a:active { color: red; }
*/

a:link { color: #B52C07; }
a:visited { color: #b93411; }
a:focus { color: #000; }
a:hover { color: #7d8206; }
a:active { color: red; }


/*-------------------
Container styles
---------------------*/

#container {
	width: 800px;
	min-height: 800px;
	
	color: #716D6D;
	background-color: #FFFFFF;
	
	border-style: solid;
	border-color: black;
	border-width: 1px;
	
	margin-left: auto;
	margin-right: auto;
	
}
/*-------------------
Header styles
---------------------*/

#header {
	background-color: #FFFFFF;
	padding: 0px;
	border-color: black;
	border-width: 1px;
	border-style: solid;
	height: 95px;
}

#logo {
	float: left;
	padding: 10px;
}
#caption {
	float: left;
	padding: 5px;
	padding-left: 30px;
}
 
/*-------------------
Navigation styles
---------------------*/

#navigation {
	/*background-color: #3A3A3A;*/
	background: url(images/navbar.jpg) repeat-x;
	clear: left;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	padding: 5px;
	color: #EBEBEB;
}

#navigation ul
{
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
	border-left: 1px solid #EBEBEB;
}
#navigation li
{
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #EBEBEB;
}

#navigation li a {
	color: #EBEBEB;
	/*color: #000;*/ 
	text-decoration: none;
}


#navigation li a:hover
{
	text-decoration: none;
	color: #fff;
	/*background-color: #3A3A3A;*/
}
#navigation li a:active
{
	text-decoration: none;
	color: red;
	/*background-color: #3A3A3A;*/
}

/*-------------------
Main area styles
---------------------*/

#main {
	
	
	
	/*
	height: 500px;
	
	*/
	
	height: 800px;
	
	
	border-style: solid;
	border-width: 1px;
	border-color: black;
	
	padding: 20px;
}

/*-------------------
Content Styles
--------------------*/
.huge_quote_start {
	font-size: 300%;
	float: left;
}
.bigquote {
	font-size: 150%;
	float: left;
	font-style: italic;
	
}
.huge_quote_end {
	font-size: 300%;
	float: left;
}
#intro_statement {
	clear: left;
	font-size: 120%;
}
.bold_list_item {
	font-weight: bold;
}
#services li {
	font-size: 80%;
	font-family: arial, helvetica, sans-serif;
}

#content_left {
	float: left;
	height: 450px;
	width: 5px;
}

#content 
{
	float: right;
	/*	
	
	height: 450px;
	
	*/
	min-height: 700px;
	width: 600px;
	
	background-color: #FFF;
	/*background-color: #EAE4DB; */
	
	/*
	border-style: solid;
	border-width: 1px;
	border-color: black;
	*/

	padding: 10px;
	
	margin: 0 20 0 20px;
}


#footer 
{
	
	height: 30px;
	
	font-size: 80%;
	font-family: arial, helvetica, sans-serif;
	
	
	background: url(images/navbar.jpg) repeat-x;
	background-color: #3A3A3A;
	
	border-style: solid;
	border-width: 1px;
	border-color: black;
	
	padding-left: 5px;
	
	
}
#footer p {
	color: #777;
}