/* Whitespace CSS Document */

body
{
margin				: 10px 0px 0px 0px;
padding				: 0px;
font-family			: arial, sans-serif;
font-size 			: 100%;
color				: #333333;
background-image	: url(img_common/bg_body.jpg);
background-repeat	: repeat-x;
}

#copy p a:link		{font-weight	: bold; color : #333333; text-decoration : underline;}
#copy p a:visited	{font-weight	: bold; color : #333333; text-decoration : underline;}
#copy p a:hover		{font-weight	: bold; color : #333333; text-decoration : underline;}

#copy ul a:link		{font-weight	: bold; color : #333333; text-decoration : underline;}
#copy ul a:visited	{font-weight	: bold; color : #333333; text-decoration : underline;}
#copy ul a:hover		{font-weight	: bold; color : #333333; text-decoration : underline;}

#copy ol a:link		{font-weight	: bold; color : #333333; text-decoration : underline;}
#copy ol a:visited	{font-weight	: bold; color : #333333; text-decoration : underline;}
#copy ol a:hover		{font-weight	: bold; color : #333333; text-decoration : underline;}

#hold
{
width				: 780px;/*note padding - site is 800 wide because of 2 gutters.*/
margin				: 0px auto;
background-color	: #FFFFFF;
border				: 3px solid #FFFFFF;
}

#top
{
position			: relative;
background-image	: url(img_common/bg_top.gif);
background-repeat	: repeat-x;
height				: 90px;
float				: left;
/*border-bottom		: 1px solid red;*/
}

#logo
{
position			: relative;
float				: left;
margin				: 0px 0px 0px 30px;
}

#logo img
{
border				: 0px;
}

#phone
{
position			: relative;
float				: right;
margin				: 0px 30px 0px 0px;
}

#intro
{
position			: relative;
float				: left;
/*border-top			: 1px solid red;*/
}

#homecopy
{
width				: 409px;
position			: relative;
float				: left;
padding				: 45px 30px 30px 30px;
}

#image
{
width				: 311px;
position			: relative;
float				: right;
height				: 209px;
}

#image img
{
display				: inline;
}

#homecopy p
{
font-family			: times;
letter-spacing		: -1px;
font-size			: 140%;
line-height			: 20px;
font-weight			: normal;
color				: #6699CC;
margin				: 0px 0px 0px 0px;
}

#homecopy h1
{
font-family			: times;
letter-spacing		: -1px;
font-size			: 160%;
line-height			: 25px;
font-weight			: normal;
color				: #003366;
margin				: 10px 0px 20px 0px;
}

#homecopy h2
{
width				: 340px;
font-family			: arial;
font-size			: 75%;
line-height			: 15px;
font-weight			: normal;
color				: #003366;
margin				: 0px 0px 0px 0px;
}

#linkswrapper
{
width				: 780px;
position			: relative;
float				: left;
background-color	: #003366;
background-image	: url(img_common/linkswrapper.jpg);
border-top			: 6px solid #26517D;
border-bottom		: 6px solid #26517D;
}

a.newbuild:link, a.newbuild:visited, a.newbuild:hover
{
display				: block;
width				: 390px;
height				: 125px;
float				: left;
text-decoration		: none
}

a.refurb:link, a.refurb:visited, a.refurb:hover
{
display				: block;
width				: 390px;
height				: 125px;
float				: left;
text-decoration		: none
}

a.refurb span.h1
{
font-family			: times;
letter-spacing		: -1px;
font-size			: 140%;
line-height			: 20px;
font-weight			: normal;
color				: #003366;
margin				: 30px 0px 0px 130px;
display				: block;
}

a.newbuild span.h1
{
font-family			: times;
letter-spacing		: -1px;
font-size			: 140%;
line-height			: 20px;
font-weight			: normal;
color				: #003366;
margin				: 30px 0px 0px 160px;
display				: block;
}

a.refurb span.h2
{
font-family			: arial;
font-size			: 80%;
line-height			: 15px;
font-weight			: normal;
color				: #003366;
margin				: 12px 0px 20px 130px;
display				: block;
}

a.newbuild span.h2
{
font-family			: arial;
font-size			: 80%;
line-height			: 15px;
font-weight			: normal;
color				: #003366;
margin				: 12px 0px 20px 160px;
display				: block;
}

#leftside
{
width				: 450px;
position			: relative;
float				: left;
}

p.pd, p.ps
{
margin				: 0px 0px 1px 0px;
}

span.header
{
font-family			: times;
letter-spacing		: -1px;
font-size			: 160%;
line-height			: 20px;
font-weight			: normal;
margin				: 0px 0px 0px 0px;
}

span.subheader
{
font-family			: arial;
letter-spacing		: -1px;
font-size			: 80%;
line-height			: 20px;
font-weight			: normal;
margin				: 0px 0px 0px 0px;
}

a.pd:visited, a.pd:link, a.pd:hover
{
color				: #FFFFFF;
text-decoration		: none;
background-color	: #1997A3;
display				: block;
width				: 450px;
padding				: 30px 0px 0px 30px;
height				: 70px;
}

a.ps:visited, a.ps:link, a.ps:hover
{
color				: #FFFFFF;
text-decoration		: none;
background-color	: #6B94B8;
display				: block;
width				: 450px;
padding				: 30px 0px 0px 30px;
height				: 70px;
}

#casestudies
{
width				: 300px;
position			: relative;
float				: right;
}

#casestudies p
{
font-size			: 70%;
line-height			: 14px;
font-weight			: normal;
color				: #FFFFFF;
margin				: 0px 0px 1px 0px;
padding				: 14px 14px 16px 14px;
background-color	: #0E4B78;
height				: 70px;
}

#casestudies p a
{
font-weight			: bold;
color				: #FFFFFF;
text-decoration		: underline;
}

span.csdate
{
color				: #7492AF;
}

#footer
{
position			: relative;
float				: left;
background-color	: #003366;
height				: 60px;
width				: 780px;
}

#footer a:link, #footer a:visited
{
color				: #7492AF;
text-decoration		: none;
font-weight			: normal;
}

#footer a:hover
{
text-decoration		: underline;
}

p.copy
{
float				: left;
font-size			: 70%;
line-height			: 14px;
font-weight			: normal;
color				: #7492AF;
margin				: 0px 0px 0px 0px;
padding				: 10px 0px 0px 30px;
}

p.valid
{
float				: right;
font-size			: 70%;
line-height			: 14px;
font-weight			: normal;
color				: #7492AF;
margin				: 0px 0px 0px 0px;
padding				: 10px 30px 0px 0px;
}

.u
{
text-decoration		: underline;
}

/* --------------------------- INTERNAL --------------------------------*/

#pdbarpd
{
width				: 780px;
position			: relative;
float				: left;
background-color	: #1997A3;
border-bottom		: 6px solid #003366;
}

#pdbarps
{
width				: 780px;
position			: relative;
float				: left;
background-color	: #6B94B8;
border-bottom		: 6px solid #003366;
}

#pdbarps p, #pdbarpd p
{
font-family			: times;
letter-spacing		: -1px;
font-size			: 160%;
line-height			: 20px;
font-weight			: normal;
margin				: 15px 0px 15px 30px;
color				: #FFFFFF;
}

#content_pd
{
width				: 780px;
position			: relative;
float				: left;
background-color	: #FFFFFF;
background-image	: url(img_common/bg_contentpd.gif);
background-repeat	: repeat-y;
}

#content_ps
{
width				: 780px;
position			: relative;
float				: left;
background-color	: #FFFFFF;
background-image	: url(img_common/bg_contentps.gif);
background-repeat	: repeat-y;
}

#leftnav
{
width				: 240px;
position			: relative;
float				: left;
margin-top			: 30px;
}


#copy
{
width				: 480px;
position			: relative;
float				: left;
padding				: 30px 30px 30px 30px;
/*background-color	: #D1EAED;*/
}


#copy img.img
{
float				: right;
margin				: 0px 0px 15px 15px;
}

#copy img.left
{
float				: left;
margin				: 0px 10px 0px 0px;
}

#copy h1.pd
{
font-family			: times;
letter-spacing		: -1px;
font-size			: 160%;
line-height			: 20px;
font-weight			: normal;
color				: #1997A3;
margin				: 0px 0px 20px 0px;
}

#copy h1.ps
{
font-family			: times;
letter-spacing		: -1px;
font-size			: 160%;
line-height			: 20px;
font-weight			: normal;
color				: #6B94B8;
margin				: 0px 0px 20px 0px;
}

#copy h2
{
font-size			: 75%;
line-height			: 15px;
font-weight			: bold;
color				: #333333;
margin				: 0px 0px 15px 0px;
}

#copy p
{
font-size			: 75%;
line-height			: 15px;
font-weight			: normal;
color				: #333333;
margin				: 0px 0px 15px 0px;
}



/* --------PD--------------------*/

ul.leftnavpd
{
list-style-type		: none;
margin				: 0px 0px 30px 0px;
padding				: 0px;
}

li.leftnavpd
{
margin				: 0px 0px 0px 0px;
padding				: 0px;
}

ul.leftnavpd a:link, ul.leftnavpd a:visited
{
font-size			: 75%;
color				: #1997A3;
font-weight			: normal;
display				: block;
width				: 230px;
padding				: 3px 0px 3px 10px;
text-decoration		: none;
}

ul.leftnavpd a:hover
{
background-color	: #ACD9DE;
width				: 230px;
text-decoration		: none;
}

#navonpd
{
background-color	: #1997A3;
}

#navonpd a:hover
{
background-color	: #1997A3;
}

#navonpd a
{
color				:#FFFFFF;
}

/* --------PS--------------------*/

ul.leftnavps
{
list-style-type		: none;
margin				: 0px 0px 30px 0px;
padding				: 0px;
}

li.leftnavps
{
margin				: 0px 0px 0px 0px;
padding				: 0px;
}

ul.leftnavps a:link, ul.leftnavps a:visited
{
font-size			: 75%;
color				: #6B94B8;
font-weight			: normal;
display				: block;
width				: 230px;
padding				: 3px 0px 3px 10px;
text-decoration		: none;
}

ul.leftnavps a:hover
{
background-color	: #BDD0E0;
width				: 230px;
text-decoration		: none;
}

#navonps
{
background-color	: #6B94B8;
}

#navonps a:hover
{
background-color	: #6B94B8;
}

#navonps a
{
color				:#FFFFFF;
}

p.brochurepd, p.brochureps
{
font-size			: 70%;
line-height			: 25px;
font-weight			: normal;
margin				: 0px 0px 15px 10px;
}

p.brochurepd a:link, p.brochurepd a:visited, p.brochurepd a:hover
{
color				: #1997A3;
font-weight			: normal;
text-decoration		: underline;
}

p.brochureps a:link, p.brochureps a:visited, p.brochureps a:hover
{
color				: #6B94B8;
font-weight			: normal;
text-decoration		: underline;
}

#copy p.one_pd
{
color				: #FFFFFF;
font-family			: times;
font-size			: 110%;
line-height			: 25px;
font-weight			: normal;
margin				: 40px 0px 0px 0px;
padding				: 2px 5px 3px 15px;
background-color	: #1997A3;
}

#copy p.one_pd span
{
color				: #ACD9DE;
}

#copy p.one_pd span.i
{
padding				: 12px;
}

#copy p.one_ps
{
color				: #FFFFFF;
font-family			: times;
font-size			: 110%;
line-height			: 25px;
font-weight			: normal;
margin				: 40px 0px 0px 0px;
padding				: 2px 5px 3px 15px;
background-color	: #6B94B8;
}

#copy p.one_ps span
{
color				: #BDD0E0;
}

#copy p.one_ps span.i
{
padding				: 12px;
}

#copy ul, #copy ol
{
margin				: 0px 0px 15px 30px;
font-size			: 75%;
}

ul li, ol li
{
padding					: 0px;
margin					: 0px;
line-height				: 15px;
}

/* ------------ CASE STUDIES ------------ */

#copy h2.case
{
font-size			: 75%;
line-height			: 15px;
font-weight			: bold;
color				: #333333;
margin				: 0px 0px 5px 0px;
}

#copy h2.case a
{
text-decoration		: underline;
color				: #333333;
}

#copy p.date
{
font-size			: 65%;
line-height			: 15px;
font-weight			: normal;
color				: #666666;
margin				: 0px 0px 5px 0px;
}

#copy p.case
{
margin				: 0px 0px 30px 0px;
}

#copy #light
{
color				: #999999;
text-decoration		: none;
}

/* Contact Form CSS */

#genericcontactform
{
width		: 190px;
float		: left;
}

#genericcontactform p
{
margin-top		: 0px;
margin-bottom	: 0px;
}

input.form
{
font-family		: Arial;
width			: 170px;
margin-top		: 0px;
margin-bottom	: 10px;
font-size		: 100%;
border			: 1px solid #6E604A;
}

#formred
{
background-color: #FFCCCC;
}

textarea.form
{
font-family		: Arial;
height			: 61px;
width			: 170px;
margin-top		: 0px;
margin-bottom	: 10px;
font-size		: 100%;
border			: 1px solid #6E604A;
}

input.checkbox
{
border			: 0px solid #6E604A;
height			: 12px;
}

.button
{
font-size			: 80%;
padding 			: 0px 10px 0px 10px;
height				: 20px;
font-weight			: bold;
background-color	: #999999;
color				: #FFFFFF;
border				: 3px double #6E604A;
margin-top			: 5px;
}

.clear/*this div make the parent DIV strench to the height of the child - fix for firefox. but the div is 1px high in IE*/
{
clear				: both;
font-size			: 0em;
width				: 0px;
height				: 0px;
line-height			: 0px;
overflow			: hidden;
}

/*
PS	6B94B8
PD	1997A3
*/

#divLinks
{
float				: right;
width				: 265px;
visibility			: hidden;
}

#divLinks a 
{
color				: #8b0000; 
font-family			: verdana,arial,helvetica,sans-serif; 
font-size			: 12px; 
font-weight			: 700;
}

#divMessage
{
margin				: 50px 0px 0px 0px;
float				: right;
width				: 265px; 
visibility			: hidden;
}