* { 
	margin:0;	
}

#whitebox {
	background-color: #FFFFFF;
	width: 100%;
	height: 40px;
}

#graybox {
	background-color: #333333;
	width: 100%;
	min-height: 505px;
}

#orangebox {
	background-color: #FF9933;
	height: 70px;
	width: 100%;
	padding: 45px 0 0 0;
}

#logo {
	height: 39px;
	width: 815px;	
	margin:auto;
}



/**************** Navigations items ***********/

#topnav {
	height: 46px;
	width: 100%;
	
}

#main-nav {
  background:url(css_img/bg-nav.jpg);
  margin: 0;
  list-style: none;
  padding-right: 10px;
}

#main-nav li {
  float: right;
}

#main-nav li a {
  height: 38px;
  text-decoration: none;
  display: block;
}

/*----------*/
#about_nav a{
  background:url(css_img/bg_nav.jpg) 0px 0 no-repeat;
  width: 119px;
  display: block; 
}
#about_nav a:hover, #about_nav a.active{
  background: url(css_img/bg_nav.jpg) 0px -38px no-repeat;
}


/*----------*/
#portfolio_nav a{
  background:url(css_img/bg_nav.jpg) -119px 0 no-repeat;
  width: 119px;
  display: block; 
}
#portfolio_nav a:hover, #portfolio_nav a.active{
  background: url(css_img/bg_nav.jpg) -119px -38px no-repeat;
}


/*----------*/
#contact_nav a{
  background:url(css_img/bg_nav.jpg) -238px 0 no-repeat;
  width: 107px;
  display: block; 
}
#contact_nav a:hover, #contact_nav a.active{
  background: url(css_img/bg_nav.jpg) -238px -38px no-repeat;
}

/*************** Content Items ******************/

#leftside {
	width: 432px;
	float:left;
}

#leftside .aia {
	display: block;
	background: url(css_img/aia.jpg) no-repeat;
	height: 52px; 
	width: 244px; 
	float: right;
	padding-bottom: 13px;
}

#leftside .sale {
	display: block;
	background: url(css_img/sale.jpg) no-repeat;
	height: 52px; 
	width: 244px; 
	float: right;
}

#leftside .aia a:hover {
	background: url(css_img/aia.jpg) 0 0 0 244px no-repeat;
}

#rightside {
	width: 357px;
	float:right;
	min-height: 505px;
}

#rightside p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	width: 330px;
	margin: 0;
	padding: 0 0 8px 0;
}

#rightside img {
	padding-bottom: 19px;
}

.clear {
	clear: both;
}


#container {
	width: 815px;
	padding-top: 37px;
	margin:auto;
}

#leftside img {
	float: left;
	margin: 0;
	padding-bottom: 10px;
}

#innerleftside {
	padding-left: 160px;
}

#innerleftside p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	width: 240px;
	margin: 0;
	padding: 0 0 8px 0px;
	float: left;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}
a:hover {
	text-decoration:none;

}#innerleftside table {
	float: left;
}
#innerleftside table p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	float: left;
	text-align: center;
	width: 130px;
}
.active{
	ba
}
#subnav {
	width: 100%;
	padding-bottom: 10px;
}
#subnav a {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

/* aia home tour */
#innerleftside a {
	color: #333333;
}
/* fix mailto contact */
#innerleftside p a {
	color: #ffffff;
}

