/* Global CSS styles */


*, img {border: 0; margin: 0; padding: 0;}

body, html {margin: 0 0 10px 0;}

body {
	margin:0 auto;
	width: 900px;
	color: #333;
	background: #C4C3C3;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	text-decoration: none;
}

h1#home {font-size:26px; color:#7f7f7f;}
h1#hometag {font-family: Lucidia, sans-serif;  font-size:14px; color:#144b97;}
h1#company { color: #4d77b0;}
h1#portfolio { color: #649E92;}
h1#services { color: #a6a62d;}
h1#clients { color: #738a39;}

/* ********Top Nav******** */
div#topnav {
text-decoration: none;
height: 20px;
width: 900px;
margin-top: 17px;
background: #fff url(../images/architecture/bg-topnav.gif) 899px;
clear: both;
}

div#topnav ul {
font-size: 0px;
list-style-type: none;
margin: 0 0 0 595px;
}

div#topnav ul li {
display: block;
float: left;
margin: 0 1px 0 0;
}

div#topnav a:link, div#topnav a:visited {
color: #000;
background-color: #fff;
display: block;
float: left;
height: 20px;
text-decoration: none;
}

div#topnav li.active a:link, div#topnav li.active a:visited {
color: #fff;
background-color: #dedede;
}

div#topnav a:hover, div#topnav li.active a:hover {
color: #fff;
background-color: #e6e6e6;
}


/* ********Logo and Banner******** */
div#bannerwrap {
font-size: 0px;
height: 107px;
width: 900px;
}

div#bannerwrap img {display: block;}

div#bannerwrap div#logo {
width: 151px;
border-right: 2px solid #fff;
height: 107px;
float: left;
}

div#bannerwrap div#banner {
width: 730px;
height: 107px;
float: left;
}

/* Banner bottom */
div#bannerbottom {
background-color: #000;
font-size: 0px;
height: 1px;
width: 900px;
}

/* ********Main Nav******** */
div#mainnav {
height: 25px;
width: 900px;
background: #fff ;
color: #000;
}

/* Make the list horizontal and give right-side border to the list */
div#mainnav ul {
margin-left: 152px;
font-size: 0px;
list-style-type: none;
}

div#mainnav ul li {
display: block;
float: left;
border-right: 2px solid #fff;
}

/* Set default link and active state colours */
div#mainnav a:link, div#mainnav a:visited {
color: #000;
background-color: #fff;
display: block;
float: left;
margin-left: 2px;
height: 20px;
text-decoration: none;
}

div#mainnav li.active a:link, div#mainnav li.active a:visited {
color: #000;
background-color: #e6e6e6;
}

div#mainnav a:hover, div#mainnav li.active a:hover {
color: #000;
background-color: #e6e6e6;
}


/* ********Content Wrap******** */
div#contentwrap {
background-color: #fff;
width: 900px;
}

/* Company */
div#mainnav img.company {border-bottom: 5px solid #4d77b0;}
div#mainnav a:hover img.company {border-bottom: 9px solid #4d77b0;}

/* Services */
div#mainnav img.services {border-bottom: 5px solid #a6a62d;}
div#mainnav a:hover img.services {border-bottom: 9px solid #a6a62d;}

/* Portfolio */
div#mainnav img.portfolio {border-bottom: 5px solid #5aa5aa;}
div#mainnav a:hover img.portfolio {border-bottom: 9px solid #5aa5aa;}

/* Clients */
div#mainnav img.clients {border-bottom: 5px solid #738a39;}
div#mainnav a:hover img.clients {border-bottom: 9px solid #738a39;}


/* ********Left column******** */
div#leftcolumn {float: left; margin-top: 34px; width: 152px; clear: both;}

body#flashportfolio div#leftcolumn {display: none;}

/* ********Content and Right Column Manipulation******** */
div#content {float: left; margin-top: 34px; width: 465px;}

/* Default right column */
div#rightcolumn {
background-color:#FFFFFF;
font-size:14px;
float: left;
margin-top: 34px;
width: 270px;
}

/* Three quarters length content no right column */
body#threequarters div#rightcolumn {display: none;}
body#threequarters div#content {width: 608px;}

/* Full length content no right column */
body#full div#rightcolumn {display: none;}
body#full div#content {width: 678px;}

/* ********Text Styles******** */
h1 {color: #000; background-color: transparent; font-size: 130%; padding-bottom: 5px;}
h2 {color: #000; background-color: transparent; font-size: 100%; padding-top: 10px;}
h2.top {color: #000; background-color: transparent; font-size: 100%; padding-top: 0;}

div#content p {font-size: 80%; margin-bottom: 10px; padding-right: 20px;}
body#full div#content p {padding: 0;}

div#content ul {font-size: 80%; list-style-type: none; margin-left: 1.3em;}
div#content li {background: transparent url(../images/bullets/default.gif) no-repeat 0 .4em; color: #000; padding-left: 1.3em; margin-bottom: 10px;}

/* ********Client Content and Right Column Manipulation******** */
div#client {float: left; margin-top: 34px; width: 380px;}

div#client ul {font-size: 80%; list-style-type: none; margin-left: 1.3em;}
div#client li {background: transparent url(../images/bullets/default.gif) no-repeat 0 .4em; color: #000; padding-left: 1.3em; margin-bottom: 8px;}

/* Client right column */
div#clientrightcolumn {
background-color:#FFFFFF;
font-size:14px;
float: left;
margin-top: 34px;
width: 278px;
}

/* ********Link Styles******** */
a:link, a:visited {color: #333; background-color: transparent; text-decoration: underline;}
a:hover {color: #666; background-color: transparent; text-decoration: none;}

/* ********Footer Nav******** */
div#footer {
color: #fff;
background-color: transparent;
width: 900px;
clear: both;
padding-top: 20px;
}

div#footer ul {
font-size: 70%;
margin-left: 152px;
list-style-type: none;
}

div#footer li {
display: block;
float: left;
margin-right: 5px;
}

div#footer a:link, div#footer a:visited {
color: #000;
background-color: transparent;
text-decoration: none;
}

div#footer a:hover {
color: #666;
background-color: transparent;
text-decoration: underline;
}

div#footer img {margin-left: 35px;}

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

/* ********Home Page Content******** */

div#HomeBody{
width: 420px;
color: #000;
font-size:16px;
}