body
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:url(../images/blue-bg.png) repeat top left;
text-align:center;
color:#FFFFFF;
}

#container
{
width:900px;
margin:0 auto;
}

h1#header
{
width:900px;
height:170px;
background:url(../images/header.png) top left no-repeat;
text-indent:-9999px;
}

a.homepage
{
display:block;
width:900px;
height:170px;
}

#navigation
{
width:900px;
height:50px;
margin:0 auto;
line-height:50px;
background:url(../images/nav-bar2.png) top left no-repeat;
}

#navigation li
{
display:inline;
margin-right:20px;
margin-left:20px;
letter-spacing:1.3px;
font-weight:700;
}

#navigation li a:link, #navigation li a:visited
{
color:#17445c;
text-decoration:none;
}

#navigation li a:hover, #navigation li a:active, #navigation li a.active
{
color:#e51b77;
text-decoration:none;
}

#content-copy
{
width:900px;
height:439px;
background:url(../images/content-bg-blank.png) top left no-repeat;
padding-top:25px;
margin-top:0px;
}

#content
{
width:900px;
height:439px;
background:url(../images/content-bg.png) top left no-repeat;
padding-top:50px;
margin-top:0px;
}

#copy-area
{
width:700px;
margin:0 auto;
min-height:400px;
padding-top:40px;
}

#portfolio
{
margin:0 auto;
width:585px;
margin-top:-20px;
}

#portfolio img
{
margin:0 auto;
float:left;
margin:10px;
}

#copy-area p
{
color:#ffffff;
margin-top:22px;
padding: 0px 30px;
letter-spacing:1.3px;
text-shadow:#1a4860 0px 0px 7px;
font-size:14px;
line-height:20px;
}

h2
{
text-transform:uppercase;
font-size:30px;
color:#e0eaef;
line-height:38px;
letter-spacing:1.3px;
text-shadow:#1a4860 0px 0px 10px;
}

h3
{
text-transform:uppercase;
color:#e0eaef;
margin-top:25px;
letter-spacing:1.3px;
text-shadow:#1a4860 0px 0px 7px;
font-size:16px;
margin-bottom:45px;
}



#big-pants
{
width:169px;
height:169px;
overflow:hidden;
background:url(../images/classics-sprite.png) no-repeat 0px 0px;
margin:0 auto;
text-indent:-9999px;
margin-bottom:70px;
}

#big-pants a
{
display:block;
height:169px;
width:169px;
}

#options
{
width:477px;
height:244px;
background:url(../images/panel.png) top left no-repeat;
margin:0 auto;
}

ul#opts-styles
{
height:164px;
width:239px;
padding-top:80px;
float:left;
}

ul#opts-styles li
{
text-align:left;
margin-left:75px;
line-height:27px;
}

ul#opts-styles li a
{
width:110px;
height:27px;
padding-left:50px;
text-decoration:none;
}

ul#opts-colours
{
height:164px;
width:238px;
padding-top:80px;
float:left;
}

ul#opts-colours li
{
text-align:left;
line-height:27px;
padding-left:70px;
}

ul#opts-colours li a
{
width:110px;
height:27px;
text-decoration:none;
}


li#blue a:link, li#blue a:visited
{
color:#003366;
}

li#blue a:hover, li#blue a:active
{
background:#003366;
color:#FFFFFF;
}

li#green a:link, li#green a:visited 
{
color:#009900;
}

li#green a:hover, li#green a:active 
{
background:#009900;
color:#FFFFFF;
}

li#orange a:link, li#orange a:vistied
{
color:#FF6600;
}

li#orange a:hover, li#orange a:active
{
background:#FF6600;
color:#FFFFFF;
}

li#purple a:link, li#purple a:visited
{
color:#6600CC;
}

li#purple a:hover, li#purple a:active
{
background:#6600CC;
color:#FFFFFF;
}

li#red a:link, li#red a:visited
{
color:#990000;
}

li#red a:hover, li#red a:active
{
background:#990000;
color:#FFFFFF;
}


#footer
{
width:900px;
height:55px;
background:url(../images/footer.png) top left no-repeat;
text-indent:-9999px;
margin-top:35px;
clear:both;
}

a.contact:link, a.contact:visited
{
color:#FFFFFF;
}

a.contact:hover, a.contact:active
{
color:#FFCC00;
}


ol.what-we-do
{
list-style:inside decimal;
width:450px;
margin:0 auto;
}

ol.what-we-do li
{
color:#ffffff;
margin-top:22px;
letter-spacing:1.3px;
text-shadow:#1a4860 0px 0px 7px;
font-size:14px;
line-height:20px;
margin-bottom:10px;
}