/* CSS Document */

/* Global styles */

body {
background-color: #ffffff;
background-image: url(../images/bg_body2.gif);
background-repeat: repeat-x;
font-family: arial, sans-serif;
font-size: 62.5%;
color: #000033;
_text-align: center;
}

h1, h2, h3, h4 {
font-family: arial, sans-serif;
}

h1 {
font-size: 1.7em;
}

h2 {
font-size: 1.6em;
}

h3 {
font-size: 1.5em;
}

strong {
font-weight: bold;
}

p {
font-size: 1.4em;
}

p.quote {
font-style: italic;
color: #666666;
margin-left: 30px;
_margin-left: 0px;
margin-bottom: 30px !important;
}

a {
outline: none;
}

li {
font-size: 1.4em;
}

/* end of Global styles */


#contain {
width: 1020px;
margin: 0 auto;
_text-align: left;
position :relative;
}

#banner {
float: left;
width: 100%;
height: 250px;
background-image: url(../images/banner.png);
}

#banner p {
color: #ffffff;
width: 610px;
margin: 130px 0px 0px 0px;
font-size: 1.9em;
text-indent: -999999px;
}

#banner #staff_area {
float: right;
color: #ffffff;
width: 320px;
height: 30px;
background-image: url(../images/bg_staff.gif);
background-repeat: no-repeat;
margin-right: 30px;
_margin-right: 15px;
}

#staff_area li {
float: left;
margin-right: 10px;
font-size: 1.3em;
margin-top: 10px;
}

.lnk_staff {
text-transform: uppercase;
margin-left: 20px;
_margin-left: 10px;
}

#top_nav {
float: left;
clear: left;
width: 100%;
min-height: 29px;
_height: 29px;
background-image: url(../images/bg_topnav.gif);
background-repeat: no-repeat;
background-color: #667c87;
}

#top_nav ul{
margin-left: 30px;
}

#top_nav li {
float: left;
margin: 6px 10px 0px 0px;
color: #ffffff;
}

#main {
float: left;
clear: left;
width: 960px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 30px;
_margin-left: 15px;
}

#main_left {
float: left;
width: 610px;
}

#left_top {
float: left;
padding-bottom: 10px;
border-bottom: 10px solid #93a4ab;
}

#left_top img {
width: 300px;
height: 210px;
float: left;
background-color: #e0e5e8;
}

#left_top .left_img {
margin-right: 10px;
}

#left_lower, #right_lower {
float: left;
padding: 20px;
height: 100%;
min-height: 180px;
*min-height: 190px;
_height: 190px;
background-color: #e0e5e8;
}

#contact #left_lower {
padding: 0px;
}

#testimonials #left_lower {
padding: 0px;
}

#testimonials #left_lower {
background-color: #ffffff;
}

#about #left_lower {
background-color: #ffffff;
}

#services #left_lower {
background-color: #ffffff;
}

#team #left_lower {
background-color: #ffffff;
}

#contact #left_lower {
background-color: #ffffff;
}

#left_lower {
width: 570px;
}

#testimonials #left_lower {
_width: 565px;
}

#right_lower {
width: 280px;
}

h2.heading {
font-size: 2.8em;
}

#left_lower h2, #right_lower h2 {
color: #3f426b;
margin-bottom: 5px;
}

#left_lower p, #right_lower p {
margin-bottom: 10px;
}

#home .wrapped {
margin-left: 120px;
}

.row {
float: left;
clear: left;
width: 100%;
margin-bottom: 10px;
}

.main_thumbnail {
float: left;
margin-right: 10px;
}

#main_right {
float: left;
width: 320px;
margin-left: 30px;
}

#right_top {
min-height: 220px;
_height: 220px;
border-bottom: 10px solid #667c87;
}

#right_top h2 {
color: #34346a;
margin-bottom: 20px;
}

#right_top ul {
margin-bottom: 20px;
}

#right_top li {
color: #66669a;
margin-bottom: 5px;
}

#right_lower p {
margin-bottom: 20px;
}

/* Contact us page form styles */

form {
margin: 20px 0px 0px 20px;
}

label {
float: left;
clear: left;
font-size: 1.4em;
margin-top: 6px;
}

.neat {
width: 80px;
}

input.field, textarea {
border: 1px solid #000033;
padding-top: 7px;
padding-left: 5px;
font-size: inherit;
}

input.field {
width: 454px;
}

textarea {
*width: 454px;
}

#contactus select {
margin-top: 3px;
*margin-top: 5px;
}

input.field {
height: 2.1em;
}

input.sbmt {
margin: 0px 0px 0px 80px;
cursor: pointer;
float: left;
}

textarea {
font-size: 1.4em;
font-style: italic;
}

form div {
margin-bottom: 9px;
}

#contactus .action {
float: left;
}

.errormsg {
clear: left;
color: red;
margin-left: 80px;
}

.sent {
clear: left;
margin-left: 80px;
}

.clearform {
float: left;
margin-left: 20px;
margin-top: 1px;
}


/* Footer Styles */

#footer {
/*float: left;*/
clear: left;
width: 960px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #000000;
margin-left: 30px;
}

#footer .company_info {
float: left;
}

#footer .contact_info {
color: #343434;
}

#footer .company_no {
color: #4c516f;
font-size: 1.1em;
margin-top: 5px;
}

#footer .design {
float: right;
margin-top: 20px;
}

.design li {
color: #4c516f;
font-size: 1.1em;
}

/* Link Styles */

a:link, a:active { color: #000033; text-decoration: none;}
a:visited { color: #000033; text-decoration: none;}
a:hover { color: #000033; text-decoration: underline;}

#staff_area a:link, a:active { color: #ffffff; text-decoration: none;}
#staff_area a:visited { color: #ffffff; text-decoration: none;}
#staff_area a:hover { color: #ffffff; text-decoration: underline;}

#top_nav a:link, a:active { color: #ffffff; text-decoration: none;}
#top_nav a:visited { color: #ffffff; text-decoration: none;}
#top_nav a:hover { color: #ffffff; text-decoration: underline;}

.contact_info a:link, a:active { color: #343434; text-decoration: none;}
.contact_info a:visited { color: #343434; text-decoration: none;}
.contact_info a:hover { color: #343434; text-decoration: underline;}

.design li a:link, a:active { color: #4c516f; text-decoration: none;}
.design li a:visited { color: #4c516f; text-decoration: none;}
.design li a:hover { color: #4c516f; text-decoration: underline;}

/*

a:link, a:active { color: #333333; text-decoration: none;}
a:visited { color: #333333; text-decoration: none;}
a:hover { color: #FFFFFF; text-decoration: none;}

*/