body {
	background: #2C2C2C url(../img/bg.jpg) repeat-x;	
	
}

a:active, button
{
  outline: none;
  -moz-outline-style: none;
}

:focus, button:focus
{
  -moz-outline-style: none;
}

:-moz-any-link:focus {
  outline: none;
}

#wrapper {
	width: 966px;
	margin: auto;
}

	#header {
		height: 27px;
		line-height: 27px;
		color: #999;
		padding-right: 20px;
		text-align: right;
	}
		#header a {
			text-decoration: none;
			color: #999;
		}

	.highlighted {
		display: inline;	
	}
	
	#logo {
		height: 108px;	
	}

	#logo img {
		position: relative;
		top: 27px;
		left: 27px;
	}	
	
	#logo #slogan {
		font-weight: lighter;
		text-align: right;
		padding-right: 20px;
		font-size: 1.5em;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	    float: right;
	    width: 500px;
	    height: 108px;
        line-height: 108px;
		margin-top: 0;		
	}	

		#logo #slogan em {
			font-style: normal;
			color: #f90;
		}		
	
	
	#menu {
		background: #333 url(../img/bg_menu.gif) repeat-x;
		border-top: black solid 1px;;
		border-left: black solid 1px;;		
		border-right: black solid 1px;;
		border-bottom: #333 solid 1px;;		
		height: 32px;
		width: 964px;;
		overflow: hidden;
	}
		#menu ul {
			padding: 0;
			margin: 0;
			list-style: none;
			font-family: 'Trebuchet MS';
			font-weight: bold;
			font-size: 14px;								
		}
			#menu li {
				display: block;
				float: left;
				border-right: #333 solid 1px;
				text-transform: uppercase;
				line-height: 33px;
			}
			
				#menu li a, #menu li a:link, #menu li span.active {
					text-decoration: none;
					color: #89A2A9;
					padding: 0 1.95em;																		
                    line-height: 33px;
                    display: inline-block;
				}
	
				#menu li a:hover {
					color: #F90;
				}

		#menu li.last { border: none; }

		#menu li span.active {
			text-align: center;
			background: transparent url(../img/bg_menu_active.gif) top center no-repeat;
			color: #f90;
		}


#page-header {
	width: 100%;
	height: 100px;
	overflow: hidden;
	background: #111 url(../img/bg_promo.jpg) no-repeat;
}

#page-header h1 { 
	color: white;
	font-size: 2.5em;
	font-weight: normal !important;	
	padding-right: 2em;
	padding-top: 1.1em;	
	float: right;
}

#page-header h1 .icon { 
	position: relative;
	padding-right: 0.2em;
	top: 0.3em;
}

#page-header .back { 
	float: left;
	padding-left: 40px;
}

#promo {
	height: 248px;
	overflow: hidden;
    /*
	background: #111 url(../img/loading.gif) center 50px no-repeat !important;	
    */
}

#content {
	background: #101010 url(../img/bg_content.gif) repeat-x;
}
	#content .col {
		display: block;
		float: left;
		width: 33.2%;
	}
	#content .wide-col {
		display: block;
		float: left;
		width: 49%;
	}
	#content .wide-col .buttons {
      width: 210px;
      margin: auto;
	}
	#content .wide-col .single-button {
      width: 90px;
      margin: auto;
	}

	#content .wide-col .text {
      text-align: center;
      margin: auto;
	}
	
	.width66 {
    width: 66% !important;
	}

	.width33 {
    width: 33% !important;
	}	

	.width50 {
    width: 49% !important;
	}	
	
	#content .text-container {
			padding: 3em 0;		
			padding-bottom: 4em;
	}
	
	#content .text {
		font-size: 0.9em;
		padding: 2em 3em;		
		border-right: solid 1px #333;		
		min-height: 270px;
	}
		#content .first {	
			padding-left: 4em;		
		}	
		
		#content .last {	
			padding-right: 4em;				
			border: none;
		}

.col66 {
  width: 62%;
  padding-right: 1%;
  float: left;
}

.col33 {
  width: 37%;
  float: left;
}

.col33 {
}

.col33 ul {
  list-style-image: url(../img/arr.gif);
}

.col33 ul h4 {
  text-decoration: underline;
}

.col33 ul .date {
  font-size: 0.7em;
  text-decoration: none !important;
  color: #999;
}

.col66 .text-container {
  padding: 2em 3em !important;
}

.last {
  padding: 0;
}


.clearer { clear: both; }

#copyright {
	height: 36px;
	background: #333 url(../img/bg_copyright.gif) repeat-x;
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;	
	font-size: 0.9em;
	color: #666;
}

	#copyright .col {
		padding: 0.75em 1em;	
	}

	a.addthis {
		float: left;
		color: #666;		
		text-decoration: none;
		display: block;
		height: 16px;
		padding-left: 2em;	
		margin-top: 1px;			
		line-height: 18px;
		background: transparent url(../img/btn_share.gif) no-repeat;
	}
	
	a.addthis:hover {
		color: #999;
		background: transparent url(../img/btn_share.gif) 0px -16px no-repeat;
	}

	#copyright #copy {
		float: left;
		color: #666;
		text-transform: uppercase;
		padding-left: 19em;	
		line-height: 18px;
	}
	
	#copyright a#rad3 {
		float: right;
		color: #666;
		text-transform: lowercase;
		font-size: 80%;
		text-decoration: none;
		padding-right: 6em;	
		background: transparent url(../img/logo_rad3.gif) top right no-repeat;		
		height: 36px;
	}


#footer {
	background: transparent url(../img/bg_footer.jpg) repeat-x;
	height: 387px;
	color: #999;
}

	#footer .col {
		width: 33%;
		border: none;
		float: left;
	}
	
	#footer .sitemap, 	#footer .partners, 	#footer .offices{
		padding: 1em 2em;
	}
	#footer .sitemap .active {
      color: #f90;
    }
	
	#footer ul {
		list-style: none;
		font-size: 90%;
		padding: 0;
		margin: 0;
	}

	#footer .partners ul {
		padding-bottom: 1.5em;
	}


	#footer ul li {

	}

		#footer a {
			color: #999;
			line-height: 1.5em;			
			text-decoration: none;
		}
			#footer a:hover {
				color: #f90;
			}

		#footer li.active {
			color: #f90;
		}

	#footer .partners {
		padding-left: 3em;
	}		

	

	#footer .offices {
		padding-left: 3em;
		margin-top: -0.5em;
	}		
	
	#footer .offices li {
		padding-bottom: 2em;
	}			
	
	#footer .offices h5 {
		padding: 0;
		margin: 0;		
		color: #999;
		font-weight: bold;
	}				
	
	ul.contact {
		padding-bottom: 1em;
	}
		ul.contact li {
			float:left;
			width: 49%;
			padding-bottom: 2em;
		}
		
	#screenshots-container {
		background: black url(../img/bg_screenshots_panel.gif) repeat-x;
		padding: 4px;
        height: 91px;
	}
    #screenshots-container .product-icon {
      display: inline-block;
      width: 182px;
      text-align: center;
      padding-top: 4px;
      vertical-align: top;
    }
	
		#screenshots-container #thumbs img {
			padding: 4px;
			border: none;
			filter:alpha(opacity=50); 
			-moz-opacity: 0.5; 
			opacity: 0.5;
		}
	
		#screenshots-container #thumbs a:hover img, #screenshots-container img.selected, #screenshots-container .active img {
			padding: 3px;
			border: dashed 1px #3c3c3c;
			filter:alpha(opacity=100) !important;   
			-moz-opacity: 1.0 !important;   
			opacity: 1.0 !important;
		}	

.screenshot {
}


#feature-nav {
	border-top: solid 1px #3c3c3c;
	padding: 1em 0 0 0;
}

#feature-nav a {
	display: block;
	text-decoration: none;
}

#feature-nav a:hover h3 {
	color: #f90;
}

#feature-nav a h4 {
	display: inline;
}

#feature-nav a {
	float: left;
}

#feature-nav a.next {
	float: right;
	text-align: right;
}

/* BUTTONS */

a.button { 
  display: block;
  float: left; 
  cursor: pointer; 
  margin: 1.5em 0;
  margin-right: 1em;
  padding: 0 19px 0 0; 
  text-align: center; 
  height: 19px;
  width: 75px;
  font-weight: bold;
}
	a.button div { 
	  white-space: nowrap; 
	  padding: 0 0 0 19px; 
	}
	a.button span { 
      display: block;
	  white-space: nowrap; 
	  padding: 0 0 0 19px; 
	}

/*blue buttons*/
a.login-button { 
  display: block;
  text-decoration: none;
  background: transparent url(../img/bg_button_right.gif) right top no-repeat; 
  font-size: 1em; 
  color: #666;
}
	a.login-button div { 
	  display: block;
	  height: 19px; 
	  line-height:19px;
	  background: transparent url(../img/bg_button_left.gif) left top no-repeat;
	}
	a.login-button span { 
	  height: 19px; 
	  line-height:19px;
	  background: transparent url(../img/bg_button_left.gif) left top no-repeat;
	}

a.login-button:hover {
	background: url(../img/bg_button_right.gif) right bottom no-repeat; 
	color: #fff;	
}
	a.login-button:hover div {
		background: url(../img/bg_button_left.gif) left bottom no-repeat; 
	
	}
	a.login-button:hover span {
		background: url(../img/bg_button_left.gif) left bottom no-repeat; 
	
	}

.col50 {
	float: left;
	width: 50%;
	padding: 0;
	margin-bottom: 1em;
}

.partners .news {
	padding-bottom: 3em;	
}
.partners .news h2 img {
  margin-left: 14px;
}

#contentArea {
	padding-top: 1.33em;	
    width: 455px;
    float: right;
}


/* TEMP */
.width50 .first {
  font-size: 1.1em !important;
  line-height: 1.5em !important;
}

.loud { 
  /*color: #6797CF;*/
}

.email a {
  text-decoration: underline !important;
}

img.reflected {
  width: 400px;
}

img#screenshotArea {
  width: 400px;
  height: 300px;
}

.alignright {
  display: inine-block;
}

a.pdf {
  display: block;
  float: right;
  position: relative;
  background: transparent url(../img/pdficon.gif) top left no-repeat;
  padding-left: 30px;
  width: 169px;
  height: 24px;
  line-height: 24px;
  margin-top: -6px;
}
#feature-nav a {
  font-size: 1.45em;
  margin-bottom: 0.5em;
  color: #89A2A9;
}
#feature-nav a:hover {
  color: #f90;
}
#feature-nav a.next-link {
  float: right;
  text-align: right;
}
.product-screenshot {
  height: 360px;
  overflow: visible;
  width: 380px;
  float: left;
  padding: 1em 3em 0 1em;
}

.product-details {
  margin-bottom: 2em;
}