/*
Title:      Ocarlsson's CSS Starter Kit
Author:     Oscar Carlsson - Ocarlsson.com
Copyright:  Please use and share as much as you want too.
*/

/* RESET STYLES
--------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* GENERAL STYLES
--------------------------------------------- */

body { }

a:link,
a:visited {outline: none; text-decoration: none;}
a:hover { }

p {color: #666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.4em;}

	
/* EXTRAS
---------------------------------------------  */

.opacity:hover {/* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6;}

/* TITLES
---------------------------------------------  */

h1 { }
h2 {color: #1c5985; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
h3 { }
h4 { }
h5 { }
h6 { }

/* NAV - NAVIGATION
--------------------------------------------- */

#nav { }
	
#nav ul { }
	#nav ul li { }
		#nav ul li.active { }

	#nav ul li a { }
		#nav ul li.active a { }
		#nav ul li a:hover { }



/* ELEMENTS -- Standard --
--------------------------------------------- */

#wrap{
	width: 960px;
	margin: 0 auto;
	}
	
	/* -- Header -- */
						
#header{ 
	margin: 45px 0 43px 0;
	}

	/* -- Content -- */

#content{
	width: 960px;
	overflow: hidden;
	}
	
	/* -- Column-left -- */

#column-left{
	width: 319px;
	float: left;
	padding: 0 35px;
	}
	#column-left .logo{margin: 0 0 20px 0;}
	#column-left .intro{margin: 0 0 20px 0;}
		#column-left .intro p{font-size: 14px;}


	/* -- Column-right -- */

#column-right{
	width: 510px;
	padding: 0 30px;
	margin: 8px 0 0 0;
	border-left: 1px solid #999;
	float: left;
	}
	#column-right .person {margin: 0 0 22px 0;}
		#column-right .person img{float: left; margin: 2px 0 0 0;}
		#column-right .person .text{margin: 0 0 0 134px;}
		#column-right .person .text p{margin: 0 0 1em 0;}

	/* -- Footer -- */

#footer{
	width: 960px;
	height: 22px;
	margin: 45px 0 0 0;
	background: url(images/layout/bg_footer.jpg);
	}