/* Reset browser defaults for consistency */
html, body, div, span, h1, h2, h3, p, a, img, li, ol, ul, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}

/* remove bullets from list menu */

ol, ul {
	list-style: none;
}

/* Basic page layout */
body {
	margin: 0 auto;  
	position:relative; 
	background-color: #fff; 
	font-size: 62.5%; 
	}
	


#header {
	width:960px;
	margin: 0 auto;
	margin-top: 20px;
	height:205px;
	background-color:#fff;
	background-image: url(../images/header.png);
}
#navigation {
	clear: both;
	width: 920px;
	height: 50px;
	padding: 32px 20px 0 20px;
	}
#navigation p {
	float: right; 
	color:#FFFFFF; 
	padding: 0 10px 4px 0; 
	font-weight: bold; 
	font-size: 1.6em;
}
#navigation ul li {
	display:inline;
	color:#FFFFFF;
	padding-left: 3px;
	font-size:1.2em;
	font-weight: bold;
}
#navigation ul li a {
	color:#FFFFFF;
	font-size:1.2em;
	font-weight: bold;
}
#content {
	clear:both;
	width: 960px;
	margin: 0 auto;
	background-color:#fff;
	overflow: hidden;
}
#breadcrumbs {
	clear: both;
	float:right;
	padding: 10px 10px 10px 0;
}

#left{
	width: 290px;
	margin: 0 10px;
	float:left;
	min-height:200px;
	background-color:#fff;
	padding-right: 10px;
	border-right: #B1E0E2 1px solid;
	padding-bottom: 2000px;
	margin-bottom: -2000px;
	}
#middle{
	width: 316px;
	float:left;
	background-color:#fff;
	}
#middle ul {
	font-size: 1.2em;
}
#middle ul li {
	padding-bottom: 4px;
}
#right{
	width: 290px;
	margin: 0 0 0 10px;
	float:left;
	min-height:200px;
	background-color:#fff;
	padding-left: 10px;
	border-left: #B1E0E2 1px solid;
	padding-bottom: 2000px;
	margin-bottom: -2000px;
	}
#right ul {
	font-size: 1.2em;
}
#right ul li {
	padding-bottom: 4px;
}
#SubLeft {
	width: 708px;
	margin: 0 10px;
	float:left;
	min-height:200px;
	background-color:#fff;
	padding-right: 10px;
}
#SubLeft p {
	font-size: 1.2em;
	padding-bottom: 12px;
	text-align:justify;
	line-height: 1.3em;
}
#SubLeft ul {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 5px 25px;
}
#SubLeft ul li {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
	list-style:outside disc;
	font-size: 1.2em;
	padding-left:15px;
}
#SubRight {
	width: 210px;
	float:left;
	background-color:#fff;
	padding-left: 10px;
	border-left: #B1E0E2 1px solid;
	padding-bottom: 2000px;
	margin-bottom: -2000px;
}
#SubRight p {
	font-size: 1.2em;
	padding-bottom: 4px;
	text-align:justify;
	line-height: 1.3em;
}

.error {
	width: 680px;
	background-color:#FFFFFF;
	color: #FFFFFF;
    background-image:url(../images/error-back.png);
	border: 2px #FF0000 solid;
	font-weight: bold;
	padding: 5px;
}

.error ol {
	list-style-position: inside;
	list-style-type: decimal;
	font-weight: bold;
	color: #FFFFFF;	
}

#footer {
	clear:both;
	margin:0;
	margin-top: 10px;
	background-color: #5794af;
	background-image:url(../images/footer.png);
	background-repeat: repeat-x;
}
#footer a {
	color: #FFF;
	font-weight: bold;
}
#footer p {
	color: #FFF;
}
#insideFooter {
	width: 960px;
	margin:0 auto;
	margin-top: 40px;
	min-height:400px;	
}
#insideFooterLeft {
	float: left;
	width: 703px;
}
#insideFooterRight {
	float: left;
	width: 237px;
	margin-left: 20px;
}
.contacts {
	clear: both;
	width: 240px;
	margin-top: 20px;
}
.contacts img {
	float: left; 
	padding-right: 10px;
}
.contacts p {
	color: #fff;
}
.logos {
	width: 316px;
	clear: both;
	margin-top: 10px;
}
.logos img {
float: left;
padding-right: 10px;
}

h1 {
	font-size: 1.4em;
	padding: 10px 0;
	font-weight: bold;
	line-height: 1.4em;
}
h2 {
	font-size: 1.4em;
	padding: 10px 0;
	font-weight: bold;
	line-height: 1.4em;
}
h3 {
	font-size: 1.3em;
	padding-bottom: 4px;
	font-weight: bold;
	line-height: 1.4em;
}

p{
	font-size: 1.2em;
	padding-bottom: 15px;
	text-align:justify;
	line-height: 1.3em;
}
hr {
	color: #B1E0E2;
	size: 1px;
	margin: 5px;
}
.portfolio {
	width: 130px;
	height: 55px;
	margin-left: 5px;
	float:right;
}
code {
	font-size: medium;
}
/* Hyperlinks */
a {
	text-decoration: none;
	color: #49799e;
	}
		
a:hover {
	text-decoration: underline;
	color: #49799e;
	}
a:visited {
	color: #49799e;
}	

/* Images */



/* ----------  forms stuff ---------- */
form {
	width: 700px;
	margin-top: 50px;
	border-right: #CCCCCC 1px solid;
	
}


legend {
	width: 150px;
	height: 15px;
	text-transform: capitalize;
	font-size:1.3em;
	padding:5px;
	margin-left: 1em;
	border: 1px solid #fff;
}

fieldset ol {
	padding: 10px 10px 0 10px;
	list-style: none;
}
fieldset li {
	position: relative;
	
}
label {
	position: relative;
	clear: left;
	float: left;
	width: 15em;
	margin-right: 5px;
	text-align: right;
	line-height: 3.4em;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight: bold;
}
/* -- {
	padding: 5px;
	font-size: 1.4em;
	border: 1px solid #493f0b;
	color: #1e1903;
	background: #f5f6d4;
} -- */
.orange {
	font-weight: bold;
	padding-top: 20px;
	color: #ee6002;
}
.view {
	padding: 5px;
	font-size: 1.4em;
	border: 1px solid #493f0b;
	color: #1e1903;
	background: #f5f6d4;
}
select {
	padding: 5px;
	font-size: 1.4em;
	border: 1px solid #493f0b;
	color: #1e1903;
	background: #f5f6d4;
}
label span {
	position: absolute;
	left: -1000px;
	top: 0px;
}
label.required {
	background: transparent url(../images/required.png) no-repeat center right;
	padding-right: 30px;
}
label.notrequired {
	background: transparent url(../images/notrequired.png) no-repeat center right;
	padding-right: 30px;
}
p span.required {
	display: inline-block;
	vertical-align: middle;
	line-height: 3.4em;
	width: 25px;
	text-indent: -1000px;
	overflow: hidden;
	background: transparent url(../images/required.gif) no-repeat center right;	
}
fieldset#submitform {
	background-image: none;
	border-style: none;
}
.button {	
	width: 150px;/* Width of button image */	
	height: 30px;/* Height of button image */	
	margin: 20px 150px 0 0;	
	float:right;
	border: 0;	
	background: transparent url(../images/send.png) no-repeat;	
	overflow: hidden;	
	cursor: pointer; /* hand-shaped cursor */	
	cursor: hand; /* for IE 5.x */	
}
.loading{	
	margin: 20px 150px 0 0;	
	float:right;
	border: 0;	
}
#staff {
	margin: 5px 10px 0 10px;	
}
/* Text Box with Gradient: */
.tb-gradient {
    border:0;
    background: transparent url(../images/gradient.png) no-repeat bottom left;
    height: 22px;
    width: 300px;
    padding:10px 0 0 10px;
	float: left;
}
.tb-gradient-input {
    border:0;
    background: transparent;
    width: 280px;
	margin-top: 2px;
}
.ta-gradient {
    border:0;
    background: transparent url(../images/gradientArea.png) no-repeat bottom left;
    height: 150px;
    width: 300px;
	padding: 10px 10px 0 10px;
	overflow: hidden;
}
.ta-gradient-input {
    border:0;
    background: transparent;
    height: 135px;
    width: 275px;
	margin-top: 5px;
	overflow: auto;
	float: left;

}	                                                                             

/* Classes */
.clear {
	clear: both;
	}
.twotone {
	color:#53b1ac;
}

#social {
	text-align: center;
}
#sociallist li
{
	display: inline;
	list-style-type: none;
}
#sociallist a
{
	padding-left: 20px;
	margin-right: 5px;
}
.twitter { background: url(../socialicons/twitter.gif) no-repeat; }
.facebook { background:url(../socialicons/facebook.gif) no-repeat; }
.digg { background:url(../socialicons/digg.gif) no-repeat; }
.wakoopa { background:url(../socialicons/wakoopa.gif) no-repeat; }
.lastfm { background:url(../socialicons/lastfm.gif) no-repeat; }
.linkedin { background:url(../socialicons/linkedin.gif) no-repeat; }
	

/* Blog */
:focus { outline: 0; }
.clear:after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clear { height: 1%; }
.wrapper { width: 960px; margin: 0 auto; }
a:hover { text-decoration: underline !important; }

.post { width: 650px; float: left; }
.post h2 { color: #000; font-size: 30px; letter-spacing: -1px; padding: 10px 0; }
.post h2 a { color: #000; text-decoration: none; }
.post h2 a:hover { text-decoration: underline; }
span.author { margin: 15px 0 0 0; font-style: italic; font-size: 11px; color: #009933; }

.text { float: left; width: 495px; }
.page .text { width:650px; }
.text a { color: #49799e; text-decoration: none;  }
.text p { margin: 15px 0; line-height: 22px; color: #000; padding-left:15px;  }
.text ul, .text ol { margin: 15px 0; padding-left:15px; list-style:outside;  }
.text li { margin: 5px 0; padding-left:15px;  }
.text blockquote { font-style: italic; background: url(images/quote.gif) top left no-repeat; text-indent: 25px; }
.info { color: #000; float: left; width: 115px; font-size: 11px; padding: 20px 20px 0 0; }
.info ul li { margin: 0 0 10px 0; list-style: none; }
.info a { color: #49799e; text-decoration: none; }
.more-link { display: none; }
span.more { background: url(images/bullet.gif) right center no-repeat; padding: 0 20px 0 0; }
.title {
	clear: both;
	}
.borders {
	border-top: 1px solid #70a1c2;
	border-bottom: 1px solid #70a1c2;
	padding-top: 10px;
	}
/* Sidebar */
#sidebar{
	width: 210px;
	float:left;
	background-color:#fff;
} 
#sidebar h3 { font-size: 11px; font-weight: bold; text-transform: uppercase; color: #999; padding-left: 10px; } 
#sidebar p { float: left; margin: 10px 0; padding-left: 10px; }
#sidebar a { color: #664a86; text-decoration: none; }
#sidebar ul { margin: 10px 0; list-style: none; padding-left: 10px; }
#sidebar ul li { margin: 4px 0; float: left; padding-left: 10px; display: block; clear:both; }

.divider { width: 200px; padding: 10px 0 0 0; margin: 10px 0 15px 0; background: url(images/divider.png) bottom repeat-x; height: 4px; }

#categories ul { font-size: 12px; width: 210px; float: left; }
#categories ul li { float: left;  }
#categories ul li a { color: #000; text-decoration: none; }

#blogroll ul { width: 210px; }
#blogroll li { float: left; width: 210px; color:#000; }
#blogroll a { color:#000; }

#search input.search { padding-left: 10px; margin: 15px 0 0 0; height: 23px; width: 210px; border: 1px solid #999; font-family: "Helvetica Neueu", Helvetica, Arial, Tahoma, Verdana, sans-serif; font-size: 12px; }