@charset "utf-8";

/* CSS Document */

/* Konstantinos
   Author:   Me
   Created: 28 Dec 2013
   ----------------------------------------------------*/

/* -------------------------------------->  CLASSES <--------------------------------------- */

/* Clearfix */
.clearfix:after
{
					visibility: hidden;
					display: block;
					font-size: 0;
					content: " ";
					clear: both;
					height: 0;
}

* html .clearfix
{
					zoom: 1;
} /* IE6 */

*:first-child+html .clearfix
{
					zoom: 1;
} /* IE7 */

/* end Clearfix */

br.default
{
					clear: both;
					height: 12px;
					width: 1px;
}

br.x2
{
					height: 24px;
}

.clear
{
					clear: both;
}

.align-center
{
					text-align: center;
}

.align-right
{
					text-align: right;
}

.font-normal
{
					font-weight: normal;
}

.font-light
{
					font-weight: 300;
}

.floatright
{
					float: right;
}

.floatleft
{
					float: left;
}

.block
{
					display: block
}

.hidden
{
					display: none
}

.pullquote
{
					width: 85%;
					margin: 0 auto;
}

/* *** Images *** */
a.hvr-opacity
{
					display: block;
}

img
{
					margin-bottom: 0.923em
}

img.default
{
}

a img.default
{
}

a img.default:hover img,
a img.default:active img
{
}

img.floatleft
{
					margin: 0.923em 0.923em 0.923em 0
}

img.floatright
{
					margin: 0.923em 0 0.923em 0.923em
}

/* *** end Images *** */

/* *** Global Buttons *** */
a.default-btn
{
					display: block;
					padding: 3px 12px;
					margin-bottom: 12px;
					font-weight: 700;
					font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
					color: #1c1c1a;
					text-align: center;
					border-top: 1px solid #fff;
					border-bottom: 1px solid #537f81;
					position: relative;
					-webkit-border-radius: 6px;
					-moz-border-radius: 6px;
					border-radius: 6px;
					background: #D0FBFD;
					background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D0FBFD), to(#9cf4f7));
					background: -webkit-linear-gradient(#D0FBFD, #9cf4f7);
					background: -moz-linear-gradient(#D0FBFD, #9cf4f7);
					background: -ms-linear-gradient(#D0FBFD, #9cf4f7);
					background: -o-linear-gradient(#D0FBFD, #9cf4f7);
					background: linear-gradient(#D0FBFD, #9cf4f7);
					-pie-background: linear-gradient(#D0FBFD, #9cf4f7);
					behavior: url(ieHack/PIE-1.0beta5/PIE.php);
}

a.default-btn:hover,
a.default-btn:active
{
					color: #000;
					background: #9cf4f7;
}

/* *** end Global Buttons *** */ 
/* -------------------------------------->  end CLASSES <--------------------------------------- */

/* -------------------------------------->  STRUCTURE <--------------------------------------- */
/* *************** Code For Sticky Footer *************** */
html, body { height: 100%; }
#outer-wrapper { min-height: 100%; /* equal to footer height */ margin-bottom: -36px; }
#outer-wrapper:after { content: ""; display: block; }
#pageFooter, #outer-wrapper:after { /* .push must be the same height as footer */ height: 24px; padding: 6px 0; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* *************** end Code For Sticky Footer *************** */
.container
{
					width: 960px;
					margin: auto;
					position: relative;
}
/*	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
     			    HEADER
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ */
#pageHeader
{
					width: 100%;
					height: 60px;
					padding: 12px 0;
					background: url(../images/Header-bg.png) repeat-x;
					position: relative;
					-webkit-box-shadow: #000 0px 1px 2px;
					-moz-box-shadow: #000 0px 1px 2px;
					box-shadow: #000 0px 1px 2px;
					behavior: url(ieHack/PIE-1.0beta5/PIE.php);
}

#pageHeader a.logo
{
					display: block;
					width: 328px;
					height: 114px;
					background-color: #000;
					position: absolute;
					top: -12px;
					left: 0;
					-webkit-border-radius: 0 0 6px 6px;
					-moz-border-radius: 0 0 6px 6px;
					border-radius: 0 0 6px 6px;
					-webkit-box-shadow: #000 0px 1px 2px;
					-moz-box-shadow: #000 0px 1px 2px;
					box-shadow: #000 0px 1px 2px;
					behavior: url(ieHack/PIE-1.0beta5/PIE.php);
}

#pageHeader a.logo:hover
{
					background-color: #0c3a3c;
}

#pageHeader a.logo h1
{
					width: 324px;
					height: 120px;
					text-indent: -9999px;
					background: url(../images/HPS_by_Konstantinos.png) no-repeat;
					position: absolute;
					top: 6px;
					left: 3px;
}
/*	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
     			   end HEADER
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ */ 
/*	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
     			FEATURED AREA
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ */ 
/*	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
     		   end FEATURED AREA
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ */
/*	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
     			     MAIN
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ */
#content
{
					width: 732px;
					padding: 24px 0;
					margin: 60px auto 24px auto;
					background: url(../images/Main-bg.png);
					position: relative;
					-webkit-border-radius: 6px;
					-moz-border-radius: 6px;
					border-radius: 6px;
					-webkit-box-shadow: #000 0px 1px 2px;
					-moz-box-shadow: #000 0px 1px 2px;
					box-shadow: #000 0px 1px 2px;
					behavior: url(ieHack/PIE-1.0beta5/PIE.php);
}

#content .border
{
					width: 168px;
					height: 1px;
					margin: 0 auto 24px auto;
					background-color: #181816;
					border-bottom: 1px solid #2ed3d9;
}

.main-wrapper
{
					width: 684px;
					padding: 0 24px;
}

.alt-bg
{
					background: url(../images/Main-bg-alt.png);
					padding: 12px 0;
}

.main-wrapper.alt-bg,
.main-wrapper.row
{
					padding: 12px 24px;
}

.nav-imgs
{
					width: 360px;
					height: 360px;
					margin: auto;
					position: relative;
}

.nav-imgs .link
{
					display: block;
					width: 180px;
					height: 360px;
					background: url(../images/Circles.png) no-repeat;
					position: absolute;
					left: 0;
					top: -48px;
					text-indent: -9999px;
}

.nav-imgs .right.link
{
					left: 180px;
}

.nav-imgs a.bio
{
					background-position: 0 0;
}

.nav-imgs a.bio:hover,
.nav-imgs a.bio:active
{
					background-position: 0 -360px;
}

.nav-imgs a.services
{
					background-position: -180px 0;
}

.nav-imgs a.services:hover,
.nav-imgs a.services:active
{
					background-position: -180px -360px;
}

.image-circle img
{
					width: 120px;
					height: 120px;
					border: 3px solid #000;
					margin-bottom: 0.923em;
					position: relative;
					-webkit-box-shadow: #000 0px 1px 2px;
					-moz-box-shadow: #000 0px 1px 2px;
					box-shadow: #000 0px 1px 2px;
					-webkit-border-radius: 80px;
					-moz-border-radius: 80px;
					border-radius: 80px;
					behavior: url(ieHack/PIE-1.0beta5/PIE.php);
}
/*	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
     			   end MAIN
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ */ 

/*	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
     			  SIDEBAR
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ */ 
/*	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
     			end SIDEBAR
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ */
/* *** FORMS *** */
.default label,
form.default .label
{
					display: block;
}

.default input,
.default textarea
{
					height: 24px;
					padding: 3px 24px;
					margin-bottom: 12px;
					position: relative;
					background-color: #1c1c1a;
					border-bottom: 1px solid #39f2f9;
					border-top: 1px solid #000;
					color: #fdffed;
					font-weight: 400;
					font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.default textarea
{
					height: auto;
}

.default input:focus,
.default textarea:focus
{
					background-color: #000;
					color: #fff;
}
/* *** end FORMS *** */
#map-box
{
					padding-bottom: 12px;
}

#contact-form
{
					width: 396px;
}

#contact-form input,
#contact-form textarea
{
					width: 348px;
}

#contact-info
{
					width: 264px;
}

.label
{
					color: #e6f5f3;
					font-weight: 400;
					font-style: italic;
					font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/*	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
     			  FOOTER
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ */ 
#pageFooter
{
					width: 100%;
					background: url(../images/Footer-bg.png);
					font-size: .857em; 
					line-height: 1.714em;
					color: #beb7b7;
					overflow: hidden;
					position: relative;
					-webkit-box-shadow: #000 0px -1px 2px;
					-moz-box-shadow: #000 0px -1px 2px;
					box-shadow: #000 0px -1px 2px;
					behavior: url(ieHack/PIE-1.0beta5/PIE.php);
}

p#copyright
{
					padding-bottom: 0;
}
/*	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
     			  end FOOTER
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ */ 

/* --------------------------------------> end STRUCTURE <--------------------------------------- */