body {background-color: #FFFFFF;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-family: Verdana, Helvetica, sans-serif;
color: #666666;
background-image: url(../images/backgrounds/bg.jpg);
background-repeat: repeat-x;
-webkit-text-size-adjust:none;}

.magic {display:none;}

/**********************HIDDEN PAGE ELEMENTS***********************/

.hide {display: none;}

#skip {display: none;}

/**********************CENTRE PAGE IN WINDOW***********************/

#centre {width: 100%;
text-align: center;}

#container {margin-right:auto;
margin-left:auto;
text-align: left;
width: 900px;}

/**********************TOP BAR AND NAVIGATION***********************/

#topbar {}

#navigation {margin-top: 18px;
float: left;}

#navigation ul {margin: 0px;
padding: 0px;
line-height: 15px;}

#navigation img {margin: 0px;
padding: 0px;}

#navigation li {list-style-type: none;}

* html #navigation li {height: 14px;}

#navigation a:link {color: #666666;
text-decoration: none;
font-size: 11px;
font-weight: normal;
display: block;
text-indent: 8px;}

#navigation a:visited {color: #666666;
text-decoration: none;
font-size: 11px;
font-weight: normal;
display: block;
text-indent: 8px;}

#navigation a:hover {color: #245286;
text-decoration: none;
font-size: 11px;
font-weight: normal;
display: block;
background-color: #EFEDEE;
text-indent: 8px;}

#navigation span {color: #245286;
text-decoration: none;
font-size: 11px;
font-weight: normal;
display: block;
background-color: #EFEDEE;
text-indent: 8px;}

#navigation strong {color: #AE0062;
text-decoration: none;
font-size: 11px;
font-weight: bold;
height: 15px;
display: block;
text-indent: 8px;}

#navigation em {color: #AE0062;
text-decoration: none;
font-size: 11px;
font-weight: bold;
height: 15px;
display: block;
text-indent: 8px;}

.nav1 {border-left-width: 1px;
border-left-style: solid;
border-left-color: #CDCDCD;
float: left;
width: 100px;
height: 86px;}

.nav2 {border-left-width: 1px;
border-left-style: solid;
border-left-color: #CDCDCD;
float: left;
width: 125px;
height: 86px;}

.nav3 {border-left-width: 1px;
border-left-style: solid;
border-left-color: #CDCDCD;
float: left;
width: 125px;
height: 86px;}

.nav4 {border-left-width: 1px;
border-left-style: solid;
border-left-color: #CDCDCD;
float: left;
width: 115px;
height: 86px;}

.nav5 {border-left-width: 1px;
border-left-style: solid;
border-left-color: #CDCDCD;
float: left;
width: 100px;
height: 86px;}

#studioNorthLogo {float: right;
margin-top: 57px;}

/**********************FLASH CONTENT AREA***********************/

#flash {border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #f8f8f8;
background-color: #245286;
height: 315px;
color: #FFFFFF;
font-weight: bold;
letter-spacing: -1px;
width: 900px;}

#shadow {background-image: url(../images/backgrounds/shadow.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 4px;}

#flashheader {background-image: url(../images/backgrounds/flash-header.gif);
background-repeat: repeat-x;
background-position: left top;
height: 5px;}

/**********************MAIN CONTENT AREA***********************/

#main {width:900px;
margin-top: 20px;
background-image: url(../images/backgrounds/line.gif);
background-repeat: repeat-y;}

#content {width: 670px;
float: left;}

#contentpadding {padding-top: 16px;
padding-right: 32px;
padding-bottom: 0px;
padding-left: 32px;}

.purple {background-image: url(../images/backgrounds/purple-arrow.gif);
background-repeat: no-repeat;
background-position: left top;}

#content p {font-size: 12px;
line-height: 17px;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
color: #666666;}

#content h1 {font-size: 21px;
color: #245286;}

#content h2 {font-size: 18px;
color: #245286;}

#content h3 {font-size: 16px;
line-height: 17px;
color: #245286;
padding:0px 0px 0px 0px;
margin:10px 0px 10px 0px;}

#content h4 {font-size: 12px;
color: #666666;
padding:10px 0px 5px 0px;
margin:0px 0px 0px 0px;}

#content h5 {font-size: 12px;
color: #245286;
font-weight:bold;}

#content h6 {font-size: 12px;
color: #245286;
padding:5px 0px 10px 0px;
margin:0px 0px 0px 0px;}

#content td {font-size: 12px;
line-height: 17px;
color: #666666;}

#content form td {font-size: 11px;
line-height: 15px;
color: #666666;}

#content small {font-size: 10px;
line-height: 14px;
color: #666666;}

#content span {color: #666666;}

#content ul {font-size: 12px;
line-height: 16px;
color: #666666;
padding:0px 0px 10px 20px;
margin:0px 0px 0px 0px;}

#content li {padding:4px 0px 4px 0px;
margin:0px 0px 0px 0px;
list-style:square;
color: #245286;}

#content li.clientlist {padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style:square;
color: #245286;
font-size:11px;}

#content em {font-size: 9px;
line-height: 12px;
color: #666666;
font-style: normal;}

#content strong {}

#content form {}

#content fieldset {}

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

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

#content a:hover {color: #7A003D;
text-decoration: underline;}

/**********************CONTENT 2***********************/

#main2 {width:900px;
margin-top: 20px;}

#content2 {width: 900px;
float: left;}

#content2 p {font-size: 12px;
line-height: 17px;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
color: #666666;}

#content2 h1 {font-size: 21px;
color: #245286;}

#content2 h2 {font-size: 18px;
color: #245286;}

#content2 h3 {font-size: 16px;
line-height: 17px;
color: #245286;
padding:0px 0px 0px 0px;
margin:10px 0px 10px 0px;}

#content2 h4 {font-size: 14px;
color: #245286;}

#content2 h5 {font-size: 12px;
color: #245286;
font-weight:bold;}

#content2 h6 {font-size: 11px;
color: #245286;}

#content2 td {font-size: 12px;
line-height: 17px;
color: #666666;}

#content2 form td {font-size: 11px;
line-height: 15px;
color: #666666;}

#content2 small {font-size: 10px;
line-height: 14px;
color: #666666;}

#content2 span {color: #666666;}

#content2 ul {font-size: 12px;
line-height: 16px;
color: #666666;
padding:0px 0px 15px 20px;
margin:0px 0px 0px 0px;}

#content2 li {padding:4px 0px 4px 0px;
margin:0px 0px 0px 0px;
list-style:square;
color: #245286;}

#content2 em {font-size: 9px;
line-height: 12px;
color: #666666;
font-style: normal;}

#content2 strong {}

#content2 form {}

#content2 fieldset {}

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

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

#content2 a:hover {color: #7A003D;
text-decoration: underline;}

#portfolio {width: 615px;
background-color: #F8F6F7;
float: left;}

#portfolio p {font-size: 11px;
line-height: 15px;
color: #666666;}

#portfoliolinks {width: 160px;
float: left;
margin: 13px 0px 0px;
padding: 0px;
font-size: 12px;
line-height: 21px;}

#portfoliolinks ul {margin: 0px 0px 0px 20px;
padding: 0px;
list-style-type: none;}

#portfoliolinks li {margin: 0px;
padding: 0px;
list-style-type: none;}

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

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

#portfoliolinks a:hover {color: #7A003D;
text-decoration: underline;}

#portfoliolinks p {margin: 0px 0px 0px 20px;
padding: 0px;}

#portfoliolinks strong {font-size: 11px;
color: #245286;}

#portfolioservices {width: 150px;
height: 150px;
font-size:11px;
background-color: #F8F6F7;
float: right;}

#portfolioservices ul {list-style-image: url(../images/generic/bullet.gif);
margin: 5px 10px 10px 10px;
padding: 0px;
list-style-type:none;
list-style-image:none;}

#portfolioservices li {margin:3px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style-type:none;
list-style-image:none;}

#portfolioservices p {margin: 10px 10px 0px 10px;
padding: 0px;}

#portfolioservices strong {font-size:12px;
font-weight:bold;
color: #245286;}

/**********************HOMEPAGE TEASERS***********************/

#homepageteaser1 {width: 419px;
background-color: #F8F6F7;
background-image: url(../images/backgrounds/teaser1.gif);
background-repeat: no-repeat;
background-position: left top;
float: left;}

#homepageteaser1 p {font-size: 11px;
line-height: 15px;
color: #625950;
padding: 5px 0px 5px 0px;
margin: 0px;}

#homepageteaser1 h2 {font-size: 12px;
color: #E71B27;
margin: 0px;
padding: 0px;
line-height: 21px;}

#homepageteaser1 a:link {color: #E71B27;
text-decoration: none;
font-size: 9px;
display: block;
height: 18px;
text-align: right;
padding-right: 11px;}

#homepageteaser1 a:visited {color: #E71B27;
text-decoration: none;
font-size: 9px;
display: block;
height: 18px;
text-align: right;
padding-right: 11px;}

#homepageteaser1 a:hover {color: #E71B27;
text-decoration: underline;
font-size: 9px;
display: block;
height: 18px;
text-align: right;
padding-right: 11px;}

#homepageteaser2 {width: 120px;
background-color: #ffffff;
color:#999999;
float: left;
margin-left: 15px;}

#homepageteaser2 p {font-size: 11px;
line-height: 15px;
padding: 0px;
margin: 0px;}

#homepageteaser2 h2 {font-size: 12px;
color: #F89B31;
margin: 0px;
padding: 0px;
line-height: 21px;}

#homepageteaser2 a:link {color: #F89B31;
text-decoration: none;
font-size: 9px;
display: block;
height: 18px;
text-align: right;
padding-right: 11px;}

#homepageteaser2 a:visited {color: #F89B31;
text-decoration: none;
font-size: 9px;
display: block;
height: 18px;
text-align: right;
padding-right: 11px;}

#homepageteaser2 a:hover {color: #F89B31;
text-decoration: underline;
font-size: 9px;
display: block;
height: 18px;
text-align: right;
padding-right: 11px;}

.homepageteaserPadding {padding: 0px;
margin: 12px 10px 10px 20px;}

.homepageteaserLink {}

/**********************RIGHT BAR***********************/

#rightbar {float: right;
width: 195px;}

#homepagenews {}

#homepagenews p {font-size: 9px;
line-height: 14px;
margin: 0px;
padding: 0px;}

#homepagenews em {font-size: 14px;
font-style: normal;
color: #CCCCCC;
line-height: 21px;}

#homepagenews strong {font-size: 11px;}

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

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

#homepagenews a:hover {color: #7A003D;
text-decoration: underline;}

.newsPic {width:50px;
height:50px;
margin:5px 0px 0px 0px;
background-color:#f8f8f8;
float:left;}

.newsText {width:125px;
float:right;
padding:0px 0px 10px 0px;}

.newsTextNopic {padding:0px 0px 10px 0px;}

#mailinglist {margin-top: 10px;}

#mailinglist form {margin: 0px;
padding: 0px;}

#mailinglist h3 {margin: 0px;
padding: 0px;
font-size: 11px;
color: #245286;}

.mailinglistformfield {border: 1px solid #CCCCCC;
font-size: 9px;
color: #666666;
margin-top: 3px;
width: 83px;
font-family: Arial, Helvetica, sans-serif;}

#mailinglist label {margin: 0px;
padding: 0px;
display: none;}

#mailinglist p {margin: 0px;
padding: 0px;}

#address {}

#address p {font-size: 12px;
line-height: 16px;
margin: 0px;
padding: 0px 0px 7px 0px;}

#address em {font-size: 14px;
font-style: normal;
color: #CCCCCC;
line-height: 21px;}

#address strong {font-size: 12px;
line-height: 16px;
color: #245286;}

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

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

#address a:hover {color: #7A003D;
text-decoration: underline;}

#subnavigation {margin-top: 13px;}

#subnavigation ul {margin: 0px;
padding: 0px;
list-style-type: none;}

#subnavigation li {margin: 0px;
padding: 0px;
list-style-type: none;}

#subnavigation a:link {color: #245286;
text-decoration: none;
font-size: 11px;
background-image: url(../images/backgrounds/subnav.gif);
background-repeat: no-repeat;
display: block;
height: 20px;
padding-left: 12px;
background-position: left top;}

#subnavigation a:visited {color: #245286;
text-decoration: none;
font-size: 11px;
background-image: url(../images/backgrounds/subnav.gif);
background-repeat: no-repeat;
display: block;
height: 20px;
padding-left: 12px;
background-position: left top;}

#subnavigation a:hover {color: #245286;
text-decoration: none;
font-size: 11px;
background-image: url(../images/backgrounds/subnav-over.gif);
background-repeat: no-repeat;
display: block;
height: 20px;
padding-left: 12px;
background-position: left top;}

/**********************FOOTER***********************/

#strapline {height:15px;}

#footer {background-image: url(footer.gif);
background-repeat: repeat-x;
margin-bottom: 20px;}

#copyright {font-size: 9px;
line-height: 14px;
color: #645A50;
float: center;
margin-top: 20px;}

#copyright ul {margin: 0px;
padding: 0px;
list-style-type: none;}

#copyright li {display: inline;}

#copyright a:link {color: #645A50;
text-decoration: none;}

#copyright a:visited {color: #645A50;
text-decoration: none;}

#copyright a:hover {color: #245286;
text-decoration: underline;}

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

#accreditation ul {}

#accreditation li {}

#copyright a:link {}

#accreditation a:visited {}

#accreditation a:hover {}

.formborder {background-color: #F3F0F0;
padding: 10px;
border: 1px solid #CCCCCC;
margin-top: 30px;
font-size: 11px;
line-height: 16px;
color: #666666;}

.formborder em {font-style: normal;
font-size: 9px;
color: #999999;}

.formborder strong {font-size: 12px;
color: #245286;
line-height: 21px;}

.cssform p {clear: left;
margin: 0;
padding: 3px 0 3px 145px;
color: #666666;}

.cssform label {font-weight: normal;
float: left;
margin-left: -145px;
width: 145px;
color: #666666;
font-family: Arial, Helvetica, sans-serif;}

.cssformfield {background-color: #FFFFFF;
color: #666666;
border: 1px solid #CCCCCC;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;}

.formbuttons {background-color: #245286;
color: #FFFFFF;
border: 1px solid #7A003D;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;}

/*.threepxfix class below:Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html*/

* html .threepxfix {margin-left: 3px;}