/*
	--------------------------
	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: #008bd7; }
.blue a	{ color: #008bd7; }
.grey	{ color: #b9babb; }
.orange 	{ color: #df0039; }

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

body 		{ font-family: arial,helvetica,sans-serif; color: #000; background: #4b4b4b; font-size: 1em; line-height: 1.1em; margin: 0px; padding: 0em; width: 100%; text-align: center; }

h1 			{ font-family: georgia,serif; font-size: 0.95em; margin: 0px 0px 0.75em 0px; font-weight: normal; }
h2 			{ font-family: georgia,serif; font-size: 0.75em; margin: 0.75em 0px 0.75em 0px; font-weight: normal; }
h3 			{ font-size: 0.75em; 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: #414652; }

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 
--------------------------  */
form    { width: 56.5em; margin: 0px auto; }

div#outer   { width: 52.5em; background-color: #fff; text-align: left; padding: 1em 2em 3em 2em; float: left; margin: 0px; }

div#header  { float: left; width: 52.5em; background-color: #fff; }
div#header div { float: right; margin: 2.5em 0px 0px 0px; border: 0px; }
div#header div strong { color: #df0039; }

div#header div#strap	{ color: #000; font-size: 1.25em; }

/* Main Menu */
ul#menulinks	{ width: 52.5em; float: left; margin: 1em 0px; padding: 0px; list-style-type: none; font-weight: bold; background-color: #fff; }
ul#menulinks li	{ float: left; margin: 0px; }
ul#menulinks li a	{ display: block; margin: 0.5em 0px 0.5em 0.5em; color: #000; text-decoration: none; padding: 0px 2em; border-right: 1px #b3b3b3 solid; }
ul#menulinks li.current a	{ color: #df0039; }
ul#menulinks li a:hover 	{ color: #df0039; text-decoration:underline; }
ul#menulinks li.last a	{ border-right: none; }
ul#menulinks li.tel { text-align: right; float: right; padding: 0.5em 1em; }

/* Content */
div#content	{ width: 52.5em; margin: 0px; float: left; }
div#content h1 { background-color: #f3f3f4; padding: 0.5em 0px 0.5em 0.75em; margin-top: 0px; font-size: 1.4em; }
div#content p { color: #000; margin: 1.35em; }
div#content h2, div#content h3 { margin-left: 1.35em; }
div#content a { color: #df0039; }
div#content a:hover 	{ color: #df0039; }

div.maincontent	{ width: 52.5em; float: left; margin: 1em 0px 0px 0px; }
div.maincontent.contentright	{ width: 39.45em; }

/* Content standard template */
div#contentstnd	{ width: 52.5em; float: left; border-left: solid 1px #df0039; padding: 0px;  }
div#contentstnd	p.orange 	{ color: #df0039; }
div#contentstnd	h1 { background-color: #f3f3f4; padding: 0.5em 0px 0.5em 1em; margin-top: 0px; font-size: 1.2em; }
div#contentstnd h2 { padding: 0.5em 0px 0.5em 1em; }
div#contentstnd	a { color: #df0039; }
div#contentstnd	a:hover 	{ color: #df0039; }

div#contentstnd li { margin: 0.5em 0px 0.5em 2em; }

/* Content right of nav */
div#leftcontent { float: left; width: 39.25em; margin: 0px 0px 0px 0.5em; }
div.contentright	{ border-left: 1px #df0039 solid; padding: 0px; float: left; }

/* Left Nav */
ul#leftmenu  { width: 12.6em; float: left; margin: 0px; padding: 0px; }
ul#leftmenu li    { list-style-type: none; padding: 0.5em 0px; margin: 0px 0px 0.25em 0px; background: #f3f3f4; }
ul#leftmenu li a   { padding-left: 1em; text-decoration: none; color: #15484f; }
ul#leftmenu li a:hover 	{ color: #df0039; }
ul#leftmenu li.current a   { color: #df0039; }
ul#leftmenu li ul   { margin: 0.5em 0px 0px 0.75em; padding: 0px; }
ul#leftmenu li.current ul li a  { color: #15484f; }

/* Banner */
div.banner	{ width: 52.5em; float: left; background: #fff; border: solid 1px #b3b3b3; }
div.banner a    { color: #df0039; text-decoration: none; }
div.banner a:hover 	{ color: #df0039; text-decoration: underline; }
div#content div.banner h2	{ text-align: left; margin-left: 1em; font-size: 1em; }
div.banner p	{ text-align: left; margin: 0px; }
div.banner img	{ float: right; padding: 0.75em; margin-top: 0.25em; }
div.banner p img { vertical-align: middle; float: none; margin: 0px; padding: 0.25em; }

/* Banner standard template */
div#bannerstnd	{ width: 52.5em; height: 13em; float: left; margin: 0px; background: #fff; text-align: center; border: 1px #b3b3b3 solid; }
div#bannerstnd h2	{ float: left; width: 20em; text-align: left; margin-left: 1em; }
div#bannerstnd p	{ float: left; text-align: left; margin-left: 1em; }
div#bannerstnd img	{ float: right; padding: 0.75em; }

/* Banner with Navigation */
div.bannerright	{ width: 39.4em; }
div.bannerright p	{ margin-left: 1em; }
div.bannerright a img 	{ float: right; padding: 0.75em; }
div.bannerright div.text 	{ float: left; width: 20em; }
div.bannerright div.image	{ float: right; width: 5em; }
div.bannerright p img { vertical-align: middle; float: none; padding: 0px 0px 0px 0.25em; }

/* Columns */
ul#homeservices { margin: 0px; padding: 0px; float: left; list-style-type: none; }
ul#homeservices li { width: 17.042em; float:left; border-left: 1px #b3b3b3 solid; margin-right: 0.5em; margin-top: 1.5em; }
ul#homeservices li.last { margin-right: 0px; }
ul#homeservices li img { vertical-align: middle; margin-left: 0.25em; }
ul#homeservices li h2	{ background-color: #f3f3f4; padding: 0.5em 0px 0.5em 1em; margin-top: 0px; margin-left: 0px; font-size: 1.2em; }
ul#homeservices li h2 a  { color: #414652; text-decoration: none; }
ul#homeservices li h2 a:hover 	{ color: #df0039; text-decoration: none; }
ul#homeservices li a  	{ color: #df0039; text-decoration: none; }
ul#homeservices li a:hover 	{ text-decoration: underline; }
ul#homeservices li h2.paddedh2 { padding: 1.03em 0px 1.03em 1em; }

/* Portfolio */
div#content ul.portfolio    { margin: 0px; padding: 0px; list-style-type: none; }
div#content ul.portfolio li { border-left: 1px #b3b3b3 solid; margin-top: 1.5em; float: left; width: 100% }
div#content ul.portfolio li img { vertical-align: middle; margin-left: 1em; float: right; }
div#content ul.portfolio li p { padding: 0px; }
div#content ul.portfolio li p img { vertical-align: middle; float: left; margin-left: 0px; margin-right: 0.5em; }
div#content ul.portfolio li a  	{ color: #df0039; text-decoration: none; }
div#content ul.portfolio li a:hover 	{ text-decoration: underline; }
div#content ul.portfolio li h2	{ background-color: #f3f3f4; padding: 0.5em 0px 0.5em 1em; margin-top: 0px; margin-left: 0px; font-size: 1.4em; }
div#content ul.portfolio li h2 a 	{ color: #414652; }
div#content ul.portfolio li h2 a:hover 	{ color: #df0039; }
div#content ul.portfolio li img.border     {  border: solid #e6e6e6 0.25em; }
div#content ul.portfolio li p.software { padding: 0px 0px 0px 1em; }

/* Portfolio */
div.portfolio { border-left: 1px #df0039 solid; }
div.portfolio img { vertical-align: middle; margin-left: 1em; float: right; }
div.portfolio p { padding: 0px; }
div.portfolio p img { vertical-align: middle; float: left; margin-left: 0px; margin-right: 0.5em; }
div.portfolio p img.arrow { vertical-align: middle; float: none; margin: 0.25em; }
div.portfolio a  	{ color: #df0039; text-decoration: none; }
div.portfolio a:hover 	{ text-decoration: underline; }
div.portfolio h2	{ background-color: #f3f3f4; padding: 0.5em 0px 0.5em 1em; margin-top: 0px; font-size: 1.2em; width: 25.75em; }
div.portfolio h2 a 	{ color: #414652; }
div.portfolio h2 a:hover 	{ color: #df0039; }
div.portfolio img.border     {  border: solid #e6e6e6 0.25em; }
div.portfolio p.software { padding: 0px 0px 0px 1em; }

/* Footer */
ul#footer   { float: left; padding: 0px; width: 56.5em; margin: 0.75em auto; color: #1a1a1a; }
ul#footer li { float: left; font-size: 0.7em; list-style-type: none; margin: 0px 0px 0px 1em; padding: 1em 0px 0px 0px; }
ul#footer li a { border-left: 0.25em #616163 solid; padding: 0px 1em; }
ul#footer li.last { float: right; padding: 0px; }
ul#footer li.last a  { border: none; padding: 2em 0px; }
ul#footer li img { margin: 0px; padding: 0px 0px; vertical-align: middle; }

/* Search */

ul#resultslist  { list-style-type: none; margin: 0px; padding: 0px }
ul#resultslist li  { border-bottom: solid 1px #c1c1c1; margin-bottom: 1em; padding-bottom: 0.5em; font-size: 0.75em; }
ul#resultslist li h2  { margin: 0px; padding: 0px; font-size: 1.1em; }
ul#resultslist li h3  { margin: 0px; padding: 0px; }
ul#resultslist li h3 a  { font-size: 1.3em; }
ul#resultslist li a:hover   { text-decoration: underline; }
ul#resultslist li p { margin: 0.15em 0px; }
ul#resultslist li p.path    { font-size: 0.9em; }


/* Table */

div.contentright table   { margin-left: 1em; }

div#address { float: right;  text-align: left; padding: 0px 12em 0px 0px; }
div#address h3 { margin: 0px; font-size: 0.9em; }
div#address p { margin: 0px; font-size: 0.75em;  }