/*  
Theme Name: Coastal
Description: A custom wordpress theme by Keith McLaughlin
Version: 1.0
Author: Keith McLaughlin
Author URI: http://www.keithmclaughlin.ie
*/

/* Universal Declarations */
/* ----------------------------------------------------------------- */

* html {
	margin: 0;
	padding: 0;
	/* Resets all margins and paddings on the page */
}

* a:link, * a:visited, * a:hover, * a:active {
	text-decoration: none;
	color: black;
}

ul li { line-height: 1.5em; }
	
* a:hover { cursor: pointer; /* works well for onclick anchors */ }

:link img, :active img, * img, a img { border: none; }

@font-face {
    font-family: 'JournalRegular';
    src: url('fonts/journal-webfont.eot');
    src: url('fonts/journal-webfont.eot?iefix') format('eot'),
         url('fonts/journal-webfont.woff') format('woff'),
         url('fonts/journal-webfont.ttf') format('truetype'),
         url('fonts/journal-webfont.svg#webfontGhV9TBys') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ----------------------------------------------------------------- */

body {
	color: black;
	font: 14px/1.25em Arial, Helvetica, sans-serif;
	margin: 0;
}

.wrap {
	width: 940px;
	margin: 0 auto;
}

.header { padding: 30px 0; }

.header .wrap { position: relative; }

.header .wrap ul {
	position: absolute;
	top: -14px;
	right: 0px;
	color: #99cdff;
}

.header ul li {
	display: inline-block;
	background-color: #99cdff;
	padding: 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right: 10px;
}

.header ul li:last-child { margin-right: 0; }

.header a:link,
.header a:active,
.header a:visited {
	color: black;
	text-decoration: none;
}

.header a:hover { color: white; }

.header .wrap span {
	font-family: "JournalRegular";
	font-size: 300%;
	color: #ff4500;
	position: absolute;
	bottom: 10px;
	right: 0;
}

.intro { background: transparent url(images/intro-bg.jpg) repeat-x top; }

.services h2 {
	color: #003366;
	margin-top: 0px;
	margin-bottom: 60px;
	font-size: 32px;
}

.services h3 {
	margin-top: 0;
	color: #003366;
	font-size: 24px;
}

.services .wrap { margin-bottom: 60px; }

.service img {
	float: left;
	width: 207px;
	margin-right: 20px;
	border: 10px solid #dbf4fb;
	-moz-box-shadow: 0 5px 15px #ddd;
	-webkit-box-shadow: 0 5px 15px #ddd;
	box-shadow: 0 5px 15px #ddd;
	margin-bottom: 30px;
}

.testimonial {
	background-color: #e6f1f5;
	padding: 20px 0;
}
.testimonial h4 { display: none; }
.testimonial .wrap { position: relative; }
#left-quote {
	background: transparent url(images/left-quote.png) no-repeat top;
	width: 81px;
	height: 89px;
	position: absolute;
	left: 0;
	top: -60px;
}
#right-quote {
	background: transparent url(images/right-quote.png) no-repeat top;
	width: 81px;
	height: 89px;
	position: absolute;
	right: 0;
	bottom: -40px;
}
.sk_testimonials_widget {
	width: 700px;
	margin-left: 120px;
}
.subpage #testimonial {
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 2em;
	padding-bottom: 1em;
}
cite {
	display: block;
	font-style: italic;
	text-align: right;
}
cite a:link,
cite a:active,
cite a:visited { color: #003366; }
cite a:hover { color: black; }

.footer {
	background-color: #003366;
	color: #0099cc;
	padding: 20px 0;
}
.footer a:link,
.footer a:active,
.footer a:visited { color: #0099cc; }
.footer a:hover { color: white; }
.footer ul {
	margin: 0;
	padding: 0;
	margin-top: 1em;
}
.footer ul li {
	display: inline-block;
	margin-right: 15px;
}
.footer .lhs {
	float: left;
	width: 50%;
}
.footer .rhs {
	float: right;
	width: 50%;
	text-align: right;
}

.heading {
	background-color: #0066cc;
	color: white;
}

.heading h1 {
	padding: 1em 0;
	margin: 0;
}

.subpage { padding: 20px 0; }

/* FORMS */
input[type=text] { padding: 3px; }
/* END OF FORMS */

/* ALWAYS leave this last!!!!! */

html .clear { display: block; }

.clear {
	clear: both;
	margin: 0;
}

.clear::after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}