/* 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: 90%;
	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: 10px;
background: #C4C3C3 url(../images/architecture/bg-topnav.gif) 899px;
clear: both;
}

div#topnav ul {
white-space:nowrap;
text-decoration: none;
list-style-type:none; 
margin: 0 0 0 595px;

}

div#topnav a {
text-decoration:none;
} 


div#topnav ul li{
text-decoration: none;
color: #000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
float:left;
margin-top:4px;
width:90px;
text-align: center;

}

div#topnav ul li a:hover{
clear:both;
text-decoration: none;
color: #000;
padding-top:3px;
padding-bottom:3px;
padding-left: 7px;
padding-right: 7px;
background-color: #dedede;

}

/* ********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 a {
text-decoration:none;
} 

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

div#mainnav ul li {
text-decoration: none;
background-color:#fff ;
list-style: none;
color: #000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
float:left;
margin-top:3px;
text-align:center;
padding-bottom:3px;
margin-right:2px;
margin-left:2px;
}

div#mainnav ul li.company{
background-color:#fff ;
color: #000;
border-bottom: 6px solid #4d77b0;
width: 90px;
}

div#mainnav ul li.company a:hover{
border-bottom: 8px solid #4d77b0;
width: 90px;
padding-right:15px;
padding-left: 15px;
}

div#mainnav ul li.services{
border-bottom: 6px solid #a6a62d;
width: 90px;
}

div#mainnav ul li.services a:hover{
border-bottom: 8px solid #a6a62d;
width: 90px;
padding-right:17px;
padding-left: 17px;
}

div#mainnav ul li.portfolio{
border-bottom: 6px solid #5aa5aa;
width: 90px;
text-align: center;
}

div#mainnav ul li.portfolio a:hover{
border-bottom: 8px solid #5aa5aa;
padding-right:17px;
padding-left: 17px;
}


div#mainnav ul li.clients{
border-bottom: 6px solid #738a39;
width: 90px;
}

div#mainnav ul li.clients a:hover{
border-bottom: 8px solid #738a39;
width: 90px;
padding-right:23px;
padding-left: 23px;
}



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

/* Company */
div#mainnav img.company {border-bottom: 4px solid #6371B6;}
div#mainnav a:hover img.company {border-bottom: 4px solid #008AFF;}

/* Services */
div#mainnav img.services {border-bottom: 4px solid #95981F;}
div#mainnav a:hover img.services {border-bottom: 4px solid #c2c602;}

/* Software */
div#mainnav img.software {border-bottom: 4px solid #B0683E;}
div#mainnav a:hover img.software {border-bottom: 4px solid #E36821;}

/* Portfolio */
div#mainnav img.portfolio {border-bottom: 4px solid #7CACAF;}
div#mainnav a:hover img.portfolio {border-bottom: 4px solid #29C1CB;}

/* Clients */
div#mainnav img.clients {border-bottom: 4px solid #5C6B37;}
div#mainnav a:hover img.clients {border-bottom: 4px solid #74a00a;}

/* Alliances */
div#mainnav img.alliances {border-bottom: 4px solid #BC9150;}
div#mainnav a:hover img.alliances {border-bottom: 4px solid #ec940f;}

/* TM News */
div#mainnav img.tmnews {border-bottom: 4px solid #38798F;}
div#mainnav a:hover img.tmnews {border-bottom: 4px solid #01a5dd;}


/* ********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;
}