/* webfresh CSS */

body {
	background-color:#fff;
	font-family:"Trebuchet MS",arial,sans-serif;
	font-size:12px;
	color:#555;
	margin:0;
	padding:0;
}

div, p, h1, h2, h3, h4, ul, ol, img, table, td, tr, th {padding:0px; margin:0px;}
img, td, tr, th {border: none;}

a{outline: none} /* stop dotted lines around links in firefox */

a {
	background-color:#fff;
	text-decoration:none;
	color:#014a99;
	letter-spacing:.1em;
	font-weight:bold;
}
a:hover {
	background-color:#fff;
	color:#11b3f0;
	text-decoration:underline;
}



#container {
	font-size:1.2em;
	width:750px;
	margin:0 auto;

	border-right:3px double #000000;
}



#header {
	margin:0;
	padding:0px;
	background:#fff url(../images/header.gif) no-repeat top right;
	height: 135px;
/*	border-bottom: 1px solid #11b3f0;  */
}




#navigation {
	text-align:right;
	margin:0 10px 0 0;
	padding:60px 0 0 0;
}

#navigation li {
	margin:0;
	padding:0 4px 0 4px;
	list-style:none;
	display:inline;

}

#navigation li a {
	padding:5px 1px 2px 1px;
	margin:0 1px 0 1px;
	color:#014a99;
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px solid #11b3f0;
	letter-spacing:1px;
	background: transparent;
}

#navigation li a:hover {
	color:#11b3f0;
	border-bottom:1px solid #11b3f0;
}

#navigation #current a {

	border-bottom:1px solid #014a99;

}



#content {
	margin:20px 0 20px 30px;
	padding:0;
}
#content p {
	padding:15px 20px 2px 50px;
	text-align:justify;
	line-height:1.5;
}

p.headline {
	padding:20px 10px 20px 10px;
	text-align:left;
	line-height:42px;
	font-size: 32px;
	font-family: georgia, times, serif; 
	color:#11b3f0;
}




#content h1 {
	display:block;
	margin:50px 0 30px 10px;
	font-family:"Trebuchet MS",arial,sans-serif;
	font-size:1.8em;
	color:#014a99;
	border-color:#11b3f0;
	border-style:solid;
	border-width:0 0 1px 0;
	padding: 0 0 1px 0;
}
#content h2 {
	display:block;
	margin:25px 0 0 30px;
	padding: 1px 0 1px 0;
	font-family:"Trebuchet MS",arial,sans-serif;
	font-size:1.1em;
	letter-spacing:2px;
	color:#014a99;
	border-color:#11b3f0;
	border-style:solid;
	border-width:0 0 1px 0;
}
#content .post_info {
	text-align:right;
	margin:0 25px 5px 25px;
	padding:2px;
	font-size:0.8em;
	font-family:arial,sans-serif;
	color:#aaa;
	line-height:0.9em;
	word-spacing:1px;
	border-top:1px solid #ddd;
}
#content .post_info a {
	text-transform:uppercase;
}


#content ul {
	margin:20px 20px 10px 70px;
	list-style-type:disc;
}

#content li {
	padding:3px;
}


/* col left and col right to add up to 720 - any padding  */

#content .col-left{
	float: left;
	width: 330px;
	padding: 0 5px 0 25px;
}

#content .col-right p{
	padding:15px 20px 2px 20px;
	text-align: left;
}

#content .col-right{
	float: left;
	width: 320px;
	padding: 0 20px 0 20px; 
}

#content .portfolio {
	padding: 25px 0 25px 0;
	border-bottom:1px solid #11b3f0;
}

#content .portfolio img {
	width: 300px;
	border: 6px solid #e4effa;
}

#content .portfolio h3 {
	display:block;
	margin:25px 0 0 10px;
	padding: 1px 0 1px 0;
	font-family:"Trebuchet MS",arial,sans-serif;
	font-size:1.1em;
	letter-spacing:2px;
	color:#014a99;
}


#content .portfolio a {
	font-weight:normal;
}

#footer {
	font-size:0.9em;
	font-family:arial,sans-serif;
	margin:40px 0 20px 0;
	padding:5px;
/*	border-top:1px solid #11b3f0;  */
}
#footer p {
	text-align:right;
	line-height:1.1em;
	color:#bbb;
	font-size:1em;
	font-family:arial,sans-serif;
	margin:0;
	padding:0;
}
#footer span {
	color:#888;
}
#footer a {
	color:#888;
}
#footer a:hover {
	color:#aaa;
}

hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0; padding:0;
	border:none;
	visibility: hidden;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}