/* Momentum Counselling Service - Built by Paul George 2008 @ www.paulgeorge.me

Thanks for looking at my CSS. I have used some CSS3 to get the rounded corners both left bottom and right bottom which degrades gracefully in Opera and IE browsers.

Also added iPhone and iPod Touch icon within the HTML.

I like to keep things simple with clear mark-up.
*/

/* Page layout */

html {
	background: #dadada url(imgs/background.jpg) repeat-x;
}

body {
	color: #424242;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
}

#header {
	height: 100px;
	background: url(imgs/mcs_logo.jpg) no-repeat center;
}

#textSize {
	margin-top: 10px;
	margin-bottom: 10px;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
}

#content {
	clear: both;
	padding: 20px;
	background: #fff;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-left: #009192 thin solid;
	border-right: #009192 thin solid;
	border-bottom: #009192 thin solid;
	overflow: auto;
}

#leftContent {
	width: 50%;
	float: left;
}

#rightContent {
	width: 50%;
	float: right;
}

#mapSection {
	clear: both;
}

#email {
	clear: both;
}

#footer {
	font: 11px;
	color: black;
	padding: 10px;
	text-align: center;
}

/* Targeted NavBar Styling */

#mainNav {
	float: left;
}

#home #mainNav .home a,
#experience #mainNav .experience a,
#services #mainNav .services a,
#contact #mainNav .contact a,
#faq #mainNav .faq a, 
#links #mainNav .links a {
	background-position: right bottom;
	color: #fefc78;
	cursor: default;
}

#navbar {
	width: 100%;
	height: 30px;
}

#navbar li {
	display: inline;
}

#navbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	float: left;
}

#navbar ul a {
	padding: 0 1em;
	float: left;
	line-height: 30px;
	text-decoration: none;
	color: #fff;
}

#navbar ul a:hover {
	color: #fefc78;
}

#telNumbers {
	float: right;
}

/* End of NavBar Styling */

/* Contact form CSS */
fieldset {
	border: 0;
	margin: 5px;
	padding: 0;
}

label {
	display: block;
}

input.text,textarea {
	width: 450px;
	color: #333;
	padding: 10px;
	border: 1px solid #ccc;
	font-size: 15px;
	line-height: 20px;
}

input.submit {
	padding:2px 5px;
	font:bold 12px/12px verdana,arial,sans-serif;
}

/* End of contact form CSS */

/* Individual page element styling */

#map {
	
}

.picFloatLeft {
	float: left;
	margin-right: 10px;
	margin-top: 20px;
}

.picFloatRight {
	float: right;
	margin-right: 10px;
	margin-top: 20px;
}

#BACP_logo {
	float: right;
	margin-top: 10px;
}

/* Text styles */

img {
	border: 0;
}

#content a {
	color: #000;
	text-decoration: none;
}

#content a:hover {
	color: #009192;
}

#content p {
	color: #5e5e5e;
}

#footer p {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#footer a {
	font: 12px "lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
	color: #000;
}

#footer a:hover {
	color: #009192;
}

h1 {
	color: #000;
	font: normal 30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h2 {
	color: #005392;
	font: normal 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h3 {
	text-align: center;
	color: #005392;
	font: normal 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

blockquote {
	text-align: center;
	height: 50px;
	width: 350px;
	background: #eeeeee url(imgs/open-quote.jpg) no-repeat;
	background-position: left top;
	border-top: thin solid #009192;
	border-bottom: thin solid #009192;
	padding-left: 30px;
	font-style: italic;
	color: #5e5e5e;
}

blockquote span {
	background: url(imgs/close-quote.jpg) no-repeat;
	background-position: right;
	display: block;
	padding-right: 30px;
}