/* @override 
	http://localhost:8888/redbiro/philgeorgio/style.css
	http://www.philgeorgiou.com/style.css
	http://philgeorgiou.com/style.css
*/

* {
margin: 0;
padding: 0;
font-size: 1.0em;
}

html, body {
height: 100%;
}

body {
font-size: 62.5%;
font-family: futura, 'trebuchet MS', trebuchet, tahoma, helvetica, sans-serif;
color: #4c4c4e;
background: #c2deea;
}


/* @group General Styles */

.jumpto{
text-indent: -9999em;
margin: 0;
line-height: 0;
height: 0em;
position: absolute;
}

img {
border: 0;
}

ul {
list-style-position: outside;
list-style: none;
}

li {
list-style: none;
}

del {
color: #ff0000;
}

a {
color: #4c4c4e;
text-decoration: none;
}

a:active {
outline: none;

}

a:hover {
color: #000;
}

#search .text {
padding: 0.4em 2px 0.3em 2px;
border-width: 0  1px 1px 1px;
border-style: solid;
border-color: #c6c6c6;
background: #fff url(images/site/inputtext-top.gif) repeat-x;
}

input.text, textarea {
padding: 0.4em 2px 0.3em 2px;
border-width: 1px;
border-style: solid;
border-color: #767676 #c6c6c6 #c6c6c6 #c6c6c6;
background: #fff url(images/site/input-text.gif) repeat-x;
}


#colsandcontent p, #colsandcontent li{
line-height: 1.5em;
}

#content p, #content li{
	line-height: 1.6em;
}

p {
margin: 1.0em 0;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
text-decoration: underline;
}

h1 {
font-size: 2.49em;
margin: 0.74em 0;
}

h2 {
font-size: 1.26em;
color: #336666;
font-weight: normal;
}

h3 {
font-size: 1.32em;
margin: 1.12em 0;
}

h4 {
margin: 1.0em 0;
}

#colsandcontent ul li{
list-style: disc;
}

#colsandcontent ol li{
list-style: decimal;
}

#colsandcontent li{
margin: 0.42em 0 0.42em 15px;
}

.replace{
display:  block;
overflow: hidden;
position: relative;
}

.replace span{
position: absolute;
width: 100%;
height: 100%;
}

.meta{
margin: 0;
color: #666;
}

small{
font-size: 0.9em;
}

strong{
	font-weight: normal;
	color: #124e4e;
}

.nobold{
font-weight: normal;
}

form{
margin: 0;
padding: 0;
}

.textpage ul, .textpage ol{
margin: 1.0em 0;
}

.textpage li{
margin: 0.2em 0 0 30px;
}

.textpage ul li{
list-style: disc;
}

.textpage ol li{
list-style: decimal;
}

address{
font-style: normal;
}

.largertext{
font-size: 1.16em;
}

.largertext2{
font-size: 1.32em;
}

.spacetop{
	margin-top: 1.36em;
}

.large{
	color: #ff0000;
	font-size: 1.2em;
}

.large a{
	color: #ff0000;
}

.bold{
	font-weight: bold;
}

.uppercase{
	text-transform: uppercase;
}

.clear{
clear: both;
}

.background{
   	position: absolute; 
   	top: 0px;
   	left: 0px; 
   	height: 100%; 
	width: 100%;
	overflow: hidden;
}        


/* @end */

#master{
	width: 705px;
	margin: 1.0em auto;
	height: 100%;
}

#content{
	font-size: 1.4em;
	margin: 2.0em 0;
}

/* @group Titles and colours*/

h1.title{
	text-indent: -9999em;
	background-repeat: no-repeat;
}

#home h1{
	margin: 0;
	font-size: 0.3em;
}

#whoami h1{
	height: 278px;
	background-image: url(images/title-who_new.gif);
}

#why h1{
	height: 201px;
	background-image: url(images/title-howitworks_new.gif);
	background-position: right;
}

#why strong{
	color: #993399;
}

#specialist h1{
	margin: 2.0em 30px 1.0em;
	height: 134px;
	background-image: url(images/title-specialist_new.gif);
}

#specialist h2{
	color: #f81f76;
	margin-bottom: -0.83em;
}

#what h1{
	height: 118px;
	margin: 2.8em  30px 2.0em 0;
	background-image: url(images/title-what2.gif);
	background-position: left;
}

#confidentiality h1{
	height: 263px;
	background-image: url(images/title-how_new.gif);
	background-position: right;
}

#confidentiality strong{
	color: #0066cc;
}

#contact h1{
	height: 100px;
	background-image: url(images/title-contact.gif);
	background-position: right;
}

#fees h1{
	height: 89px;
	background-image: url(images/title-fees01_new.gif);
}

#fees .imgpara{
	background: url(images/title-fees02_new.gif) no-repeat top right;
	padding-top: 100px;
}

#fees strong{
	color: #0066cc;
}

#where h1{
	
}

#links h1{
	height: 171px;
	background-image: url(images/title-links_new.gif);
}

/* @end */

.col{
	width: 340px;
	float: left;
	margin-right: 10px;
}

#links .col p{
	font-size: 0.83em;
	margin: 0.83em 0;
}

/* @group Footer and NavMain */

#footer{
	font-family: 'helvetica neue', helvetica, arial, tahoma, sans-serif;
	margin: 3.0em 0 0 0;
	clear: both;
	float: left;
	width: 100%;
}

#navmain{
	font-size: 1.8em;
	text-align: center;
	margin: 0 0 0.83em 0;
}

#navmain li{
	display: inline;
	margin: 0 20px 0 0;
	line-height: 1.2em;
}

#navmain .break{
	white-space: nowrap;
}

#navmain li a{
	color: #0066CC;
}

#navmain li a:hover{
	color: #666;
}

#footer p{
	clear: both;
	margin: 0.42em 0 0 0;
	font-size: 1.4em;
	text-align: center;
	width: 100%;
}

#footer p span{
	margin: 0 20px;
}

/* @end */

#whoami .who a, #why .why a, #specialist .specialist a, #what .what a, #confidentiality .confidentiality a, #fees .fees a, #links .links a, #contact .contact a{
	color: #666;
	cursor: default;
}

#whoami .who a:hover, #why .why a:hover, #specialist .specialist a:hover, #what .what a:hover, #confidentiality .confidentiality a:hover, #fees .fees a:hover, #links .links a:hover{
	text-decoration: none;
}

/* @group Form */

form#enquiry{
	margin: 40px 0 ;
}

form .section{
	margin: 5px 0;
	clear: both;
	float: left;
	width: 100%;
}

form label{
	width: 120px;
	margin: 0 10px 0 0;
	float: left;
}

form .longLabel label{
	width: 320px;
}

form .text, form textarea{
	width: 300px;
	border: 1px solid #83A2AB;
}

form .longLabel .text{
	width: 100px;
}

form textarea{
	border: 1px solid #83A2AB;
	width: 300px;
}

form #submit{
	padding: 5px 15px;
	background: #e1E3E4;
	border: 2px solid #83A2AB;
	margin: 10px 0 0 130px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	cursor: pointer;
}

form #submit:hover{
	background: #596F76;
	color: #fff;
	cursor: pointer;
}

/* @end */