* {margin:0;padding:0; border: 0px none;}
ul, ol, li, li.disc {list-style-type: none;}

body {
font: 62.5% "Arial", Helvetica, san-serif;
margin: 0 auto;
color: #00223f;
}
#wrapper {
margin: 0 auto;
width: 800px;
text-align: left;
}
h1 {
width: 800px;
font: normal 3em/1em "Arial", Helvetica, san-serif;
color: #fff;
height: 90px;
}
h1 #topheader {
padding-top: 20px; 
}

#pagedescription {
width: 800px;
height: 33px;
font: bold 1.2em/1.2em "Arial", Verdana, san-serif; 
text-align:left;
vertical-align: top; 
color: #727271; 
}
/* main navigation menu
--------------------------------*/
#menu-bar {
width: 800px;
height: 45px;
float: left;
font: bold 1.2em/1em "Verdana", Tahoma, san-serif; 
color: #fff;
}
ul#menu, ul#menu li { float: left; }
ul#menu li a {display:block; height: 29px; }
ul#menu li.menuone a {background:url(images/menu.jpg) 0 0; width: 122px;}
ul#menu li.menuone a:hover {background:url(images/menu.jpg) 0 -58px; }
ul#menu li.menuone a.active {background:url(images/menu.jpg) 0 -29px; }
ul#menu li.menutwo a {background:url(images/menu.jpg) -122px 0; width: 112px; }
ul#menu li.menutwo a:hover {background:url(images/menu.jpg) -122px -58px; }
ul#menu li.menutwo a.active {background:url(images/menu.jpg) -122px -29px; }
ul#menu li.menuthree a {background:url(images/menu.jpg) -234px 0; width: 112px; }
ul#menu li.menuthree a:hover {background:url(images/menu.jpg) -234px -58px; }
ul#menu li.menuthree a.active {background:url(images/menu.jpg) -234px -29px; }
ul#menu li.menufour a {background:url(images/menu.jpg) -346px 0; width: 105px; }
ul#menu li.menufour a:hover {background:url(images/menu.jpg) -346px -58px; }
ul#menu li.menufour a.active {background:url(images/menu.jpg) -346px -29px; }
ul#menu li.menufive a {background:url(images/menu.jpg) -451px 0; width: 122px; }
ul#menu li.menufive a:hover {background:url(images/menu.jpg) -451px -58px; }
ul#menu li.menufive a.active {background:url(images/menu.jpg) -451px -29px; }
ul#menu li.menusix a {background:url(images/menu.jpg) -573px 0; width: 99px; }
ul#menu li.menusix a:hover {background:url(images/menu.jpg) -573px -58px; }
ul#menu li.menusix a.active {background:url(images/menu.jpg) -573px -29px; }
ul#menu li.menuseven a {background:url(images/menu.jpg) -672px 0; width: 122px; }
ul#menu li.menuseven a:hover {background:url(images/menu.jpg) -672px -58px; }
ul#menu li.menuseven a.active {background:url(images/menu.jpg) -672px -29px; }
ul#menu li a span {display:none;}

/* header
--------------------------------*/
#header {
width: 800px;
height: 130px;
margin-left :9px;
float: left;
}
body#home #headerindex {
width: 800px;
height: 225px;
background: #fff url(images/banner-background.jpg) 1px 0px no-repeat;
margin-left: 10px;
float: left;
}
body#home #headerother {
width: 800px;
height: 155px;
background: #fff url(images/banner-background-other.jpg) 1px 0px no-repeat;
margin-left: 8px;
float: left;
}
#header h2 {
font: normal 2.2em/1.2em "Arial", Helvetica, san-serif;
color: #fff;
margin: 30px 15px;
}
#header p {
color: #fff;
font: normal 1.2em/1.4em "Arial", Helvetica, san-serif;
text-align: center;
padding: 6px 10px;
border: 1px solid #fff;
margin: 35px 35px 0 15px;
}


/* content
--------------------------------*/
#content {
width: 800px;
float: left;
}
body#home #content {
width: 800px;
float: left;
}
#content #left 
{ 
float: left; 
width: 540px; 
height: 150px;
list-style-type: disc;
}
#content #right { float: right; width: 240px; height: 450px; }
#content #rightcontact { float: right; width: 240px; height: 330px; }
body#home #content #left 
{ 
width: 540px; 
/*background-color: #F8F7F6;*/
}
body#home #content #right  
{
width: 240px; 
background: #fff url(images/right-block-background.jpg) 0px 10px no-repeat;
}
body#home #content #right.about  
{
width: 240px; 
background: #fff url(images/right-block-about.jpg) 0px 10px no-repeat;
}
body#home #content #right.portfolio  
{
width: 240px; 
background: #fff url(images/right-block-portfolio.jpg) 0px 10px no-repeat;
}
li.disc
{
list-style-type: disc;
}

body#home #content #rightcontact.contact  
{
width: 240px; 
background: #fff url(images/right-block-contact.jpg) 0px 10px no-repeat;
}
body#home #content #right p.smallheader
{
	font: normal 1em/1.5em "Arial", Helvetica, san-serif;
	color : #FD6D03;
	margin-bottom: 0px
}
body#home #content #rightcontact p.smallheader
{
	font: normal 1em/1.5em "Arial", Helvetica, san-serif;
	color : #FD6D03;
	margin-bottom: 0px
}
body#home #content #right img.smallinfoblock
{
	/*background: #fff url(images/small-info-block.jpg) 0px 10px no-repeat;*/
	margin-left :25px;
}

body#home #content #left img.bottom 
{ 
	margin :30px 0 0 10px;  
/*background-color: #F8F7F6;*/
}
#content h3 { 
font: normal 2em/1.2em "Arial", Helvetica, san-serif;
margin: 10px;
color: #042446;
}
#content h4 { 
font: normal 1.6em/1.2em "Arial", Helvetica, san-serif;
margin: 0 10px 2px;
padding: 0;
color: #1d5b9f;
}
#content h6 { 
margin: 10px 0px 0px 11px;
padding: 0;
color: #444444;

}
#content p { 
font: normal 1em/1.5em "Arial", Helvetica, san-serif;
margin: 0px 10px 15px;
}

#content p span { color: #1d5b9f; }
#content img.banner 
{
	margin-left: 9px;
}
#content p img.small { 
float: right;
background: url(images/small-bg.gif) 0 0 no-repeat;
padding: 7px;
margin: 0 0 0 15px;
clear: right;
}

#content p img.bullet { 
float: left;
margin: 5px 5px 0 45px;
clear: right;
vertical-align: bottom;
}
#content p img.bulletright { 
float: left;
margin: 5px 5px 0 15px;
clear: right;
vertical-align: bottom;
}
#clearall { clear: both;}
#ruler {
background: url(images/footer-bg.gif) top left repeat-x;
height: 1px;
margin: 0px 10px 0px 0;
}
#col {
width: 270px;
float: left;
}

p.spacerindex
{
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 80px;	
}
p.spacerabout
{
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 160px;	
}
p.spacerservices
{
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 650px;	
}
p.spacerportfolio1
{
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 30px;	
}
p.spacerportfolio2
{
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 1000px;	
}
p.spacerportfolio3
{
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 1000px;	
}
p.spacerportfolio4
{
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 800px;	
}
p.spacerportfolio5
{
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 600px;	
}
p.spacerportfolio6
{
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 480px;	
}
p.spacerportfolio7
{
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 250px;	
}
p.spacersitemap
{
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 0px;	
}
p.spacerrequest
{
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 220px;	
}
p.spacercontact
{
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 20px;	
}

/* contact box on right hand side
--------------------------------*/
#content #right #contact {
width: 220px;
margin: 0 10px 15px;
padding: 10px 0;
}



/* link styles
--------------------------------*/
a { color: #FD6D03; text-decoration: none; }
a:hover { text-decoration: underline; }
a.textlink { background: url(images/nav.jpg) 0 4px no-repeat; padding-left: 11px; }
a.edev 
{ 
font: normal 1.0em/1.3em "Arial", Helvetica, san-serif; 
color: #DFDEDE;
}

/* form elements */
form {
color: #444444;
font: normal 1.0em/1.0em "Arial", Helvetica, san-serif;
margin: 10px;
}
form input, 
form textarea {
border: 1px solid #b6bec9;
background: #EEECEA;
color: #00223f;
font: normal 1em/1em "Arial", Helvetica, san-serif;
padding: 2px;
margin: 0 0 8px 0;
width: 210px;
}
form select {
border: 1px solid #b6bec9;
color: #00223f;
margin: 0 0 5px 0;
font: normal 1em/1em "Verdana", Arial, Geneva, Helvetica, san-serif;
padding: 2px;
}
form input.check 
{
border: 0;
color: #73645A;
background-color: #ffffff; 
margin: 0px 0 0px 0;
font: normal 1em/1em "Verdana", Arial, Geneva, Helvetica, san-serif;
padding: 0px;
}
form input.send{
width: 55px;
height: 21px;
padding: 0;
border: 0;
outline: none;
}	


/* footer
--------------------------------*/
#footer {
background: url(images/footer-bg.gif) top left repeat-x;
width: 800px;
margin: 5px 0;
float: left;
clear: both;
padding: 5px 0 0;
}

#footer ol { float: none; }
#footer ol li { float: left; }
#footer ol li a { 
padding: 0 7px; 
font: normal 1.1em/1.3em "Arial", Helvetica, san-serif;
border-left: 1px solid #b1b9c9;
}
#footer ol li a.first { 
padding: 0 3px 0 5px; 
margin-left: 170px; 
border-left: 0;
}
#footer p {
font: normal 1.1em/1.3em "Arial", Helvetica, san-serif;
color: #4a6394;
margin-bottom: 10px;
}
#footer p.light { color: #c6cedd; }

#footer2 {
background: url(images/copy-background.jpg) top left repeat-x;
width: 800px;
margin: 0px 0;
clear: both;
padding: 5px 0 0;
}

#footer2 p 
{
font: normal 1.0em/1.0em "Arial", Helvetica, san-serif;
color: #DFDEDE;
margin-bottom: 5px;
margin-left:120px;
}
#footer2 p.light { color: #c6cedd; }


