html, body {background:url("../images/bg.gif") repeat-x;
		background-color: #101B59;
        margin:0px;
        padding:0px;
        text-align: center;
		height: 100%;
		width: 100%;
		 font-family: 'Titillium Web', sans-serif;
		color:#333;
 		}

#printlogo {display:none;}

#waves  {width: 960px;
		height:163px;
		margin-left: auto;
		margin-right: auto;
		position:absolute;
		top: -10px;
		z-index:-1px;
	 
		 }

 
#wrapper {background:url("../images/wavesc.png") center -10px no-repeat;
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		position:relative;
 		z-index:1px;
 		 
 		}
 

 
h1, h2, h3, h4 {color: #333;}



#content h2 {font-size: 25px;
	margin-top: 30px;
	margin-bottom:0px;
	}
	
#content h3 {font-size: 16px;
	margin-top: 30px;
	}
 			
#content p, #content li, #content blockquote, #content h4, #content td {color: #555555;
         	   font-size: 14px;
                line-height: 28px;
                text-align: left;
                font-weight:normal
 			}

#content h4{margin-bottom:0px;
			font-weight:bold;
			}

#content blockquote {border-left:3px solid #e8e8e8; padding:0 20px 0; margin:20px 0 10px 0; overflow:auto;}
	#content blockquote p{line-height:18px; color:#666;}
a {color:#336699;
	text-decoration:none;
	}
	
a:hover {color:#666699;}




#contactinfo a{color:#ffffff;
				font-weight: bold;
				text-decoration: none; 	
				}
				
#header {width: 960px;
		margin-left:auto;
       	 margin-right:auto;
       	 height: 123px;
       	 position:relative;
		z-index:100;
		}

#logo  {
 		}
 		

 #logo a{ text-indent: -1000em;
 		display:block;
 		width: 220px;
 		height: 82px;
 		background:url("../images/logo.png") no-repeat;
 		position: absolute;
 		left:-13px;
 		top:30px;
 		}
  
  
  #xlogo a{ text-indent: -1000em;
 		display:block;
 		width: 250px;
 		height: 82px;
 		background:url("../images/seymour_av_white.png") no-repeat;
		background-size: 250px;
		position: absolute;
 		left:20px;
 		top:55px;
		}
 

#content {background-color:#fff;
		width: 100%;
		height: auto;
		margin-left:auto;
        margin-right:auto;
        text-align: left;
       	overflow:hidden;
       	position:relative;
       	-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;	
		-moz-border-top-left-radius: 10px;
		-moz-border-top-right-radius: 10px;	
		-ms-border-top-left-radius: 10px;
		-ms-border-top-right-radius: 10px;	
        border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		behavior:url(border-radius.htc);	
		}
		
#content h1 {font-size: 30px;
	 margin: 0px;
	 padding:20px 0 20px 0;
	font-weight:100;
 	text-indent:30px;
	border-bottom: 1px solid #cccccc;
	background:url("../images/h2bg.gif") bottom repeat-x;
 }		
	



#footer {background-color:#000;	
 		width: 100%;
		height: auto;
		 padding:0 0 20px;
         font-size: 10px;
	    text-align: left;
         line-height: 16px;
		} 
 
#footer p, #footer h4{color:#666; font-size:14px; line-height:20px; margin:0 0 10px;}
  #footer h4 {margin-bottom:0px;}
#footer a{margin-right: 20px;}		
#footer a:hover {color:orange;}		
#footerpad {padding: 20px;
			margin-left:auto;
			margin-right:auto;
			width:920px;
			background-color:#222;
			behavior:url(../js/border-radius.htc);
			-webkit-border-bottom-right-radius: 10px;
			-webkit-border-bottom-left-radius: 10px;
			-moz-border-bottom-right-radius: 10px;
			-moz-border-bottom-left-radius: 10px;
			-ms-border-bottom-right-radius: 10px;
			-ms-border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
			border-bottom-left-radius: 10px;}

#leftcol {width:650px;
			float:left;
			}
			
 
		
.article { clear:both;
		padding:20px 130px 20px 130px;}			
				
.installfeature {padding:20px 130px 20px 130px;}
	#content .installfeature p{font-size:13px; line-height:20px; margin:5px 0 0 0;}
	.installfeature img {border:4px solid #ccc;}
.grey {background:#f1f1f1; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
		
#rightcol { width:280px;
			float:right;}

#rightcol p	{font-size: 11px;
			line-height:17px;
			}
#rightcol ul{list-style:none;
			padding:0px;
			margin:0px;
			}

#rightcol li{ 	font-size: 10px;
				line-height:13px;
				margin-bottom: 7px;
				display:block;
			 	background:url("../images/orangebullet.gif") 0px 5px; no-repeat;
				padding-left: 10px;
			 	}

#pitch  {background:url("../images/secondtirebg.gif") repeat-y;
		height: auto;
		width: 242px;
		border-top:1px solid #999999;}

#pitch span {padding:15px;
			display:block;
			padding-right:80px;
			}
			
#pitch p{margin:0px;
			}

#contactsection {background:url("../images/thirdtierbg.gif") repeat-y;
				height: 350px;
				width: 242px;
				text-align:left;
				}
				
#contactsection span{background:url("../images/thirdtiercap.gif") no-repeat;
				display:block;
				padding: 5px 15px;
				}
				
 

#submit {	margin-left: 120px;
			margin-top: 5px;
			}
#form1 ul{margin:0; padding:0; list-style:none;}
#form1 label{font-size: 12px;
					letter-spacing: 0px;
					text-transform: uppercase;
					color:#666666;
					display:block;
					margin-top:6px;
					margin-bottom: 0px;
					}
#Field1, #Field2, #Field3{border:none;
			background-color:#f1f1f1;
			width: 320px;
			margin-top: 3px;
			 padding:3px;
			font-size: 14px;
			color: #333333;
			}
#Field3 {height:90px; margin-bottom:20px;}
#Field3 {width:340px}
#Field1:hover,
#Field2:hover,
#Field3:hover{border:none;
			background-color:#dddddd ;
			 }			
#Field1:focus,
#Field2:focus,
#Field3:focus{border:none;
			background-color:#f1f1f1 ;
			}			
			
 #form1 .left{float:left;}
  #form1 .right, #saveForm{float:right; margin-left:-20px;}
 

h1, h2, h3, h4, h5 {}

p, blockquote, li {}


#content h3{margin-bottom:10px;
			font-size: 20px;
			font-weight: normal;
			border-bottom:2px solid #666;
			clear:both;
			}
 .noborder {border:none;}
#content p{margin-top:0px;
			margin-bottom:18px;
			}

#nav {width: 600px;
 	position:absolute;
	right:0px;
	top:50px;
	padding:0px;
	margin:0px;
	z-index:1000;
	text-align:left;
	}
	
 
#nav li	{ float:left;
			position:relative;
			 display:block
			 margin:0;
			 padding:0 20px 0 0px;
			 line-height:0;
			 list-style:none;}


#nav li a{color:#fff; 
			display:block;
			 padding:4px 0 4px 0;
			line-height:16px;			
			font-size:16px;
			font-weight:100;
			
			 }
#nav li:hover > a {border-bottom:2px solid orange; color:orange}
		 
.subnav {}	 

#nav li ul{display:none;  position:absolute; padding:0; margin:0;   }
#nav li ul li { background-color:orange;   display:block; padding:0 !important; margin:0 !important;  position:relative; left:0;} 
#nav li ul li a{ display:block; color:#fff !important; padding:4px; margin:0; font-size:14px; width:auto; min-width:150px; max-width:300px; border:none; }			 
#nav li ul li strong {color:black;}
	#nav li:hover ul{display:block;
			-webkit-animation-name: fadein; 
			-webkit-animation-iteration-count: 1; 
			-webkit-animation-duration:.5s; 
			-webkit-transition-timing-function:linear;
			-moz-animation-name: fadein; 
			-moz-animation-iteration-count: 1; 
			-moz-animation-duration:.5s; 
			-moz-transition-timing-function:linear;
					}	
	
   @-webkit-keyframes fadein {
	from {opacity:0;}
 	to {opacity:1;}
}		
   @-moz-keyframes fadein {
	from {opacity:0;}
 	to {opacity:1;}
}		
	
#nav li ul li:hover a, #nav li ul li:hover strong{color:#fff; background:#333; border:none;}	
 
.clearboth {clear:both;}

.hr {border-bottom: 2px solid #666;
	height: 1px;
	margin:0px;
	width:inherit;
	}

hr {display:none;}



#screens .slideshow {height:520px; width:960px;}
#screens .slideshow img, #home .slideshow img  {height:inherit; width:inherit;}

#screens .slideshow2 {height:346px; width:599px; margin-left:50px;}
#screens .slideshow2 img, #home .slideshow2 img  {height:inherit; width:inherit;}



/*----*/
.charttable {width:100% !important;}


.charttable td{ 
 				color:#444;
 				padding:3px;
				 border:none;
 				}
				
.featurestable th,.charttable th{ 
				color:#444;
				border-bottom: 1px solid #ccc;
				padding:2px;
				text-align:left;
				font-weight: bold;
				}		

.featurestable th {background:#333;
					color:#fff;
 					}
				
.featurestable, .charttable {border-collapse: collapse;
			border-top: 2px solid #333;
			width:580px;
			margin-top:20px;
			margin-bottom:20px;
			font-size: 12px;
			}
			
.charttable tr:hover td, .charttable tr:hover th{background:lightblue; border:none;}
	.altrow {background-color:#DFE7ED;}		
	.altrow td{ }		

.featurestable td{	border-bottom: 1px solid #ccc;
					border-right:1px solid #ccc;
					padding: 4px;
			 		}
			 		
			 		
			 		
.pairedimage {border:4px solid #f1f1f1; width:inherit; padding:1px; overflow:auto;}			 		
.pairedimage img {float:left; width:50%;}		 		
.standard, .nil, .optional {text-align: center;
							font-weight: bold;
							font-size: 11px;
							}
							
.featureprice {	text-align:right;
				font-weight: bold;
				}
.standard {color:#7DA01C;}

.optional {color:#E48428;}

.nil {font-weight: normal;}

td.style2 {border-right: 2px solid #333;
		border-bottom: 1px solid #234C6E;
 		font-size: 12px;
		background: #9BB5CB;
		
		}

td.head2 {background-color:#333;
		color:#fff;
		font-size: 13px;
		text-align:left;
		font-weight: bold;
		}

#featuresoverview a{color:#ffffff;
					}
.newsection {border-top:2px solid #000000;
				}					
/*----*/

#buybutton {margin-top: -12px;
	margin-top: 10px;
	margin-left: 155px; 
 	height: 109px; 
 	width: 102px;
	position: absolute;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/button.png, sizingMethod='scale');
	}



		
#features span{padding:15px;	
			padding-top:0px;
			display:block;
			}


#footer a{margin-right: 5px;}


.fullhero {width:960px; padding:0 ;margin:0 0 -10px 0;}
.display {width:700px; min-height:400px;}
.imgborder {border:4px solid #f1f1f1; padding:1px;}


.pullquote {padding: 5px 10px 5px 10px;
	 		 
			margin-top: 0px;
			background:url("../images/wavesc.png") #e5e5e5 center -10px no-repeat;
		 /* #DF4114 */
			}
#content .pullquote h4 { font-family: 'Titillium Web', sans-serif;
		font-size: 25px;
		line-height: 30px !important;
		font-weight:100;
		font-style: italic;
		text-align:center;
		margin:30px 30px 15px 30px; 
		color:#666;
		display:block;
		
		}
		
#content .pullquote p{margin-left: 20px;
		font-family: arial, verdana;
		font-size: 14px;
		color:#333;
		opacity:.7;
		margin-top: 10px;
		display:block;
		text-align:center;
		}


.footnote p{font-size:10px !important;
			line-height:13px !important;}


.floatright {float:right;
			margin:20px 0 20px 20px;
			}
			
.floatleft {float:left;
			margin:20px 20px 20px 0;
			}			

.vertbuffer {margin:20px 0 20px;}


.button_one, .button_two {text-decoration:none; color:#fff; 
			background-color:orange; 
			border:none;
			margin-bottom:20px;
			padding:4px 10px 4px 10px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			-ms-border-radius:5px;
			border-radius:5px; 
			behavior:url(border-radius.htc); 
			outline:none;
			font-family:arial; 
			font-size:13px; 
			}
.button_one {float:right;}		
.button_two{display:inline;}	
.button_one:hover, .button_two:hover {color:#fff; opacity:.7;}
.download_button {float:left; margin:-2px 10px 0 0;}



.control_options span:first-child{border-top:none;}
.control_options span{ display:block; clear:both; border-top:1px dotted #ccc !important; padding:10px 0 10px; margin:5px 0 0}
.control_options span p{width:70%;}


#contactus #content  p{line-height:20px; margin:0 0 10px;}
#contactus #content h3 {margin:10px 0 0; clear:both; border-bottom:2px solid #666;}
#contactus #content h4 {font-size:16px; margin:0;}
#contactus fieldset{border:none; padding:0; margin:0;}
.leftitem {width:50%; float:left}
.rightitem {width:50%; float:right; margin-bottom:30px;}

.internalnav {position:relative;}
.internalnav ul{background-color:#e8e8e8; border-radius:8px;overflow:hidden; min-width:300px;}
 .internalnav ul, .internalnav li, #content .internalnav li h4 {margin:0; padding:0; list-style:none;}
 .internalnav li a, 
.internalnav li h4
 {padding:3px; border-bottom:1px solid #ccc; display:block; color:#333; font-weight:bold; text-indent:20px;}
 .internalnav li:last-child a{border:none;}	 
 	 .internalnav li a:hover {background:#f1f1f1; color:#336699;}
 	 
 .internalnav li h4{background:#336699; color:#fff !important;}
  	.internalnav div {font-size:16px; font-weight:bold;}
 
 
 #press_drop ul {position:absolute; z-index:20; top:24px; left:-5px;}
 	 
 	 
 

#home_hero {width:960px; height:390px;
		background:url(../images/home_herobg.jpg) no-repeat -60px bottom #000;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;	
		-moz-border-top-left-radius: 10px;
		-moz-border-top-right-radius: 10px;	
		-ms-border-top-left-radius: 10px;
		-ms-border-top-right-radius: 10px;	
        border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		 
		position:relative;
}


#home_hero #slideshow_wrapper {position:absolute;
						top:50px; 
						right:50px;
						width:480px;
						}
						
						
#home_hero #slideshow img{width:480px;
						border:3px solid #fff;
						height:270px;}	
						
#home h1 {background:none;
			background-color:#336699;  
			color:#fff;
			position:absolute;
			top:0px;
			left:00px;
			font-size:15px;
			padding:5px 15px 5px 5px;
			z-index:500;
			border:none;
			text-indent:10px;
			-webkit-border-top-left-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;
			-moz-border-top-left-radius: 10px;
			-moz-border-bottom-right-radius: 10px;
			-ms-border-top-left-radius: 10px;
			-ms-border-bottom-right-radius: 10px;		
			border-top-left-radius: 10px;
			border-bottom-right-radius: 10px;
 			}						
	 #home #slideshow span p{color:#fff; 
	 					font-size:14px; 
	 					margin:0px;
						}
	 #home #slideshow span p a{font-weight:bold; margin:0 10px 0 0;}						
 	 
 	 #prev, #next {position:absolute; z-index:20; top:0; height:300px; width:240px;  }
 	 	 #prev {left:3px;}
 	 	 #next {left:243px;}
 	 	 #prev span{left:0; margin:-10px 0 0}	
 	 	 #next span{right:0; margin:-10px 0 0}	
 	 	 #prev span, #next span	{ background:#333; padding:5px; font-size:14px; color:#fff; opacity:0; position:absolute; top:50%;}				
		 #prev:hover span, #next:hover span{opacity:.8;}		
		 


#home #content .article {padding:10px 80px 10px 80px;}			
#home .callout {background:#f1f1f1; color:#fff; font-size:15px; font-weight: 400; padding:5px 0 5px;
  				clear:both;
  				margin:0;
  				border-bottom:1px solid #e1e1e1;
  				  
  				
  				}
	#home .callout p{margin:0; text-align:center; font-weight:800;}		

 #home .left {width:390px; float:left; }
 #home .right {width:390px; float:right; margin:0 0 0 20px;  }
 
 #home .article p,  #home .article li {line-height:24px; font-size:13px;}
 
 #topfeatures { background-color:#f1f1f1; clear:both;  
 				margin:0px -78px -78px; 
 				padding:5px 77px 20px 77px; 
 				min-height:500px;
 				border-top:1px solid #eee;
 				}
 	.nomargin {margin:0 0 10px; padding:0;}
 	
 	
 	#buybuttonb { 
 	height: 109px; 
 	width: 102px;
	position: absolute;
	z-index: 20;
	right:-20px;
	bottom:20px;
 	}
	
#buybuttonb a {display:block;
 			height: 109px;
 			text-indent: -1000em;
			width: 102px;
			background: url("../images/button.png") no-repeat;
 			}
 			
 			
 	
 	
 	
 	
 	
.show_sect, 
.hide_sect,
.internalnav div span  
{
width:20px;
height:20px;
border-radius:10px;
text-align:center;
line-height:20px;
vertical-align:middle;
color:#fff;
display:block;
float:left;
margin:2px 5px 0 -5px;
font-weight:800;
font-size:14px; 
	cursor:pointer;
	border-radius: 15px;		 
	float:left;	 
}

.show_sect, .internalnav div span  {background:lightblue;}
.hide_sect {background:#999;}
 
 .hide {display:none;}	
 			
/*
 			
 @media all and (max-width:3000px) and (min-width: 960px) {


		}
	

@media all and (max-width: 1200px) and (min-width: 950px) {

}
	
	
@media all and (max-width: 1000px) and (min-width: 950px) {

     

}	
	
/** smaller**/
 /*
@media all and (max-width: 950px) and (min-width: 641px) {
	
}

/** ipad horiz  **/	
/*
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
	#canvas, #wrapper {width:100%; margin:0; border-radius:0;}

	}	 


	
 /** ipad portrait **/
 /*	@media only screen and (max-width: 768px) and (max-device-width: 768px){

	#home #canvas, #wrapper {width:100%; margin:0; border-radius:0;}

}	 





/** iphone  **/
/*@media all and (max-width: 640px) and (min-width: 320px) {


	}
	
	
	
		
/** iphone landscape **/
/*@media all and (max-width: 640px) and (min-width: 321px) {
 
 
 
  		}