/*-----------------------------------------------------------------------------
Screen Stylesheet for Nordic Services

name:		default.css
date:		December 2009
author:		Ad Ventures Design
website:	http://www.nordicservices.com
location:	http://www.nordicservices.com/css/default.css
-----------------------------------------------------------------------------*/

/*
COLOR VALUES:

Navy Blue: #0f5187
Brown: #794500
*/


/* Default Font Styles
-----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {

	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #0f5187;
	background: #0f5085 url(../site/bg_body.gif) repeat-x top left;
}

p, ul, ol, blockquote, h1, h2, h3, h4, h5, h6 {
	line-height: 18px;
	margin-bottom: 17px;
}

#Canvas p {
	text-align: justify;
	text-justify: newspaper;
}

#Canvas p strong {
	text-align:left;
}


li ul, li ol {
	margin-top: 7px; /* keeps the line spacing even */
	margin-bottom: 7px;
}

h2, h3, h4, h5 {
	font-weight: bold;
}

h1 {
	font-size: 25px;
	line-height: 26px;
	font-weight: normal;
	font-family: Times, Georgia, "Times New Roman", serif;
	color: #794400 !important;
}

h2 {

	font-size: 20px;
	font-weight: normal;
	font-family: Times, Georgia, "Times New Roman", serif;
}

h3 {
	font-size: 17px;
	font-weight: normal !important;
	color: #663300;
	margin-bottom: 0 !important;
	margin-top: 30px;
	font-family: Times, Georgia, "Times New Roman", serif;
}


h4 {
	color: #663300;
	font-size: 14px;
	margin-bottom: 0 !important;
}

h5 {
	font-size: 14px;
	margin-top: 2px;
	color: #0f5187 !important;
	font-weight: normal !important;
	font-family: Times, Georgia, "Times New Roman", serif;
}

h6 {
	font-size: 12px;
	font-style: italic;
}

ul, ol, blockquote, code {
	padding-left: 30px;
}

img {
	border: none;
}

a:link {
	color: #794500;
	text-decoration: none;
}

a:hover {
	color: #0f5187;
	text-decoration: none;
}

a:active {
	color: #6fa395;
	text-decoration: none;
}

a:visited {
	color: #794500;
	text-decoration: none;
}


.Brown { color: #794500; }

.Blue { color: #0f5187;}

.Times { font-family: "Times New Roman", Times, serif; }

/* Tables
-----------------------------------------------------------------------------*/

table {
	 margin-bottom: 18px;
}

th, td {
	padding: 0px 13px 10px 0;
}

p.ContactMethod {
	font-weight: bold;
	margin: 0 0 5px 0;
}


/* Convenience Classes
-----------------------------------------------------------------------------*/

.Hidden {
	display: none;
	visibility: hidden;
}

.Visible {
	display: block;
	visibility: visible;
}

.FloatLeft {
	float: left;
	margin: 0 10px 10px 0; /* Larger Margins Should Be the Same as the ".Padding" Class Below */
}

.FloatRight {
	float: right;
	margin: 0 0 10px 10px; /* Larger Margins Should Be the Same as the ".Padding" Class Below */
}

.Clear {
	clear: both;
	float: none;
}

.Padding, .Content {
	padding: 10px;
}


/* Canvas
-----------------------------------------------------------------------------*/

div#Page {
	margin: 0 auto;
	width: 1000px;
	position: relative;
	padding-top: 253px;
}

div#Wrapper {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	position: relative;
}

div#Canvas {

}

div#Canvas div.Padding {
	padding: 34px 40px;
}

p#Ancestors, p#Ancestors a {
	font-size: .9em;
	color: #666;
	text-transform: uppercase;
	letter-spacing: .1em;
	text-decoration: none;
}

P#Ancestors A:hover {
	color: #ff0000;
	text-decoration: underline;
}


/* Left Column
-----------------------------------------------------------------------------*/

div.Left {
	margin-left: 240px;
}

div#Left {
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
}

div#Left ul {
	margin: 0;
	padding: 0 0 0 15px;
}

div#Left ul li {
	line-height: 24px;
	font-size: 11px;
}

div#Left div.Padding { padding: 33px 15px 0px 15px; }

img#Serving {
	position: absolute;
	left: 22px;
	bottom: 24px;
}

/* Left Column - Secondary Navigation
-----------------------------------------------------------------------------*/

div#Left ul#Secondary, div#Left ul#Secondary li {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#Left ul#Secondary {
	position:relative;
	top:30px;
}

div#Left ul#Secondary li a {
	display: block;
	color: #0f5187;
	text-decoration: none;
	line-height: 16px;
	padding:5px 0px 6px 20px;
	height: auto;
	background: url(../site/bg_secondaryhover.gif);
	background-repeat: no-repeat;
	background-position: -5000px 0;
	font-size: 13px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;

}

div#Left ul#Secondary li a:hover, div#Left ul#Secondary li a.Active {
	color: #663300;
	background-position: 0 2px;
}

hr#LeftDivider {
	width: 80%;
	border-top: 1px #d0d0be solid;
}

/* Right Column
-----------------------------------------------------------------------------*/

div.Right {
	margin-right: 214px;
}
div#Right {
	position: absolute;
	top: 0px;
	right: 0;
	width: 214px;
}

.Quote {
	color:#794400;
	font-size: 12px;
	line-height: 17px;
	font-style: italic;
	font-weight: normal;
}

a.ReadMore {
	font-family: "Times New Roman", Times, serif;
	color:#794400;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

a.ReadMore:hover {
	color: #0f5187;
}

img#Video { margin-left: 13px; margin-top: 25px;}

div#Right div.Padding { padding: 28px 0px 0px 25px;}

div#LogoAffiliates p{
	font-size: 11px;
	line-height: 16px;
	position: relative;
	top: 4px;
}

div#LogoAffiliates p b{
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
	font-size: 12.5px;
}

/* Header
-----------------------------------------------------------------------------*/

div#Header {
	margin: 0 auto;
	width: 1000px;
	position: absolute; /* necessary to position primary navigation correctly */
	z-index: 10;
	height: 253px;
	top: 0;
	left: 0;
}

#Logo {
	position: absolute;
	bottom: 0;
	left: 0;
}

#Banner {
	position: absolute;
	bottom: 0;
	right: 0;
}


/* Footer
-----------------------------------------------------------------------------*/

div#HomeFooter {
	width: 785px;
	height: 147px;
	background: url(../site/bg_footer_home.gif);
	margin-top: 15px;
	float: left;
	position: relative;
	overflow:hidden;
}

#index div#HomeFooter {
	background: url(../site/bg_footer_home_only.gif);
}

div#HomeFooter ul {
	margin: 38px 0 0 96px;
	padding: 0;
	list-style: none;
}

#index div#HomeFooter ul {
	display:none;
}

div#HomeFooter ul li {
	float: left;
	display: block;
	height: 130px;
	font-size: 10px;
	line-height: 17px;
	padding-top: 8px;
}

li#ABC {width: 160px; }

li#MBA {margin-left: 115px; width: 160px !important;}

li#BBB {width: 60px; margin-left: 90px; width: 150px;}


div#DogBoardUpLatestNews {
	margin: 15px 0 0 15px;
	padding: 0;
	float: left;
	width: 200px;
	background: url(../site/bg_1800boardup.gif) top left no-repeat;
	height: 146px;
	position: relative;
}

div#DogBoardUpLatestNews a {
	display: block;
	width: 187px;
	height: 49px;
	position: absolute;
	top: 82px;
	left: 6px;
}


p#Credits {
	clear: both;
	position: relative;
	text-align: left;
	color: #80a2be;
	line-height: 16px;
	font-size: 11px;
	top: 15px;
}

p#Credits a.active, p#Credits a:link, p#Credits a:visited {
	color: #80a2be;
	line-height: 16px;
	font-size: 11px;
	text-decoration: none;
}

p#Credits a:hover {
	color: #ffffff;
	text-decoration: none;
}

/* Forms
-----------------------------------------------------------------------------*/

form {
	margin-right: 21px;
}
form#form_editclient {
	margin-top: 15px;
	margin-right: 0;
}
form#form_editclient label {
	font-weight: bold;
}
fieldset {
	padding: 1em 2em;
	border: none;
	font-family: "Myriad", Arial, Verdana, Tahoma;
	border: 1px solid #5a61b1;
	background: #e7e6f6;
}

/* .transparent {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
} */


legend {
	font-size: 1.2em;
	letter-spacing: 1px;
	color: #5a61b1;
	padding: 5px 10px;
	font-weight: bold;
	text-transform: uppercase;
}
div.LabelInput, span.LabelInput {
	margin-bottom: 7px;
	display: block;
}
input.Text, input.Password, input.Number, select.Select, textarea.TextArea, input.Date {
	width: 40em;
	font-size: 1em;
	font-family: Lucida Sans, Verdana, Arial, Tahoma, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	padding: 3px;
	border: 1px solid #666;

}

form#form_editclient input.Text, form#form_editclient input.Password, form#form_editclient input.Number, form#form_editclient select.Select, form#form_editclient textarea.TextArea, form#form_editclient input.Date {
	width: 100%;
}
select.Select {
	width: 40.7em;
}

textarea.TextArea {
	height: 70px;
}

form#form_editclient textarea.TextArea {
	height: 200px;
}

input.Button {
	width: auto;
}

label {
	line-height: 2em;
	width: 12em;
	float: left;
	display: block;
}

span.Radio label, table.Radio label, span.Checkbox label, table.Checkbox label {
	width: auto;
	display: inline;
	float: none;
}

ul.Checkboxes {
	list-style: none;
	margin: 0 0 0 12em;
	padding: 0;
}

ul.Checkboxes li {
	float: left;
	margin: 0 0 10px 0;
	list-style: none;
	padding-right: 18px;
}

div.Submit, p.Submit, span.Submit {
	display: block;
	padding: 14px 0 14px 12em; /* right padding for label width plus label padding */
}

div.FullWidth label {
	width: auto;
	float: none;
	display: block;
	text-align: left;
	padding: 0;
}

div.FullWidth input.Text, div.FullWidth input.Password, div.FullWidth input.Number, div.FullWidth SELECT.Select, DIV.FullWidth textarea.TextArea {
	width: 32em;
	font-size: 1em;
	font-family: Verdana, Arial, Tahoma, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}

/* Form Tips
-----------------------------------------------------------------------------*/

div.FormTip {
	/* the floating tooltip */
	background: #BFC8F1 url(../site/icon_info.gif) no-repeat 10px 6px;
	border: 1px solid #4574AE;
	margin: 0 0 0 10px;
	padding: 5px 5px 5px 35px;
	display: block;
	line-height: 1.6em;
	position: absolute;
	width: 240px;
}

/* Validation messages delivered by validate.js
-----------------------------------------------------------------------------*/

.error {
	background: #F3E5A1;
}
div.errorMessage {
	background: #F3E5A1 url(../site/icon_error.gif) no-repeat 10px 6px;
	border: 1px solid #FFCC00;
	margin: 0 0 30px 0;
	padding: 5px 5px 5px 35px;
	display: block;
	line-height: 1.6em;
	position: relative;
}


/* Info, Error & Success Messages
-----------------------------------------------------------------------------*/

.Info, .Error, .Success, .ErrorInline, .Help {
	margin-bottom: 14px;
	padding: 5px 5px 5px 35px;
	display: block;
	line-height: 1.6em;
	position: relative;
}
.Info A, .Error A, .Success A, .ErrorInline A {
	color: #000;
	text-decoration: underline;
}
.Info {
	background: #BFC8F1 url(../site/icon_info.gif) no-repeat 10px 6px;
	border: 1px solid #4574AE;
}
.Error {
	background: #F3E5A1 url(../site/icon_error.gif) no-repeat 10px 6px;
	border: 1px solid #FFCC00;
}
.Success {
	background: #B5E1AE url(../site/icon_success.gif) no-repeat 10px 6px;
	border: 1px solid #3B9E2B;
}
.Help {
	background: #BFC8F1 url(../site/icon_info.gif) no-repeat 10px 6px;
	border: 1px solid #4574AE;
}

/* Page Specific: Home Page
-----------------------------------------------------------------------------*/

div#WebSpecial {
	font-size: 17px;
	line-height: 26px;
	padding: 24px 0;
	border-top: 1px #c3d3e0 solid;
	font-family:Georgia, "Times New Roman", Times, serif !important;
}

div#WebSpecial a {
	color: #0f5187;
	text-decoration: none;
}

p.CallUs, p.Callus a { color: #673300; line-height: 18px; font-size: 16px; margin-top: 10px; margin-bottom: 15px;}
p.Number {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; margin-bottom: 20px; color: #794400; line-height: 16px;}

span.SmallNumber, span.SmallNumber a, span.SmallNumber a:hover {color: #794400; font-size: 10px;}

p.Email, p.Email a { color: #794400 !important; text-decoration: none; font-size: 12px;}

p.Email a:hover {color: #0f5187 !important; }

#togetherwecan {
	float:right;
	position:absolute;
	top:270px;
	right:245px;
}

div#WebSpecialLink {
	display:none;
	position:absolute;
	width:200px;
	height:150px;
	cursor:pointer;
	left:1px;
	top::1px;
}

#index div#WebSpecialLink {
	display:block;
}

div#WebSpecialLink a {
	display:block;
	z-index:999;
	width:200px;
	height:150px;
	position:absolute;
	top:12px;
	left:583px;
}

/* Page Specific: Services
-----------------------------------------------------------------------------*/

#FeaturedImage {
	position:absolute;
	top:33px;
	left:27px;
	z-index:1;
	width:174px;
	height:102px;
}

div#RightServices {
	position: relative;
	z-index:101;
	width: 184px;
	height: 378px;
	background: url(../site/bg_featured.png) no-repeat top left;
}

div#RightServices div.Padding {
	padding: 108px 8px 8px 8px;
}

div#RightServices h3.Times {
	margin-bottom: 4px !important;
	color:#0f5187;
	margin-top:0px;
	font-weight:bold !important;
}

div#RightServices p {
	font-size: 11px;
	line-height: 15px;
}

a#SeeMoreProjects {
	display: block;
	position: absolute;
	height: 28px;
	text-align: left;
	text-indent: 10px;
	width: 184px;
	left: 0;
	bottom: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #ffffff;
	line-height: 28px;
	background: url(../site/bg_rightservicesbottom.gif) no-repeat top left;
}

/* Page Specific: Our Work Pages
-----------------------------------------------------------------------------*/

div.Project div img {
	width:427px;
	height:249px;
	border:1px solid #555;
	margin-left:20px;
}

div.Project div img.portrait {
	height:500px;
}

p.TitleChooseProject{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5px;
	margin: 0;
	padding: 0;
	color: #666666;
	text-transform: uppercase;
}

h2.BuildingName {
	float:right;
	margin-right:15px;
	width:250px;
	font-size:14px;
	z-index:1000;
	margin-top:-37px;
	text-align:left;
}

ul#ChooseProject {
	padding-top: 0 !important;
	height: 25px;
	overflow: hidden;
	background: #f6f6ee;
	padding: 5px 8px;
	list-style: none;
	margin: 0 0 18px 0;
	padding: 0;
}

ul#ChooseProject li {
	float: left;
}

ul#ChooseProject li a {
	color: #794500;
	text-transform: uppercase;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	padding: 5px 10px;
	line-height: 26px;
}

ul#ChooseProject li a:hover, ul#ChooseProject li a.Active {
	color: #00467f;
	text-decoration: none;
	font-weight: bold;
}


ul#ProjectSelection {
	margin: 0 0 18px 0;
	padding: 0;
	list-style: none;
	height: 24px;
	width: 470px;
	background: #f6f6ee;
	display: block;
}

ul#ProjectSelection li {
	float: left;
	margin-right: 2px;
}

ul#ProjectSelection li a {
	display: block;
	width: 31px;
	height: 24px;
	background: #e6e6d3;
	color: #0f5085;
	line-height: 25px;
	font-size: 11px;
	text-align: center;
	display: block;
}

.curveleft {
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
}

.curveright {
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
}


ul#ProjectSelection li a.NoCurve {
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
}

ul#ProjectSelection li a:hover, ul#ProjectSelection li.ui-state-active a, ul#ProjectSelection li.ui-tabs-selected a {
	background: #0f5085;
	color: #ffffff;
}

.ui-tabs {
	position:relative;
}

.ui-tabs .ui-tabs-hide {
    display:none;
}

ul.ImageTabs {
	margin:10px 0 0 -5px;
}

ul.ImageTabs.Extra {
	margin-left:-15px;
}

ul.ImageTabs li {

	display:inline;
	list-style-type:none;
	}

ul.ImageTabs li a {
	padding: 0 5px 0;
	border: 1px solid #794500;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
}

ul.ImageTabs li.ui-state-active a, ul.ImageTabs li.ui-tabs-selected a {
	background:#794500;
	color:#fff;
}

ul.ImageTabs li.ui-state-active a, ul.ImageTabs li.ui-tabs-selected a {
	color:#fff;
}

p.BeforeAfter {
	color:#794500;
	margin-top:2px;
	padding-top:0px;
	font-size:10px;
	text-transform:uppercase;
	margin-left:20px;
}

h5.ProjectTitle {
	font-size:18px;
	margin-bottom:0px;
	padding-bottom:0px;
}

/* Page Specific: About Page
-----------------------------------------------------------------------------*/

img.EmployeeImage {
	float:right;
	margin:3px;
}

hr {
	background-color:#0f5187;
	color:#0f5187;
	border:0px;
	height:1px;
	margin-bottom:16px;
}