/*
Theme Name: Poseidon... yo!
Description: Poseidon Web Studios
Version: 1.0
Author: Brandon Johnson
*/

/*
## POSEIDON WEB STUDIOS
## COPYRIGHT 2010
## http://www.poseidonwebstudios.com
*/

ul,li,img,h1,h2,h3,h4 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

input, textarea {
	width: 280px;
	background: #ffffff;
	color: #333333;
	border: 1px solid #c8c4c1;
	padding: 5px;
}

#contact_form_submit {
	width: 75px;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) */

@font-face {
    font-family: 'CantarellRegular';
    src: url('cantarell-regular-webfont.eot');
    src: url('cantarell-regular-webfont.eot?#iefix') format('eot'),
         url('cantarell-regular-webfont.woff') format('woff'),
         url('cantarell-regular-webfont.ttf') format('truetype'),
         url('cantarell-regular-webfont.svg#webfontXjZyGIS1') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
	font-size: 28px;
	line-height: 32px;
	font-weight: none;
	color: #075484;
	font-family: CantarellRegular, verdana;
}

h2 {
	font-size: 26px;
	line-height: 28px;
	font-weight: none;
	color: #3983a4;
	font-family: CantarellRegular, verdana;
}

h3 {
	color: #1a78a9;
	font-weight: none;
	font-size: 20px;
	line-height: 22px;
	font-family: CantarellRegular, verdana;
}

h4 {
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

/*
## ESSENTIALS
*/

body {
	background: #ffffff;
	background-image: url("images/bg.jpg");
	background-position: top;
	margin: 0px; 
	margin: 0;
	padding: 0;
	text-align: center; /*Tricks IE into centering the wrapper div*/
	font-size: 15px;
	line-height: 20px;
	font-family: arial, tahoma;
	color: #000000;
	display: block;
}

#header {
	height: 150px;
	margin: 0px auto;
	background: transparent url("images/bg_top.jpg") center top repeat-x;
	clear: both;
}

#headerwrapper {
	position: relative;
	width: 950px;
	margin: 0px auto;
	display: block;
	text-align: left;
}

#headerlogo {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 251px;
	height: 138px;
}

#headerlogo:hover {
	top: -2px;
}

#navigation {
	float: left;
	position: absolute;
	top: 55px;
	left: 310px;
	text-align: left;
	font-family: CantarellRegular, verdana;
	line-height: 20px;
	font-size: 20px;
}

#nav, #nav ul {
	list-style: none;
}

#nav li {
	float: left;
	list-style: none;
}

#nav a {
	display: inline-block;
	color: #333333;
	text-decoration: none;
	font-weight: none;
	margin-right: 36px;
	text-shadow: 1px 1px #ffffff;
}

#nav a:hover, #nav a:active,  
li.current_page_parent a,  
li.current_page_parent a:visited,  
#nav li.current_page_item a,  
#nav li.current_page_item a:visited  {
	color: #22539c;
}

.contentblock {
	width: 950px;
	margin: 0px auto;
	padding-top: 10px;
	clear: both;
	overflow: hidden;
	text-align: left;
}

.contentblock a:link, .contentblock a:visited, .contentblock  a:active {
	text-decoration: none;
	color: #0074a9;
	border-bottom: 1px dotted #0084c0;
}

.contentblock  a:hover {
	color: #e5820c;
	border-bottom: 1px dotted #f58b0c;
}

#intro_left {
	float: left;
	width: 320px;
	padding-top: 40px;
	color: #3c362d;
	text-align: left;
}

#intro_left a {
	text-decoration: none;
}

#intro_right {
	position: relative;
	float: right;
	width: 624px;
	height: 600px;
	background: transparent;
	background-image: url("images/bg_slide.png");
	background-position: top center;
	background-repeat: no-repeat;
	text-align: left;
}

#footer {
	width: 100%;
	height: 220px;
	margin: 0px auto;
	margin-top: 20px;
	background-image: url("images/bg_footer.jpg");
	background-position: top center;
	background-repeat: repeat-x;
	clear: both;
	overflow: hidden;
}

#footer_wrapper {
	width: 950px;
	margin: 0px auto;
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 15px;
	text-align: left;
	font-size: 13px;
	line-height: 19px;
}

#footer_wrapper a:link, #footer_wrapper a:visited, #footer_wrapper a:active {
	text-decoration: none;
	color: #0084c0;
	border: 0;
}

#footer_wrapper  a:hover {
	color: #000000;
}

#footer_wrapper p {
	margin: 3px 0px;
	padding: 0 0 0 5px;
}

.footer_block {
	float: left;
	display: block;
	width: 315px;
}

.footer_block span {
	background: #ffffff;
	padding: 0px 2px;
}

#footer_nav, #footer_nav ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 5px;
}

#footer_nav li {
	float: left;
	list-style: none;
	clear: both;
	margin: 0;
	padding: 0;
}

#footer_nav a {
	display: block;
	color: #005980 !important;
	text-decoration: none;
	font-weight: none;
	margin: 3px 0 0 0;
	padding: 0;
	font-size: 13px;
	line-height: 19px;
}

#footer_nav a:hover, #footer_nav a:active,  
li.current_page_parent a,  
li.current_page_parent a:visited,  
#footer_nav li.current_page_item a,  
#footer_nav li.current_page_item a:visited  {
	color: #000000 !important;
}

/*
## SPECIAL TEXT
*/

.home_intro {
	color: #36698c;
	font-size: 30px;
	line-height: 30px;
	font-family: georgia, verdana;
}

.sidenote {
	color: #888888;
	font-style: italic;
	font-family: verdana;
	font-size: 14px;
}

.portfolio_link {
	color: #666666;
	font-size: 13px;
}

.portfolio_link a {
	font-size: 13px;
}

/*
## CONTENT SECTIONS
*/

.page_header {
	width: 950px;
	text-align: right;
	margin-bottom: 20px;
	overflow: hidden;
}

.half_block {
	clear: both;
	overflow: hidden;
	margin-top: 20px;
}

.half_left {
	float: left;
	width: 450px;
	overflow: hidden;
}

.half_right {
	float: right;
	width: 450px;
	overflow: hidden;
}

.half_header {
	width: 450px;
	border-bottom: 1px solid #bbbbbb;
	overflow: hidden;
	margin-bottom: 15px;
	float: left;
	clear: both;
}

.half_header span {
	padding-left: 15px;
	color: #2c6f9e;
}

.contact_block {
	overflow: hidden;
	margin-bottom: 20px;
	width: 450px;
}

.contact_left {
	float: left;
	width: 90px;
	text-align: right;
	font-weight: bold;
}

.contact_right {
	float: right;
	width: 345px;
}

.portfolio_wrapper {
	width: 950px;
	overflow: hidden;
	clear: both;
}

.portfolio_item {
	width: 305px;
	float: left;
	margin-right: 10px;
	min-height: 300px;
}

.portfolio_item img {
	border: 5px solid #ffffff;
}

.portfolio_item a {
	border: 0 !important;
}

.portfolio_item span {

}

.service_block {
	width: 950px;
	overflow: hidden;
	clear: both;
	margin-bottom: 30px;
}

.service_web { background: transparent url('images/service_web.png') left 15px no-repeat; }
.service_graphic { background: transparent url('images/service_graphic.png') right 15px no-repeat; }
.service_cms { background: transparent url('images/service_cms.png') left 15px no-repeat; }
.service_seo { background: transparent url('images/service_seo.png') right 15px no-repeat; }

.service_right {
	width: 700px;
	float: right;
}

.service_left {
	width: 700px;
	float: left;
}

.service_block ul {
	display: block;
	overflow: hidden;
	background: transparent url('images/bg_serviceul.jpg') top left repeat-y;
}

.service_block ul p {
	margin: 0;
	padding: 0;
}

.service_block li {
	display: block;
	float: left;
	list-style: none;
	margin: 0 0 10px 30px;
	width: 300px;
	min-height: 130px;
	font-size: 13px;
	color: #686868;
}