body
{
  background-color: #090A0A;
  font-family: arial;
  font-size: 12px;
  text-align: left;

  margin: 0px;
}

p
{
  margin: 0px;
}

a
{
  color: #418da5;

  line-height: 16px;
  text-decoration: underline;
}

a:hover
{
  text-decoration: underline;
  color:#8dd6ed;
}

a.imageButton, 
a.clickable
{
  cursor: pointer;

}

a.clickable
{
	display: block;
}

div.imageHolder, 
div.portrait
{
  background-color: #c8c9ca;
  font-size: 1px;
  line-height: 1px;

  padding: 3px;
}

div.center
{
	margin: 0px auto;
}

div.contentArea ul
{
	line-height: 18px;
	list-style-position: inside;
	list-style-type: disc;
	
	margin: 5px 0px;
}

.script
{
	display: none;
}

.js .script
{
	display: block;
}

/*
 *  Layout.
 */

div.containerTile
{
	background-position: bottom;
  background-repeat: repeat-x;
  text-align: center;
}

div.containerBG, 
div.container
{
	text-align: left;

  margin: 0px auto;
}

div.containerBG
{
	background-position: center bottom;
  background-repeat: no-repeat;

	width: 1200px;
}

div.container
{ 
  width: 996px;
}

div.container div.padding
{
  padding: 0px 23px 0px 36px;
}

/*
 *  Nav Area.
 */

div#navArea, 
div#navArea div.containerBG, 
div#navArea div.container
{
	height: 107px;
}

div#navArea
{
  background-color: #070808;
  background-image: url("../images/tiles/nav.gif");
}

div#navArea div.containerBG
{
	background-image: url("../images/gradients/nav.jpg");
}

div#navArea div.container div.padding
{
  padding: 0px 23px 0px 0px;
}

div#siteLogo
{
  float: left;

  padding: 24px 0px 0px 23px;
}

div#navArea h1
{
	color: #5e5e5e;
	float: right;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: -0.5px;
	text-align: right;

	margin: 40px 4px 0px 0px;

	width: 200px;
}

ul#siteNav
{
  float: right;
  
  margin: 69px 0px 0px 0px;
  
  width: 475px;
}
  
  ul#siteNav li
  {
    float: left;
    
    padding: 0px 0px 0px 0px;
    
    height: 38px;
  }
  
  ul#siteNav li a
  {
    background-position: left;
    background-repeat: no-repeat;
    display: block;
    
    height: 38px;
  }
  
  ul#siteNav li a:hover
  {
    background-position: right;
  }
  
    /*
     *  Individual links.
     */
     
    li#navHome
    {
      width: 65px;
    }
    
    li#navHome a
    {
      background-image: url("../images/nav/home.gif");
    }
    
    li#navRequest
    {
      width: 123px;
    }
    
    li#navRequest a
    {
      background-image: url("../images/nav/request.gif");
    }
    
    li#navClients
    {
      width: 73px;
    }
    
    li#navClients a
    {
      background-image: url("../images/nav/clients.gif");
    }
		
		li#navFeatures
    {
      width: 83px;
    }
    
    li#navFeatures a
    {
      background-image: url("../images/nav/features.gif");
    }
    
    li#navPricing
    {
      width: 69px;
    }
    
    li#navPricing a
    {
      background-image: url("../images/nav/pricing.gif");
    }
    
    li#navContact
    {
      width: 62px;
    }
    
    li#navContact a
    {
      background-image: url("../images/nav/contact.gif");
    }
    
/*
 *  Header Area.
 */

div#headerArea, 
div#headerArea div.containerBG, 
div#headerArea div.container
{
	height: 307px;
}

div#headerArea
{
  background-color: #0b1620;
  background-image: url("../images/tiles/header.gif");
  color: #ffffff;
  line-height: 18px;
}

div#headerArea div.containerBG
{
	background-image: url("../images/gradients/header.jpg");
}

div#headerArea div.container div.padding
{
	padding: 16px 23px 0px 36px;
}

div#headerArea div#intro
{
  float: left;

  padding: 40px 0px 0px 0px;

  width: 462px;
}

div#headerArea div#intro 
{
	font-size: 14px;
}


div#headerArea div#intro a 
{
	color: #68b7d0;
	font-size: 16px;
}

div#headerArea div#intro a:hover
{
	color: #8ecfe4;
}

div#headerArea div#flashVideo
{
  float: right;
  
  width: 429px;
  
  margin: 0px 12px 0px 0px;
}

div#headerArea h2
{
	margin: 0px 0px 10px 0px;
}

/*
 *  Folio Area.
 */

div.loader
{
	display: none;
	position: absolute;
	
	right: 0px; 
	top: 0px;
	
	height: 432px; 
	width: 200px;  
}

div#folioAreaPane
{
	/*overflow: hidden;*/
	
	height: 432px;
	min-width: 1200px;
}

div#folioArea, 
div#folioArea div.containerBG, 
div#folioArea div.container
{
	height: 432px;
}

div#folioArea
{
  background-color: #0b1620;
  background-image: url("../images/tiles/folio.gif");
  color: #ffffff;
  line-height: 18px;
}

div#folioArea div.containerBG
{
	background-image: url("../images/gradients/folio.jpg");
}

div#folioArea div.container div.padding
{
	padding: 16px 23px 0px 36px;
}

div#folioArea div#intro
{
  float: right;

  padding: 11px 46px 0px 0px;

  width: 308px;
}

div#folioArea div#clientScreen
{
  float: left;
  
	border: 3px solid #00a9c6;
  margin: 0px 0px 0px 0px;
	
	height: 396px;
	width: 555px;
}

div#folioArea div.contentArea
{
	padding: 0px 0px 15px 0px;
}

div#folioArea div.contentArea ul
{
	font-size: 11px;
}

div#folioArea h2
{
	margin: 0px 0px 0px 0px;
}

div#folioArea h4
{
	font-size: 12px;

	margin: 0px 0px 6px 0px;
}

/*
 *  Demo Area.
 */
 
div#demoArea, 
div#demoArea div.containerBG, 
div#demoArea div.container
{
	background-color: #ffffff;
	background-image: url("../images/tiles/demo.gif");
	background-position: bottom;
	background-repeat: repeat-x;	
  
  height: 68px;
}

div#demoArea div.container
{
	background-color: #ffffff;

  /*padding: 6px 0px 0px 0px;*/
}

div#demoArea div.container div.padding
{
  padding: 16px 23px 10px 36px;
}

div#demoArea a
{
	float: right;
	
	margin-right: 136px;
	_margin-right: 150px;
}

/*
 *  Bar Area.
 */
 
div#barArea, 
div#barArea div.containerBG, 
div#barArea div.container
{
	background-color: #ffffff;
	background-image: url("../images/tiles/bar.gif");
	background-position: bottom;
	background-repeat: repeat-x;

	height: 50px;
}

div#barArea div.container
{
	background-color: #ffffff;

  /*padding: 6px 0px 0px 0px;*/
}

div#barArea div.container div.padding
{
  padding: 16px 0px 10px 0px;
}

div#barArea a
{
	float: left;
}

/*
 *  Main Area.
 */

div#mainArea
{
  /*margin: 0px 0px 6px 0px;*/
}

div#mainArea div.container div.padding
{
  padding: 29px 23px 10px 36px;
}

div#mainArea, 
div#mainArea div.containerBG, 
div#mainArea div.container
{
	background-color: #ffffff;
}

/*
 *  Modules Area.
 */

div#modulesArea, 
div#modulesArea div.containerBG, 
div#modulesArea div.container
{
	height: 187px;
}

div#modulesArea
{
  background-image: url("../images/tiles/modules.gif");
  color: #ffffff;
  line-height: 18px;
}

div#modulesArea div.containerBG
{
  background-image: url("../images/gradients/modules.jpg");
}

div#modulesArea div.container div.padding
{
  padding: 20px 23px 10px 36px;
}

  div#modulesIntro
  {
    float: left;
  
    width: 280px;
  }
  
    div#modulesIntro p
    {
      margin: 6px 0px 0px 0px;
    }
    
    div#modulesIntro_padding
    {
      padding: 0px 40px 0px 0px;
    }
  
  div#moduleListing
  {
    float: left;
    font-size: 12px;
    
    border-right: 1px solid #527c99;
    
    width: 443px;
  }
  
    ul#moduleList1, 
		ul#moduleList2
    {
      float: left;
      list-style: disc inside;
      
      margin: 4px 0px 0px 0px;
      padding: 0px 0px 0px 50px;
    }
    
    ul#moduleList1
    {
      padding: 0px 0px 0px 0px;
    }
    
  div#whatsNextSection
  {
    float: left;
  
    margin: 0px 0px 0px 24px;
		
		width: 158px;
  }
  
    a#seeOurPricingOptions
    {
      margin: 0px 0px 2px 0px;
    }
  
/*
 *  Footer Area.
 */

div#footerArea, 
div#footerArea div.containerBG, 
div#footerArea div.container
{
	background-color: #090a0a;
	padding: 18px 30px 23px 36px;
}


div#footerArea
{
	position: relative;
	
	bottom: 0px;
}

div#footerArea a
{
  color: #7d93a3;
}

  ul#metaLinks
  {
    float: left;
  }
  
    ul#metaLinks li
    {
      background-image: url("../images/separators/metaLinks.gif");
      background-position: left 4px;
      background-repeat: no-repeat;
      float: left;
      font-size: 11px;
      
      padding: 0px 15px 0px 15px;
    }
    
    ul#metaLinks li:first-child, 
		ul#metaLinks li.first-child
    {
      background: none;
      
      padding: 0px 15px 0px 0px;
    }
    
  div#credits
  {
    color: #e2dede;
    float: center;
    font-size: 11px;
    
    padding: 0px 11px 0px 0px;
  }
  
  a.weblink
  {
    color: #e2dede;
    text-underline: none;
  }

/*
 *  Pages - Index.asp.
 */

div#content
{
  border-right: 1px solid #d2d2d2;
  float: left;

  width: 722px;
}

div#content_padding
{
  padding: 0px 26px 0px 0px;
}

  div#contentTop
  {
    border-bottom: 1px solid #d2d2d2;
    padding: 0px 0px 18px 0px;
  }
  
    div#contentTopText
    {
      float: left;
      
      width: 650px;
    }
    
	div#contentTopText p{
		font-size:14px;
		color:#636363;
		line-height:22px;
	}
	
    div#clientTypes
    {
      float: left;
      
      margin: 0px 0px 0px 30px;
			
			width: 248px;
    }
		
		div#clientTypes ul li
    {
			list-style-image: url("../images/icons/bulletBlueOnWhite.gif");
			list-style-position: inside;
		}
    
  div#features
  {
    padding: 26px 0px 0px 0px;
  }
  
  div#features h3
  {
    color: #144d60;
    font-size: 12px;
    line-height: 16px;
    
    margin: 12px 0px 0px 0px;
  }
  
  div#features p
  {
    color: #464444;
    font-size: 12px;
    line-height: 16px;
  
    margin: 6px 0px 0px 0px;
  }
  
  ul#featureList li
  {
    float: left;
    
    padding: 0px 0px 40px 54px;
    
    height: 260px;
    width: 196px;
  }
  
  ul#featureList li.row
  {
    padding: 0px 0px 40px 0px;
  }
  
div#testimonials
{
  float: right;
  
  width: 213px;
}

div#testimonials_padding
{
  padding: 0px 0px 0px 17px;
}

  ul#testimonialList li
  {
    padding: 0px 0px 37px 0px;
  }

  div.portrait
  {
    background-color: #d3d3d3;
    float: left;
  }
  
  div.comments
  {
    float: left;
    
    width: 135px;
  }
  
  div.comments div.padding
  {
    padding: 0px 0px 0px 13px !important;
  }
  
  div#testimonials blockquote
  {
    color: #646464;
    font-size: 13px;
    font-style: italic;
    line-height: 18px;
    
    margin: 0px 0px 10px 0px;
    padding: 0px;
  }
  
  h3.clientName
  {
    color: #646464;
    font-size: 11px;
    line-height: 20px;
    
    margin: 0px;
    padding: 0px;
  }
  
  span.company
  {
    color: #646464;
		font-size: 11px;
  }
	
/*
 *  Pages - Portfolio.asp.
 */

ul#clientList li
{
	float: left;
	text-align: center;
	
	padding: 0px 0px 40px 14px;
	
	height: 109px;
	width: 175px;
}

ul#clientList li.row
{
	padding: 0px 0px 40px 0px;
}

ul#clientList h3
{
	color: #324053;
	font-size: 11px;
	
	margin: 8px auto 0px auto;
}

/*
 *  Pages - Pricing.asp.
 */

/*
 *  Pricing Form.
 */

div#form
{
	float: left;
	
	border-right: 1px solid #d2d2d2; 
	width: 589px; 
}

div#formPadding
{
	padding: 0px 43px 0px 0px;
}

div#form table
{
	border: 0px;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	
	width: 100%;
}

div#form table.left
{
	margin: 0px 0px 0px 0px;
}

div#form div.hr, div#formBottom div.hr
{
	background-color: #d5d5d5;
	
	margin: 15px 0px 10px 0px;
}
/*---*/
h3
{
	color: #324053;
	font-size: 12px;
	
	margin: 15px 0px 10px 0px;
}

input.inputText, select, textarea
{
	font-size: 11px;

	border: 1px solid #d8d7dd;
	padding: 5px;

	width: 300px;
}

select
{
	width: 394px;
}

textarea
{
	height: 152px;
	width: 300px;
}

input.small
{
	width: 84px;
}

input.inputSpacing
{
	margin: 0px 0px 8px 0px;
}

td, th
{
	vertical-align: top;
}

td
{
	padding: 3px 0px 3px 0px;
}

th
{
	color: #35393e;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	
	padding: 7px 11px 3px 0px;
	
	width: 130px;
}

label
{
	position: relative;
	top: -2px;

	padding: 0px 0px 0px 5px;
}
/*---*/
table.left th
{
	text-align: left;
}

ul.ballparkList
{
	color: #000000;
	font-size: 11px;
}

div#form span.moveUp
{
	color: #000000;
	font-size: 11px;
}

span.moveUp
{
	position: relative;
	
	top: -2px;
}

div#ballparkInfo
{
	color: #35393e;
}


div#something
{
	float: right;
	
	width: 347px; 
}

div#somethingPadding
{
	padding: 10px 0px 0px 10px;
}


div#formBottom
{
	text-align: center; 
	
	padding: 20px 0px 0px 0px;
}

div.legal
{
	color: #848484;
	font-size: 10px;
	
	padding: 10px 0px 14px 0px;
}

div#loader img
{
	display: none;
}

/*
 *  Pages - Features.asp.
 */

body#features div#content
{
	border: 0px;
}

ul#detailedFeatureList
{
	border-bottom: 1px solid #D2D2D2;
	margin: 0px;
	padding: 0px 0px 8px 0px;
}

ul#detailedFeatureList li
{
	padding: 0px 0px 0px 0px;
	
	height: 170px;
}

ul#detailedFeatureList li div.imageHolder
{
	float: left;
}

ul#detailedFeatureList li div.featureContent
{
	float: left;

	margin: 0px 0px 0px 25px;

	width: 262px;
}

ul#detailedFeatureList li h3
{
	margin: 8px 0px 8px 0px;
}

ul#detailedFeatureList li p
{
	color: #35393e;
	font-size: 11px;
	line-height: 16px;
}

ul#detailedFeatureList li ul.featurePoints
{
	float: left;

	margin: 6px 0px 0px 45px;

	width: 160px;
}

ul#detailedFeatureList li ul.featurePoints li
{
	/* Reset styles since we're dealing with nested list elements. */
	height: auto;
	
	color: #418da5;
	font-size: 12px;
	line-height: 22px;
	list-style-type: disc;
	list-style-position: inside;
}

div#featuresBottom
{
	text-align: center;

	margin: 0px auto;
	padding: 20px 0px 20px 0px;
	
	width: 440px;
}

div#featuresBottom h2.sifr_MetaBoldSectionMain
{
	float: left;
	width: 90px;
}

div#featuresBottom a.imageButton
{
	float: left;

	margin: 0px 0px 0px 10px;

	width: 158px;
}

/*
 *  Request a Demo.
 */

div#container
{
	margin: 0px auto;

	width: 460px;
}

body.greybox
{
	background-color: #FFFFFF;
}

body.video, 
body.video div#container
{
	width: 511px;
}

body.greybox h3
{
	margin: 22px 0px 12px 0px;
}

div.ballDottedLinePort {
	background-image: url(../images/tiles/line_dotted_long.gif); 
	background-position: left bottom; 
	background-repeat: repeat-x;

	padding: 0 0 1px 0;
}

form#ballpark
{
	margin: 0px;
}

form#ballpark table {
	margin: 15px 0;
	color: #3d3e43;
	font-size: 11px;
}

form#ballpark table tr td {
	font-size: 11px;
}

form#ballpark table tr td select {
	width: 160px;
	border: 1px solid #bec5cd; 
	font-size:11px;
}

form#ballpark table tr td select#websiteEstimate { 
	width: 90px;
}


textarea.inputBallparkArea {
	width: 300px;
	border: 1px solid #bec5cd;
	height: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

div#ballparkInfo {
	padding: 15px 0 0 5px;
	font-size: 11px;
}

h4.design {
	font-size: 12px;
	color: #d79d00;
	padding: 0 0 5px 0;
	margin: 0;
}

h4.develop {
	font-size: 12px;
	color: #dc0000;
	padding: 0 0 5px 0;
	margin: 0;
}

h4.strategy {
	font-size: 12px;
	color: #007ac0;
	padding: 0 0 5px 0;
	margin: 0;
}

h4.other {
	font-size: 12px;
	color: #404040;
	padding: 0 0 5px 0;
	margin: 0;
}

ul.ballparkList {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

ul.ballparkList li {
	font-size: 11px;
	color: #696a6d;
	margin: 5px 0;
	padding: 0;
}

ul.ballparkList li input {
	margin-right: 5px;
}

div#legal {
	font-size: 10px;
	color: #808184;
	padding: 15px 5px 10px 5px;
}

div.ballDottedLineServ {
	background: url(../images/line_dotted_long.gif) bottom left no-repeat;
	padding: 0 0 1px 0;
	margin: 0 0 20px 0;
}

a#cancelRequest
{
	display: inline-block; 
	line-height: 36px;
	vertical-align: top;
	
	padding: 0px 5px;
}

a#closeWindow
{
	text-align: center;
	
	padding-top: 20px;
}