/*
	--------------------------
	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; }
img.right	{ margin-left: 1em; }
.centre		{ text-align: center; }
.nowrap     { white-space: nowrap; }
.blue	{ color: #008bd7; }
.blue a	{ color: #008bd7; }
.grey	{ color: #b9babb; }
.orange 	{ color: #f26522; }

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

body 		{ font-family: arial,helvetica,sans-serif; color: #616776; 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: 0.95em; color: #616776; margin: 0px 0px 0.75em 0px; line-height: 1.5em; }
h2 			{ font-size: 0.85em; color: #616776; margin: 0.75em 0px 0.75em 0px; font-weight: bold; }
h3 			{ font-size: 0.75em; color: #616776; 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: 1.75em 2em 3em 2em; float: left; }

div#header  { float: left; width: 52.5em; background-color: #fff; margin-bottom: 0.25em; }
div#header fieldset { float: right; margin: 1em 0px 0px 0px; padding: 0.25em; border: 0px; border: solid 1px #e6e6e6; }
div#header fieldset legend  { display: none; }
div#header fieldset label  { display: none; vertical-align: middle; }
div#header input.searchimg { font-size: 1em; width: 1.25em; vertical-align: middle; }
div#header input    { margin: 0px; border: 0px; }

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

/* Main Menu */
ul#menulinks	{ width: 52.5em; border-bottom: solid 1px #f26522; 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 0px 0.5em; color: #15484f; text-decoration: none; padding: 0px 3em 0.5em 2.5em; border-right: 1px #f26522 solid; }
ul#menulinks li.current a	{ color: #f26522; }
ul#menulinks li a:hover 	{ color: #f26522; text-decoration:underline; }
ul#menulinks li.first a	{ border-left: solid 1px #f26522; margin-left: 0px; }
ul#menulinks li.last a	{  }
ul#menulinks li.tel { text-align: right; float: right; color: #f26522; margin: 0.5em 0px 0px 0.5em; padding: 0px 1em 0.5em 2.5em; border-right: 1px #f26522 solid; }

/* 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: #15484f; margin: 1.35em; }
div#content li { color: #15484f; }
div#content a { color: #f26522; }
div#content a:hover 	{ color: #f26522; }
div#content h2 { padding: 0.5em 0px 0.5em 1em; }

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

div.maincontent.contentright h2 { padding: 0.5em 0px 0.5em 1em; }
div.maincontent.contentright h3 { padding: 0.5em 0px 0.5em 1em; }

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

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 #f26522 solid; padding: 0px; float: left; }

/* Left Nav */
ul#leftmenu  { width: 12.6em; float: left; margin: 1em 0px 0px 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: #f26522; }
ul#leftmenu li.current a   { color: #f26522; }
ul#leftmenu li ul   { margin: 0.5em 0px 0px 0.75em; padding: 0px; }
ul#leftmenu li.current ul li a  { color: #15484f; }

/* Banner */
div.bannerfull	{ width: 52.5em; float: left; background: #fff; position: relative; margin: 1em 0px; }
div.bannerfull a    { color: #f26522; text-decoration: none; }
div.bannerfull a:hover 	{ color: #f26522; text-decoration: underline; }
div.bannerfull p	{ text-align: left; margin: 0px; position: absolute; left: -10px; bottom: -15px; z-index: 100; }
div.bannerfull p img { vertical-align: middle; float: none; margin: 0px; padding: 0.25em; }

div.banner	{ width: 52.5em; float: left; background: #fff; border: solid 1px #f26522; margin: 1em 0px; }
div.banner a    { color: #f26522; text-decoration: none; }
div.banner a:hover 	{ color: #f26522; text-decoration: underline; }
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: 0px; }
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 #f26522 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; }
ul#homeservices li { list-style-type: none; width: 19.25em; float: left; margin-right: 0.15em; margin-top: 1.5em; border-bottom: solid 2px #f26522; }
ul#homeservices li img { vertical-align: middle; margin-left: 0.25em; }
ul#homeservices li h2	{ background-color: #f3f3f4; padding: 0.5em; margin-top: 0px; font-size: 1.4em; }
ul#homeservices li h2 a  { color: #414652; text-decoration: none; }
ul#homeservices li h2 a:hover 	{ color: #f26522; text-decoration: none; }
ul#homeservices li a  	{ color: #f26522; text-decoration: none; }
ul#homeservices li a:hover 	{ text-decoration: underline; }
ul#homeservices li p    { margin-left: 1em; margin-right: 1em; }

ul#homeservices li.first { margin-right: 0.15em; width: 15.45em; }
ul#homeservices li.second { margin-right: 0.25em; float: left; padding-top: 0.75em; }
ul#homeservices li.third { margin-right: 0.15em; padding-top: 0.75em; }
ul#homeservices li.last { margin-right: 0px; width: 15.45em; }

ul#homeservices li.full { width: 22.75em; margin-right: 1em; height: 24em; }
ul#homeservices li.full.last { width: 22.5em; margin-right: 0px; }

/* Portfolio */
div#content ul.portfolio    { margin: 0px; padding: 0px; list-style-type: none; }
div#content ul.portfolio li { border-left: 1px #f26522 solid; margin-top: 2.5em; float: left; width: 100% }
div#content ul.portfolio li img { vertical-align: middle; margin-left: 0.75em; 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 p img.arrow { vertical-align: middle; float: none; margin: 0.25em; }
div#content ul.portfolio li a  	{ color: #f26522; 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; font-size: 1.4em; width: 34.75em; }
div#content ul.portfolio li h2 a 	{ color: #414652; }
div#content ul.portfolio li h2 a:hover 	{ color: #f26522; }
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 #f26522 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: #f26522; 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.4em; width: 25.75em; }
div.portfolio h2 a 	{ color: #414652; }
div.portfolio h2 a:hover 	{ color: #f26522; }
div.portfolio img.border     {  border: solid #e6e6e6 0.25em; }
div.portfolio p.software { padding: 0px 0px 0px 1em; }

/* Footer */
div#outer   { width: 52.5em; background-color: #fff; text-align: left; padding: 1.75em 1em; float: left; }

ul#footer   { float: left; padding: 0px; width: 53.5em; margin: 0.75em auto; padding: 0.5em; border-top: solid 1px #e6e6e6; }
ul#footer li { float: left; font-size: 0.7em; list-style-type: none; margin: 0px; padding: 0px; color: #bbb; }
ul#footer li a { border-left: 0.25em #616163 solid; padding: 0px; color: #bbb; }
ul#footer li.last { float: right; padding: 0px; }
ul#footer li.last a  { border: none; padding: 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 #f3f3f4; margin-bottom: 1em; padding: 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; }
table thead td  { font-weight: bold; }
table td.keyword  { width: 20em; }

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;  }

/* Tabs */

ul#tabs { list-style-type: none; border-bottom: solid 1px #f26522; float: left; width: 52.5em; margin: 0px; padding: 0px; }
ul#tabs li	{ border-left: solid 1px #e6e6e6; border-top: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; float: left; margin: 0px 1em 0px 0px; color: #15484f; padding: 0.5em 3em 0.5em 0.5em; cursor: pointer; }
ul#tabs li.current  { border-left: solid 1px #f26522; border-top: solid 1px #f26522; border-right: solid 1px #f26522; }
ul#tabs li:hover  { border-left: solid 1px #f26522; border-top: solid 1px #f26522; border-right: solid 1px #f26522; }
ul#tabs li.current:hover  { border-left: solid 1px #f26522; border-top: solid 1px #f26522; border-right: solid 1px #f26522; cursor: default; }
ul#tabs li h2   { font-size: 1em; margin: 0px; }
ul#tabs li.current h2   { color: #f26522; }