/*
=Global
*/
* {
	margin:0;
	padding:0;
}
body,
html {
	background-color: #fffcec;
	background-image: url(../images/body_bg.png);
	background-repeat: repeat-x;
}
body {
	padding:0 15px;
	color:#444;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.8;
}

/*
=Main layout
*/
#wrap {
	position:relative;
	min-width:600px;
	max-width:70em;
	background:#fff;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#content {
	clear:both;
	/*border-top:1px dashed #41AB00;*/
}
#main {
	float:left;
	width:62%;
	overflow:hidden;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
.individual #main {
	position:relative;
	padding-top:1em;
}
.google-cse #main {width:100%}
#content-secondary {
	float:right;
	width:33%;
	color:#555;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 2em;
	margin-left: 0;
}
.google-cse #content-secondary {
	float:none;
	width:auto;
	margin:0;
}

#footer {
	clear:both;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #165FA4;
	position: relative;
	top: -15px;
}

/*
=Links
*/
a:link,
a:visited {
	border-bottom:1px dotted;
	color:#AE4F0C;
	font-weight:bold;
	text-decoration:none;
}
a:visited {color:#165FA4}
a:focus,
a:hover {
	border-bottom-style:solid;
	color:#D03900;
}
a.imglink:link,
a.imglink:visited {border:none}
a.imglink:hover {background:transparent}

/*
=Headings
*/
h1,h2,h3,h4,h5,h6 {
	color:#165FA4;
	font-weight:normal;
}
h5 {
	font-weight: bold;
	}
h1 {
	margin:0 0 0.5em;
	font-size:1.8em;
	line-height:1.2;
}
h2 {
	clear:both;
	margin:1.2em 0 0;
	font-size:1.5em;
	line-height:1.3;

}
h2 a, a:link, a:visited {
	border-bottom:0px;
	color:#165FA4;
	text-decoration:none;
}

h3 {
	margin:0.5em 0 0;
	font-weight:bold;
	font-size:1em;
	text-transform:uppercase;
	font-family:Georgia, Garamond, "Times New Roman", serif;
}
.general h1 {
	margin:0;
	color:#fff;
	font-size:1em;
	line-height:1.0;
}
.general #main h2 {
	margin:0 0 0.5em;
	color:#AE4F0C;
	font-weight:normal;
	font-size:1.2em;
	line-height:1.0;
	font-family:"Century Gothic", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-variant: small-caps;
	letter-spacing:1px;
}
.general #main h2 span {
	padding-right:18px;
	background:url(../images/icon-info.gif) no-repeat 100% 50%;
	cursor:help;
}
.general #main .bodytext h3 {
	margin:0 0 0.5em;
	font-weight:normal;
	font-size:1.8em;
	line-height:1.2;
	text-transform:none;
}
h2 a:link,
h2 a:visited,
h2 a:hover {
	margin:0;
	padding:0;
	border-bottom:0px;
	color:#165FA4;
	font-weight:normal;
}

h3 a:link,
h3 a:visited,
h3 a:hover {
	margin:0;
	padding:0;
	border-bottom:1px dotted #cfcfa0;
	color:#165FA4;
	font-weight:normal;
}

h3 a:hover {color:#D03900}

/*
=Lists
*/
dl,
ol,
ul {margin:1em 0}
dl {margin-top:-0.5em}
dt {
	margin:0.5em 0 0;
	font-weight:bold;
}
.lab dt {margin-top:1em}
dd {margin:0 0 0 2em}
dd p {margin:0 0 0.5em}
ul {
	padding:0 0 0 2em;
	list-style:square;
}
ol {padding:0 0 0 2.5em}
li {margin:0 0 0.5em}

.bodytext ul {
	font-size: .9em;
}
/*
=Data tables
*/
table {
	margin:0 0 1.5em;
	border-collapse:separate;
	border-spacing:0;
	border-bottom:1px solid #ccc;
}

th {font-weight:bold}
th,
td {
	padding:0.25em 0.5em 0.25em 0;
	border-top:1px solid #ccc;
	vertical-align:top;
	text-align:left;
}

/*
=Quotations
*/
blockquote {
	margin:1em 0;
	padding-left:30px;
	color:#555;
	background:url(../images/bq.gif) no-repeat;
}
q {quotes:"\201C" "\201D" "\2018" "\2019"}
q:before {content:open-quote}
q:after {content:close-quote}
* html q {font-style:italic}

blockquote.pullquote {
	float:right;
	width:10em;
	margin:0.25em 0.75em 0.25em 0;
	padding:0.5em;
	border:3px double #41AB00;
	border-width:3px 0;
	color:#333;
	background:transparent;
	font:italic 1.2em/1.3 Georgia;
}
blockquote.alt {
	float:right;
	margin:0.25em 0 0.25em 0.75em;
}
.pullquote div {
	margin:0;
	text-align:center;

}
.pullquote p:first-letter {text-transform:uppercase}
/*
=Images
*/
img {
	display:block;
	border:none;
}


/*
=Misc
*/
.headerclear {
	padding:10px 5px 5px;
	/*background:#F9F8F4;*/

	clear:both;
}

.non-visual {
	position:absolute;
	left:-9999px;
}
.clearfix:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
.clearfix {display:inline-block}
.clearfix {display:block}

/*
=Header
*/
#header {
	position:relative;
	margin-top:0px;
	height:170px;
	background-color: #7AC5FE;
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 -30px;
}
#header img {
	position:absolute;
	left:8px;
	color:#fff;
	top: 8px;
}


/*
=Footer
*/
#footer ul {
	list-style:none;
	background:#fff;
	font-size:0.94em;
	text-align:right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 0em;
	padding-left: 1em;
}
#footer li {
	display:inline;
	margin:0;
	padding:0 0 0 0.25em;
}
#footer li:before {content:"\00B7\00A0"}
#footer li:first-child:before {content:""}

/*
=Navigation
*/
ul#nav {
	margin:0;
	padding:0;
	position:absolute;
	top:140px;
	left:0px;
	width:800px;
	height:30px;
	background-color: transparent;
	background-image: url(../images/nav_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 -30px;
	}
ul#nav li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;	
	}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background-color: transparent;
	background-image: url(../images/nav_bg.gif);
	background-repeat: no-repeat;
	}
li#home a {
	width:78px;
	height:30px;
	 }
li#about a {
	width:81px;
	height:30px;
	 }
li#services a {
	width:92px;
	height:30px;
	 }	 
li#portfolio a {
	width:97px;
	height:30px;
	 }
li#contact a {
	width:89px;
	height:30px;
	 }	 	 	 	 
li#home a:hover, li#home a:focus {
	background-position:0px -30px;
	 }
li#about a:link, li#about a:visited {	
	background-position:-78px 0px;
	}
li#about a:hover, li#about a:focus {	
	background-position:-78px -30px;
	}
li#services a:link, li#services a:visited {	
	background-position: -159px 0px;
	}
li#services a:hover, li#services a:focus {	
	background-position: -159px -30px;
	}
li#portfolio a:link, li#portfolio a:visited {	
	background-position: -251px 0px;
	}
li#portfolio a:hover, li#portfolio a:focus {	
	background-position: -251px -30px;
	}
li#contact a:link, li#contact a:visited {	
	background-position: -348px 0px;
	}
li#contact a:hover, li#contact a:focus {	
	background-position: -348px -30px;
	}

/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#home-page ul#nav li#home a {
	background-position:0px -60px;
	}
body#about-page ul#nav li#about a {
	background-position:-78px -60px;
	}
body#services-page ul#nav li#services a {
	background-position:-159px -60px;
	}
body#portfolio-page ul#nav li#portfolio a {
	background-position:-251px -60px;
	}
body#contact-page ul#nav li#contact a {
	background-position:-348px -60px;
	position:relative;
	}
body#contact-page {
	margin-left: -17px;
}
/*
=Main Content
*/
.bodytext {
	min-height: 20em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1.5em;
	margin-left: .3em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
}
.bodytext p {
	font-size: .9em;
	margin-bottom: 1em;
}
.bodytext .bold {
	font-weight: bold;
}

/*
=Secondary content
*/
#content-secondary h3 {
	margin:0 0 0.25em;
	padding-left:17px;
	color:#165FA4;
	font-weight:normal;
	font-size:1.3em;
	line-height:1.0;
	text-transform:none;
	letter-spacing:0;
	background-image: url(../images/icon_sfish.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#content-secondary dl {margin-top:-0.5em}
#content-secondary dt {margin-top:1em}
#content-secondary dd {margin:0}
p.more {text-align:right}



/*
=rightlinks
*/
.rightlinks {margin:0 0 1em;
	padding-bottom:1em;
		border-bottom:1px dashed #41AB00;}
.rightlinks ul {
	margin:0.5em 0 0;
	padding:0;
	list-style:none;
	font-size:0.94em;
}
.rightlinks li {margin:0 0 0.4em}
.rightlinks .rightlinks-link {margin-top:1em}
.rightlinks-link a {
	padding:0 0 0 12px;
	background:url(../images/icon-continue.gif) no-repeat 0 50%;
}
.rightlinks p {
	font-size:0.94em;}
.rightlinks ul.arrow {
	padding:0;
	font-size:0.86em;
	list-style-image: url(../images/arrow.gif);
	list-style-type: none;
	list-style-position: inside;
	font-weight: normal;
	clear: left;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.rightlinks ul.recent-img {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
}
.rightlinks li.recent-img {
	padding: 0px;
	list-style-type: none;
	float:left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	}

/*
=Hosting
*/
#hosting {
	margin:0 0 0.75em;
	padding:0 0 1em;
	border-bottom:1px dashed #41AB00;
}
#hosting p {
	margin:0;
	font-size:0.94em;
}


/*
=Forms
*/
label {
	display:block;
	margin-top:1em;
	font-weight:bold;
}
label.inl {display:inline}
label em {
	font-weight:normal;
	font-style:normal;
	font-size:0.94em;
}
legend {
	margin:0;
	padding:0;
	color:#000;
	font-weight:bold;
}
input.txt {
	display:block;
	width:250px;
	color:#000;
	background:#fff;
}
input.btn {padding:0 0.25em}
textarea.txt {
	display:block;
	width:380px;
	color:#000;
	background:#fff;
}
input.txt:focus,
textarea.txt:focus {background:#f6feda}

/*
=Search
*/
#searchForm {
	position:absolute;
	right:15px;
	top:5px;
	margin:0;
	padding:0;
	font-size:0.94em;
	line-height:2.25em;
}
#searchForm label {
	display:inline;
	margin:0;
	color:#41AB00;
	font-family:"Century Gothic", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	vertical-align:middle;
}
#searchForm input.txt {
	display:inline;
	width:130px;
	border:1px solid #999;
	vertical-align:middle;
}
#searchForm input.txt:focus {
	color:#000;
	background:#f6feda;
}
#searchForm input.btn {
	margin:0;
	vertical-align:middle;
}

.radio {margin:1em 0 0}
.radio label {display:inline}
#comments_form,
#contactForm,

#comments_form,

#rem {
	margin:1em 0;
	border:none;
}
#rem label {margin:0 1em 0 0.25em}
.submitarea {margin:1em 0 0}
#comments_form p {
	margin-top:1em;
	color:#666;
}
.port_image {
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
}
.goldfish {
	float: right;
}
#port-description {
	clear: left;
}