/* CSS Document */

*, .x {												
border: 0;
outline: 0;
padding:0;
margin:0;
}



img, div { behavior: url(iepngfix.htc) }



body {
background:#FCFCFC;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:0;
padding:0;
color:#000;
}

hr {
display:block;
border-left:none;
border-bottom:1px solid #E5E5E5;
border-right:none;
border-top:none;
margin:5px 0 25px 0;

}

ul {
margin:5px 0 20px 0;
padding:0;
list-style:none;
}


/*------------------------ Font styles ------------------------------------*/

h1, h2, h3, h4, h5, h6 { 
font-weight: bold; 
margin-bottom: 0;
padding-bottom:3px;
margin-top: 0;
padding-top:0;
}

h1 {  font-size: 2.00em; 	}
h2 {  font-size: 1.8em;  	}
h3 {  font-size: 1.40em; 	}
h4 {  font-size: 1.30em; 	}
h5 {  font-size: 1.20em; 	}
h6 {  font-size: 1.20em; 	}


p {
line-height:140%;
padding:0;
margin:5px 0 20px 0;
}


.Intro {
font-size:1.25em;
font-weight:bold;
}

.Medium{
font-size:1.20em;
}

.HighlightText{
background:#FFFFCC;
font-weight:bold;
padding:2px;
}

/*links*/

a, a:visited {
color: #990000;
text-decoration:underline;
}

a:hover {
text-decoration:none;
color: #990000;
}

a img {
border:none;
}


input {
border:1px solid #ccc;
padding:3px;
}

label {
font-weight:bold;
}

ul.TickList {
float:left;
margin:10px 0 30px 0;
padding:0;
list-style:none;
width:100%;
font-size:1.1em;
}

ul.TickList  li{
background:url(images/feature_tick.gif) no-repeat left top;
padding:5px 0 5px 30px;
margin:0;
}
	
/*------------------------ Main Containers ------------------------------------*/

.HeaderRow{
width:100%;
behavior: url(iepngfix.htc);
background:url(images/header.png) repeat-x left top;
height:141px;
}

.HeaderContainer {
width:950px;
margin:0 auto 0 auto;
text-align:left;
}

.HeaderContent {
float:left;
width:100%;
}

div#Logo {
float:left;
padding-left:10px;
behavior: url(iepngfix.htc);
background:url(images/logo.png) no-repeat;
width:188px;
height:145px;
display:block;

}


.HeaderNav {
float:right;

}
	.HeaderNav ul {
	margin:50px 60px 0 20px;
	padding:0;
	
	}
	
	.HeaderNav ul li {
	list-style: none;
	font-size:1.40em;
	font-weight:bold;
	display:inline;
	margin:5px;
	}
	
	.HeaderNav ul li a, .HeaderNav ul li a:visited {
	color:#fff;
	padding:10px;
	text-decoration:none;
	display:block;
	float:left;
	
	}
	
	.HeaderNav ul li a:hover {
	background:#fff;
	color:#CC0000;
	text-decoration:none;
	}
	
	.HeaderNav ul li a.selected  {
	background:#FFFFAE;
	color:#000!important;
	text-decoration:underline;
	}
	
	
	.HeaderNav ul li a.selected:hover {
	background:#fff;
	color:#000;
	text-decoration:underline;
	}

.Wallpaper {
width:100%;
background:url(images/wallpaper.jpg) repeat-x bottom left;
float:left;
}

.WallpaperContainer {
width:800px;
margin:0 auto 0 auto;
text-align:left;
}

.HeaderSubContent {
width:100%;
float:left;
behavior: url(iepngfix.htc);
padding:10px 0 20px 0;
background: url(images/head.png) no-repeat  bottom right;

}

.HeaderSubContent p{
padding-right:120px;
}

.Container {
width:800px;
margin:0 auto 0 auto;
text-align:left;
}




.MainImage {
width:100%;
height:332px;
behavior: url(iepngfix.htc); 
background: url(images/home_message.png) no-repeat center bottom;
}


.MainImage p{
text-indent:-9000px;
display:block;
width:100%;
height:200px;
float:left;
padding:0;
margin:0;
}

.MainImage h1 p{
text-indent:-9000px;
display:block;
height:150px;
width:400px;
}


.BodyRow{
float:left;
width:100%;
padding:20px 0 20px 0;
background:#fff;
}

.BodyContent {
width:800px;
margin:0 auto 0 auto;
text-align:left;
}

.HighLightBanner {
background:#FFFFCC;
padding:10px 0 10px 0;
float:left;
text-align:center;
font-weight:bold;
width:100%;
margin:0 0 20px 0;
}

.HighLightBanner p{
font-size:1.3em;
padding:0;
margin:0;
}

.HighLightBanner span{
font-size:1.45em;
}



.BodyContentRow {
width:800px;
float:left;
}

.BodyContentRowLeft {
width:380px;
float:left;
margin-right:20px;
}

.BodyContentRowRight {
width:380px;
float:left;
}


	.HomeFeaturesBox {
	width:100%;
	float:left;
	background:#FCFCFC;
	padding:20px 0 0 0;
	margin:30px 0 30px 0;
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	}

	.HomeFeaturesBox h2, .HomeFeaturesBox h3, .HomeFeaturesBox p {
	padding-left:10px;
	}
	
	.HomeFeaturesBox ul{
	width:260px;
	float:left;
	margin:10px;
	list-style:none;
	}
	
	.HomeFeaturesBox ul li{
	background:url(images/feature_tick.gif) no-repeat left top;
	padding:5px 0 5px 30px;
	font-size:1.00em;
	}
	
	div.HomeIntroQuestionsCol {
	width:45%;
	float:left;
	}
	
	div.HomeIntroQuestionsColLeft {
	margin-right:5%;
	}
	


.FeaturesMain{
float:left;
width:100%;
margin-bottom:30px;
border-bottom:1px solid #E5E5E5;
}

.FeaturesMain h3{
margin-top:0;
padding-top:0;
}

.FeaturesMainScreen{
float:left;
width:250px;
margin-bottom:20px;
}

.FeaturesMainInfo{
float:left;
width:550px;
}




.ScreenShots {
float:left;
width:100%;
margin:20px 0 20px 0;
}

	.ScreenShotsFeature {
	float:left;
	width:224px;
	margin-left:30px;
	}
	

		
		.ScreenShotsFeature img, .FeaturesMainScreen img{
		padding:5px;
		background:#FCFCFC;
		margin-bottom:10px;
		}
		
		
		.ScreenShotsFeature a img, .FeaturesMainScreen a img {
		border: 1px solid #E0E0E0;
		}
		
		.ScreenShotsFeature a:hover img, .FeaturesMainScreen a:hover img {
		border: 1px solid #990000;
		}





.FooterRow{
float:left;
width:100%;
padding:20px 0 20px 0;
background:#FCFCFC url(images/footer.jpg) repeat-x top left;
}

.FooterContent {
width:800px;
margin:0 auto 0 auto;
text-align:left;
}

.FooterContent a{
color:#999;
}


.FooterContent h3{
		color:#999;
		font-size:1.20em;
		font-weight:bold;
		margin:10px 0 10px 0;
		}
		
		.FooterContent p{
		color: #999;
		font-size:0.80em;
		}
		
		.FooterContent ul{
		padding:10px 0 10px 0;
		margin:0 20px 0 0;
		list-style:none;
		float:left;
		width:180px;
		
		}
		
		.FooterContent ul li{
		margin-right:15px;
		vertical-align:middle;
		color: #999;
		}


<!-- slider -->


div#glider {
float:left;
width:800px;
margin: 20px 0 20px 0;
}

div.scroller { 
	width: 600px; 
	overflow: hidden;
	float:left;
	
	}
	div.section {
		width:580px;
		overflow:hidden;
		float:left;
		margin-right:20px;		
		}
		
			
			div.section img{
			background:#fcfcfc;
			border:1px solid #cccccc;
			padding:5px;
			margin-bottom:10px;
			}
			
			div.section p, div.section h3 {
			}
		
 div.content {
		width: 10000px;

		}

	div#section2 {
		color:#ffffff;
		}

div.controls {
width:198px;
float:right;
background:#fcfcfc;
padding:10px 0 10px 0;
margin:0 0 20px 0;
}

div.controls h3{
padding:0 10px 0 10px;
margin:0;
}


	div.controls ul{
	width:168px;
	padding:0 0 0 10px;
	
	}

	div.controls ul li{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	}
	
	div.controls ul li a{
	display:block;
	padding:6px 0 6px 20px;
	}
	
		div.controls ul li a:hover{
	display:block;
	padding:6px 0 6px 20px;
	background:url(images/view.jpg) no-repeat left 5px; 
	}




/*-- Compare--*/



.CompareTable {
	padding: 0;
	margin:  20px 0 10px 0;
	width: 100%;
	border: 0;
	color:#666;
	font-size:12px;
	}

.CompareTable th {
	text-align:left;
	color:#0065D7;
	padding: 7px;
	font-size:16px;
	font-weight:bold;
	}

.CompareTable td {
	padding: 7px;
	vertical-align: top;
	border-bottom:1px solid #ccc;
	}
	

.CompareTable img{
margin-right: 5px;
}


	td.tHeaderSmall {
		color: #fff;
		font-weight: bold;
		background:#990000 url(images/header.jpg) repeat-x left top;
		padding: 5px;
		}
		
		td.tHeaderSub {
		color: #333;
		font-weight: bold;
		background-color: #F7F7F7;
		padding: 5px;
		border-bottom:1px solid #ccc;
		}
	
	td.tLeftColumn {
		font-weight:bold;
		color:#333;
		width:160px;
		font-weight:bold;
		}
		
		
	td.tAltRow {
	background:#f4f4f4;
	}


.HighlightTable {
font-size:22px;
font-weight:bold;
color:#669900;
}

.HighlightTitle {
font-size:18px;
font-weight:bold;
color:#fff;
}

.HighlightCol {
background:#F9FCFF;
}


.narrowcolumn {
width:600px;
margin-right:20px;
float:left;
}


.widecolumn {
width:100%;
float:left;
}

.post {
border-bottom:1px solid #e4e4e4;
margin-bottom:30px;
padding-bottom:20px;
float:left;
width:518px;
}

.widecolumn .post{
width:100%;
float:left;
}

.comments {
float:left;
background:url(images/comment_box.png) no-repeat 10px bottom;
padding-bottom:16px;
}

.comments a{
text-decoration:none;
}

.comments span{
float:left;
background:#f7f7f7;
padding:5px;
}

.Avatar {
float:left;
margin-right:20px;
}


ul.commentlist li {
border-bottom:1px solid #e4e4e4;
padding-bottom:20px;
margin-bottom:20px;
}

.Avatar img{
background:#ccc;
padding:4px;
background:#f7f7f7;
}

.PostComment {
float:left;
width:500px;
}

.entry {
float:left;
width:100%;
margin-bottom:20px;
}


.postmetadata {
float:left;
width:100%;
}

.author {
float:left;
width:100%;
font-weight:bold;
}

.post-date {
float:left;
width:62px;
height:51px;
text-align:center;
margin:0 20px 0 0;
background:url(images/post_it_date.png) no-repeat;
}

.month {
color:#CC0000;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
float:left;
padding:6px 0 0 0;
width:100%;
}

.day {
color:#666;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
float:left;
padding:0 0 3px 0;
width:100%;
line-height:90%;
}


#sidebar {
width:160px;
float:left;
}


#sidebar h2{
font-size:1.1em;
}

#sidebar label{
font-weight:bold
}

input#s{
width:170px;
border:1px solid #ccc;
padding:5px;
margin:5px 0 5px 0;
}

#searchsubmit {
width:170px;
border:1px solid #ccc;
padding:5px;
margin:5px 0 5px 0;
}


#sidebar ul{
}

#sidebar ul li{
margin:5px 0 5px 0;
}


textarea#comment {
background:#fff;
border:1px solid #ccc;
margin-bottom:10px;
}

input#submit{
width:170px;
border:1px solid #ccc;
padding:5px;
margin:5px 0 5px 0;
}

