/*
	--------------------------
	Common Page Styles
	--------------------------
*/

/*  Custom Classes
--------------------------  */

/* contain */
.contain:after	{ content: "."; display: block; clear: both; visibility: hidden; height: 0px; }
.contain		{ display: inline-block; }

/* hidden */
.hidden	{ display: none; }

/* clear */
.clear	{ clear: both; }

/* General */
.left	    { float: left; }
.right	    { float: right; }
.centre		{ text-align: center; }
.nowrap     { white-space: nowrap; }
.blue	{ color: #23256f; }
.blue a	{ color: #23256f; }
.grey	{ color: #b9babb; }
.services a	{ color: #23256f; }

/*  Typography 
--------------------------  */
html, body  { height: 100%; width: 100%; }

body 		{ font-family: arial,helvetica,sans-serif; color: #5c5c5c; background: #fff url(../files/template/background.gif); font-size: 1em; line-height: 1.1em; margin: 0px; padding: 0em; width: 100%; text-align: center; }

h1 			{ font-size: 1.15em; color: #23256f; margin: 0px 0px 0.75em 0px; text-transform: uppercase; }
h2 			{ font-size: 0.9em; color: #000; margin: 0.75em 0px 0.75em 0px; text-transform: uppercase; }
h3 			{ font-size: 0.95em; color: #000; margin: 0px 0px 0.75em 0px; }
h4, h5, h6, h7	{ font-size: 0.85em; margin: 0px; }

p,li,td,dt,dd,label	{ font-size: 0.75em; }
li li, li p	{ font-size: 1em; }

p   { margin: 0.5em 0px; }

a 			{ text-decoration: underline; color: #5c5c5c; }
a:hover		{ text-decoration: none; color: #23256f; }

a img		{ border: 0px; }

label	{ display: inline-block; width: 12em; text-align: right; margin-bottom: 0.25em; vertical-align: top; }
input, textarea		{ font-family: arial,helvetica; font-size: 0.75em; color: #6d6d6f; width: 15em; margin-bottom: 0.25em; }
select		{ font-family: arial,helvetica; font-size: 0.75em; color: #6d6d6f; width: 15.5em; margin-bottom: 0.25em; }

input.radio, input.check    { width: 2em; }

blockquote	{ margin: 0.75em 0.5em 0px 0.5em; }


/*  Template 
--------------------------  */

div#outer   { width: 48.5em; background-color: #fff; text-align: left; margin: 0px auto; }

/* Header */
div#header  { margin: 1.25em; width: 45.5em; text-align: right; font-family: georgia, times, serif; padding: 0.25em; border: 1em; }
div#header a.logo	{ float: left; }
div#header div#tel	{ font-size: 1.75em; color: #b9babb; }
div#header div#tel span	{ color: #23256f; }
div#header div#tel a	{ color: #23256f; text-decoration: none; }
div#header div#tel a:hover	{ color: #b9babb; text-decoration: none; }
div#header div#strap	{ color: #000; font-size: 1.25em; }

.call	{ font-family: georgia, times, serif; font-size: 1.5em; color: #b9babb; margin: 1em 0px 0px 0px; text-align: right; line-height: 1em; padding: 0px; }
.call span	{ color: #23256f; }
.call a	{ color: #23256f; text-decoration: none; }
.call a:hover	{ text-decoration: underline; }

/* Links */
ul#links	{ width: 47em; margin: 0px 0px 1.5em 0px; padding: 0px 0px 0px 1.5em; list-style-type: none; background: #23256f;  }
ul#links li	{ float: left; margin: 0px; }
ul#links li a	{ display: inline-block; padding: 0.4em 1.5em 0.5em 1em; border-right: solid 0.15em #fff; background: #23256f; color: #fff; text-decoration: none; }
ul#links li.first { border-left: solid 0.15em #fff; }
ul#links li a.current	{ background: #23256f; color: #b9babb; }
ul#links li a:hover	{ background: #23256f; color: #b9babb; }

ul#links li.dropdown	{ position: relative; }
ul#links li.dropdown:hover a { background: #23256f; }
ul#links li.dropdown:hover li 	{ background: #23256f;  }
ul#links li.dropdown ul 	{ position: absolute; top: 2.35em; left: 0px; width: 18em; display: none; list-style: none; margin: 0px; padding: 0px; }
ul#links li.dropdown:hover ul		{ display: block; }
ul#links li.dropdown:hover ul li		{ float: none; border-right: 0px; }
ul#links li.dropdown:hover ul li a		 { border-right: 0px; }
ul#links li.dropdown:hover ul li a:hover 	{ color: #b9babb; border-right: 0px; }
ul#links li.dropdown ul li a { background: none; }

ul#links li.dropdown:hover ul li.indent a	{ padding: 0px 1.5em 0.5em 2.5em; }

/* Body */
div#content	{ margin: 0px 1.5em 1.5em 1.5em; }

div#content img.banner	{  border: solid 1px #23256f; margin-bottom: 1em; float: right; margin: 0px 0px 1em 1em; }

div#maincontent	{ width: 44.5em; padding: 0.5em; }
div#maincontent p { text-align: justify; }
div#maincontent li { text-align: justify; }

div#spotlight	{ float: right; width: 11.45em; margin-left: 0.5em; }
div#spotlight div.quote	{ border: solid 1px #23256f; background-color: #e1e1e1; color: #000; }
div#spotlight div.quote p	{ margin-bottom: 0.75em; margin-right: 1em; }
div#spotlight div.quote	blockquote p	{ margin: 0.4em; }

div#footer  { width: 69em; margin: 0.5em auto; text-align: right; font-size: 0.7em; }
div#footer span	{ float: left; }

.frontpage { text-align: center; width: 45em; margin-top: 1em; }
.frontpage img { padding: 1em 3em; }

/*  Content 
--------------------------  */

.portfolio { float: left; width: 100%; }
.portfolio img { float: left; padding: 1em;}

.gmap	{ text-align: center; padding: 1em 0px 0px 0px; }
.gmap a { float: right; }