@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; font:Arial, Helvetica, sans-serif;}

#top-header
{
height:100px;
overflow:hidden;
background-image:url(../images/Header-Background.jpg);
}

#top-header-content

{
margin:0px auto;
width:800px;
}

#header-nav-top
{
margin-top:5px;
text-align:right;
clear:both;
}

#logo
{
float:left;
}

#header-nav-main
{
float:right;
margin-top:50px;
margin-right:20px;
}

#header-shadow
{
background-image:url(../images/Header-Shadow.gif);
height:6px;
overflow:hidden;
}

#content-container
{
width:800px;
margin:0px auto;
margin-top:10px;
}

#flash-nav-container
{
border:1px solid #dcdcdc;
overflow:hidden;
}

#flash
{
clear:both;
border-bottom:1px solid #dcdcdc;
}

.home-tab
{
float:left;
width:93px;
text-align:center;

}

#menu-seprate
{
width:3px;
overflow:hidden;
float:left;
margin-top:-16px;
}

#text-container
{
float:left;
width:380px;
margin-top:10px;
}

#banner-ad
{
float:left;
width:170px;
margin-top:20px;
margin-left:51px;
position:relative;
}

#menu-container
{
width:800px;
overflow:hidden;
}

#plan-bar
{
height:7px;
background-image:url(../images/plan-bar-background.jpg);
width:199px;
float:left;
margin-top:0px;
overflow:hidden;
}

#design-bar
{
height:7px;
background-image:url(../images/design-bar-background.jpg);
width:199px;
float:left;
margin-left:1px;
margin-top:0px;
overflow:hidden;
}

#build-bar
{
height:7px;
background-image:url(../images/build-bar-background.jpg);
width:199px;
float:left;
margin-left:1px;
margin-top:0px;
overflow:hidden;
}

#market-bar
{
height:7px;
background-image:url(../images/market-bar-background.jpg);
width:199px;
float:left;
margin-left:1px;
margin-top:0px;
overflow:hidden;
}

#right-menu
{
width:170px;
margin-top:20px;
float:right;
}

#text-padding-top-menu
{
margin-top:3px;
}

#news-box
{
float:left;
width:370px;
height:130px;
border:1px solid #dcdcdc;
margin-top:20px;
padding:5px;
}

/*news and awards box have a width fix in ie6 and ie7 css*/

#awards-box
{
float:right;
width:370px;
height:130px;
border:1px solid #dcdcdc;
margin-top:20px;
padding:5px;
position: relative;
}

#team-box
{
border-left:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
padding-left:5px;
}

.email-john
{
margin-left:250px;
}

.email-ian
{
margin-left:270px;
}

.email-james
{
margin-left:210px;
}

.award1
{
position:absolute;
left:2px;
top:2px;
}

.award2
{
position:absolute;
left:270px;
top:9px;
}

.award3
{
position:absolute;
left:5px;
top:89px;
}

.award4
{
position:absolute;
left:92px;
top:83px;
}

.award5
{
position:absolute;
left:187px;
top:85px;
}

.award6
{
left:271px;
top:91px;
}

#sitemap
{

padding:5px;
border:1px solid #dcdcdc;
margin-top:20px;
text-align:left;

}

div#sitemap dl {float:left; width:131px; margin:0px 0 0px 0; font:10px Verdana, Arial, Helvetica, sans-serif}
div#sitemap dl dt {font-weight:bold; padding:3px 0}
div#sitemap dl dd {padding:3px 0}
div#sitemap dl dd a {}

#footer-left
{
float:left;
margin-top:10px;

}

#footer-right
{
float:right;
margin-top:10px;

}

#portfolio-on
{
height:3px; 
background-color:#fff468; 
display:none; 
margin-top:7px;
}

#partnerships-on
{
height:3px; 
background-color:#fff468; 
display:none; 
margin-top:7px;
}

#home-on
{
height:3px; 
background-color:#fff468; 
display:none; 
margin-top:7px;
}

#about-on
{
height:3px; 
background-color:#fff468; 
display:none; 
margin-top:7px;
}

#contact-on
{
height:3px; 
background-color:#fff468; 
display:none; 
margin-top:7px;
}

#clear
{
clear:both;
}


p {

	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#666666;
}

.menu-right
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

ul
{
font-size:0.8em;
padding-left:25px;
}
h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#ff9e00;

}

h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#6588b2;

}


.red
{
color:#b00000;
}

.green
{
color:#a2cb27;
}

.yellow
{
color:#ffc100;
}

.blue
{
color:#6588b2;
}

.top-nav { font-family:Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; color: #FFFFFF; }
a.top-nav { } 
a.top-nav:link { }
a.top-nav:visited {  }
a.top-nav:hover { }

.top-nav-small { font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #FFFFFF; }
a.top-nav-small { } 
a.top-nav-small:link { }
a.top-nav-small:visited {  }
a.top-nav-small:hover { color: #5279a4; }

.news-link { font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #336699; }
a.news-link { } 
a.news-link:link { }
a.news-link:visited {  }
a.news-link:hover { color: #ff9e00; }

.right-menu-link { font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #7f0000; margin-top:10px; }
a.right-menu-link { } 
a.right-menu-link:link { }
a.right-menu-link:visited {  }
a.right-menu-link:hover { color: #ff9e00; }

.sitemaplinks { font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #666666; }
a.sitemaplinks { } 
a.sitemaplinks:link { }
a.sitemaplinks:visited {  }
a.sitemaplinks:hover { color: #ff9e00; }

.footer { font-family:Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color:#666666; }
a.footer { } 
a.footer:link { }
a.footer:visited {  }
a.footer:hover { color: #CCCCCC; }

.content { font-family:Arial, Helvetica, sans-serif; font-size: 1em; text-decoration: none; color:#5279a4; }
a.content { } 
a.content:link { }
a.content:visited {  }
a.content:hover { color: #ff9e00; }















.menu {
  padding:0; 
  margin:0; 
  list-style-type:none;
  white-space:nowrap;
  }
.menu li {
  float:left;
  min-width:100px;
  margin-right:1px;
  }
.menu a {
  position:relative;
  display:block; 
  text-decoration:none; 
  min-width:100px;

  float:left; 
  }
* html .menu a {
  width:100px;
  }
.menu a span {
  display:block;
  color:#666666;
  
  height:23px;
  width:199px;
  border:1px solid #fff; 
  border-width:0px 0px; 
  text-align:center;
  cursor:pointer;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  
  }
  
  .menu-off
  {
  background-image:url(../images/menu-background.jpg);
  }
  
   .plan-on
  {
  background-image:url(../images/plan-on-background.gif);
  color:#FFFFFF;
  }
  
  .plan-on a:hover span {
  color:#666666;
  background-image:url(../images/plan-on-background.gif);
  }
  
   .design-on
  {
  background-image: url(../images/design-on-background.gif);
  color:#FFFFFF;
  }
  
   .design-on a:hover span {
  color:#666666;
  background-image: url(../images/design-on-background.gif);
  }
  
     .build-on
  {
  background-image: url(../images/build-on-background.gif);
  color:#FFFFFF;
  }
  
   .build-on a:hover span {
  color:#666666;
  background-image:url(../images/build-on-background.gif);
  }
  
    
     .market-on
  {
  background-image: url(../images/market-on-background.gif);
  color:#FFFFFF;
  }
  
   .market-on a:hover span {
  color:#666666;
  background-image:url(../images/market-on-background.gif);
  }
  
    .menu-off a:hover span {
  color:#666666;
  background-image: url(../images/menu-background-on.jpg);
  }
  
  
  
  .text-on
  {
  color:#FFFFFF;
  
  }


  
* html .menu a span {
  width:100px; 
  cursor:hand; 
  
  }
.menu a b {
  display:block;
  
  
  
  }
.menu a em {
  display:none;
  
  }
.menu a:hover {
  
  }
.menu a:hover span {
  color:#666666;
  
  }
  
  .logo
{
margin-top:-14px;

}
.news
{
color:#336699;
font-size:12px;

}

dl, dt, dd {margin:0; padding:0;}



		/*
			Vertical Accordions
		*/
		
		
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 170px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			text-align:center;		
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
			
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  							
					
    /* Container styling*/

    
    #vertical_nested_container {
    
      width: 170px;
    }
  
  
#form-label
{
width:170px;
float:left;
padding-top:3px;
margin-left:11px;
}

#form-label-check
{
width:170px;
float:left;
padding-top:3px;
margin-left:5px;
}

#form-input
{

width:100px;
float:left;
margin-top:1px;
margin-left:5px;

}

#form-input-check
{

width:170px;
float:left;
margin-top:5px;
margin-left:5px;

}



#form-question-tab
{
width:155px;
float:left;
padding-left:20px;

}


#form-button-forward
{

width:200px;
float:left;
}
.form-button
{
margin-left:56px;
margin-top:8px;
}

#form-select
{
width:260px;
float:left;

}

#form-select-question
{
width:120px;
float:left;

}


#clear
{
clear:both;
height:5px;
overflow:hidden;

}

.text-input
{
width:150px;
height:12px;
font-family:Arial, Helvetica, sans-serif;
font-size: 9px;
	color:#666666;
}

.form-text{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
	color:#666666;
}

/* CSS Document */form {
padding:0px;
margin:0px;
}
