/* Net Connection LLC  |  screen.css  |  12/5/07 */

* {margin:0 0 0 0;padding:0 0 0 0;}

body {
	font-size:90%; 
	color: #58595b;
	font-family: Arial, Helvetica, sans-serif;
	background: #e8fcc6;
	text-align: center;
	}
	
a:link {
	color:#e77560;
	text-decoration:underline;
	border:0;
	}
	
a:visited {
	color: #898a8d;
	text-decoration: underline;
	}
	
a:hover {
	color: #b9e16e;
	text-decoration:underline;
	}

#wrap {
	width: 830px;  
	margin-top: 0px; 
	margin-left: auto; 
	margin-right: auto; 
	* margin: 0;
	text-align: left;
	clear:right;
	position: relative;
	}

#header{
	background:url(../images/header-logo.jpg) no-repeat top;
	width:830px;
	padding-bottom:200px;
	}

#header img.print {display:none;}

*:lang(en) #header{padding-bottom:250px !important;}


/*---------------------navigation starts--------------------*/
#nav {
	list-style: none;
	width: 830px;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	background: url(../images/nav-bg.png) top left repeat;
	_background: #c3dc5e; /* IE 6 and below */
	float: left;
	clear: left;
	}

#nav ul {
	color: #414143;
	float: left;
	width: 100%;
	}
	
#nav ul li { 
	float: left;
	list-style-type: none;
  	}

#nav a {
	display: block;
	color: #414143;
	text-decoration: none;
	float: left;
	padding: 12px 24px 9px 26px;
	}

#last a:hover{}	

#nav ul li a:hover {
	background-color: #7fbce6;
	color: #fff;
	padding-bottom:9px;
	}
#nav ul li a#current {
	background-color: #e87560;
	color: #414143;
	padding-bottom:9px;
	}
#last a#current{}
/*c3dc5e*/
/*---------------------navigation ends--------------------*/

#logo {margin: 6px 0 0 10px; padding-bottom:4px; border:0}

#wrapper {
	float: left;
	width: 830px; 
	background: url(../images/content-bg.jpg) top left repeat-y ;
	}

/*:lang(en) #wrapper{padding-bottom:320px !important;}


/*---------------------magnets starts--------------------*/
#feature {
	width: 264px;
	margin: 0 0 0 0;
	position: absolute;
	top: 291px; 
	left: 0;
	}
	
#feature .magnet-01 {
	margin: 0;
	padding: 20px;
	background: #b9e16e;
	line-height: 16px;
	width: 226px;
	_width/**/: 264px; /* IE 5.0 */
   	_width:/**/ 264px; /* IE 5.5 only */
	_width/**/:/**/ 226px; /* IE 6 only */
	}
	
	
#feature .magnet-02 {
	margin: 0;
	padding: 20px;
	background: #7fbce6;
	line-height: 16px;
	}
	
#feature .magnet-03 {
	margin: 0;
	padding: 20px;
	background: #e77560;
	line-height: 16px;
	}
	
#feature h3 {
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	font-size: 1.3em;
	font-weight: normal;
	color: #333;
	}
	
#feature h2 {
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #333;
	}
	
#feature ul {margin: 0px;}

#feature li {
	list-style: none; 
	margin: 0px; 
	padding: 0px;}
	
#feature a {
	font-weight: bold;
	color: #fff;
	text-decoration: underline;

	}
	
#feature a:hover {color: #333;}

.thumbnail {
	float: right;
	padding-left: 7px;
	margin-bottom: 5px;
	}
/*---------------------magnets end--------------------*/

/*---------------------content starts--------------------*/
#content, #content-arpa {
	margin-left: 298px;
	background: #fff;
	width: 516px;
	padding-left: 10px;
	}
	
#content h1, #content-arpa h1 {
	margin-bottom: 10px;
	padding: 10px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal; 
	color: #22b24c;
	}
	
#content h2, #content-arpa h2 {
	padding: 10px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold; 
	color: #414143;
	}
	
#content p, #content-arpa p {
	margin-bottom: 20px;
	padding: 20px 0 0 -15px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #414143;
	line-height: 18px;
	}
	
#content img {
	float: right; 
	padding: 55px 10px 10px 20px;
	}
	
#content-arpa img {
	float: right; 
	padding: 0 10px 15px 20px;
	}

/*---------------------content ends--------------------*/
	
/*---------------------footer starts--------------------*/
#footer {
	background: #fff url(../images/footer.gif) no-repeat;
	color: #fff;
	width: 830px; 
	height: 60px;
	margin: 0 0;
	clear: both;
	}

#footer-home {
	background: #fff url(../images/footer.gif) no-repeat;
	color: #fff;
	width: 830px; 
	height: 60px;
	margin: 0 0;
	clear: both;
	}
#footer-home a {color: #fff; text-decoration:none;}

#footer-home a:hover {
	color: #000; text-decoration:none;
	}
	
#footer ul {
	width: 100%;
	margin: 0;
	padding: 30px 0 0 0;
	font-size: 0.7em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	list-style:none;
	}
	
#footer-home ul {
	width: 100%;
	margin: 0;
	padding: 22px 0 0 0;
	font-size: 0.7em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	list-style:none;
	}
	
#footer-home li {
	float: left;
	margin: 0;
	padding: 0 26px; 
	border-right:1px solid #fff;
	}

#footer li {
	float: left;
	margin: 0;
	padding: 0 26px; 
	border-right:1px solid #fff;
	}
	
#footer #footer-last{border-right:0;}

#footer-home #footer-last{border-right:0; text-align:center;}

#footer-home #footer-kinetic{float:left; border-right:0; padding: 5px 180px 0 260px;}

/*---------------------footer ends--------------------*/

/*---------------------INTERNAL CSS starts--------------------*/
#wrapper-green {
	width: 830px; 
	background: #BAE16E url(../images/content-bg-green.jpg) repeat-y;
	}
	
#wrapper-coral {
	width: 830px; 
	background: #E87560 url(../images/content-bg-internal.jpg) repeat-y;
	}

#wrapper-blue {
	width: 830px; 
	background: #7FBEE7 url(../images/content-bg-blue.jpg) repeat-y;
	}

/*:lang(en) #wrapper-internal{padding-bottom:320px !important;}


/*---------------------internal sidebar starts--------------------*/

	
#feature-internal {
	float: left;
	width: 264px;
	margin: 0;
	color: #333;
	position: absolute;
	top: 291px; 
	left: 0;
	}

#feature-internal .green {
	margin: 0;
	padding: 20px;
	color: #333;
	background: url(../images/sidebar-green.jpg) repeat-y;
	}
	
#feature-internal .blue {
	margin: 0;
	padding: 20px;
	color: #333;
	background: url(../images/sidebar-blue.jpg) repeat-y;
	}
	
#feature-internal .coral {
	margin: 0;
	padding: 20px;
	color: #333;
	background: url(../images/sidebar.jpg) repeat-y;
	}
	
#feature-internal h3 {
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 16px;
	color: #333;
	}
	
#feature-internal h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	line-height: 16px;
	color: #333;
	}
	
#feature-internal ul {margin: 0px;}

#feature-internal li {
	list-style: none; 
	margin: 0px; 
	padding: 0px;
	}
	
#feature-internal a {
	font-size: 80%;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
	}
	
#feature-internal a:hover {color: #333;}

#feature-internal img {
	width: 212px;
	border: 0;
	}
	
#feature-internal .map {
	width: 212px;
	height: 172px;
	border: 0;
	}
	
#feature-internal .testimonial {
	margin-bottom: 10px;
	}
/*---------------------internal sidebar ends--------------------*/

/*---------------------internal content starts--------------------*/
#content-internal { 
	margin-left: 298px;
	background: #fff;
	width: 494px;
	padding-left: 10px;
	padding-right:20px;
	padding-bottom: 20px;
	}
	
#content-internal h1 {
	margin-bottom: 10px;
	padding: 10px 10px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal; 
	color: #22b24c;
	}
	
#content-internal h2 {
	margin-bottom: 0px;
	padding: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold; 
	color: #414143;
	}
	
.content-products {

	padding: 0 10px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold; 
	color: #414143;
	padding-bottom: 0;
	margin-bottom: 0;
	}
	
a.dealer-links {
	margin:0;
	padding-left:0;
	text-decoration: underline;
	}
	
#content-internal h3 {
	margin-bottom: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold; 
	color: #414143;
	text-indent: 15px;
	clear:left;
	}
	
#content-internal p {
	margin-bottom: 20px;
	padding: 20px 0 20px -15px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #414143;
	line-height: 18px;
	}

#content-internal ul {
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0 0 20px -15px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #414143;
	line-height: 18px;
	list-style:inside;
	text-indent: 20px;
	
	
	}
	
#content-internal li{
	padding: 20px 0 20px -15px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #414143;
	line-height: 18px;
	list-style:inside;
	text-indent: 15px;
	}
	
#content-internal .testimonial-image {
	float: left;
	padding: 6px 15px 10px 0;
	}
	
#form {
	
	margin: 0 0 10px 0;
	}


/*---------------------internal content ends--------------------*/

/*---------------------internal content-gallery starts--------------------*/
#content-gallery {
	float: left; 
	background: #fff;
	width: 790px;
	_width/**/: 830px; /* IE 5.0 */
   	_width:/**/ 830px; /* IE 5.5 only */
	_width/**/:/**/ 790px; /* IE 6 only */
	padding-left: 20px;
	padding-right:20px;
	}
	
#content-gallery img {
	border: none;
	}
	
#content-gallery h1 {
	margin-bottom: 10px;
	padding: 10px 5px 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal; 
	color: #22b24c;
	}
	
#content-gallery p {
	margin-bottom: 10px;
	padding: 5px 0 15px 20px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #414143;
	line-height: 18px;
	}
	
#content-gallery li{
	display: inline;
	list-style-type: none;
	border-right:1px solid #898a8d;
	padding: 0 17px 0 17px;
	}
	
#content-gallery #gallery-last{border-right:0;}
	
#content-gallery ul {
	float: left; 
	text-align: center;
	}

#content-gallery #slideshow-wrap {
	text-align:center;
	margin: 0 auto;
	}

#SlideShow {
	height: 336px;
	width: 212px;
	overflow: hidden;
	float: right;
	margin: 0 15px 15px 15px;
	padding: 0;
}

#SlideShow li {
	height: 336px;
	width: 212px;
	list-style: none;
}

#content #SlideShow img { padding: 0; }

#SlideShow-products {
	height: 232px;
	overflow: hidden;
}

#SlideShow-products li {
	height: 232px;
	list-style: none;
}


#content-gallery a:link {
	color:#e77560;
	text-decoration:underline;
	border-right: 1px;
	}
	
#content-gallery a:visited {
	color:#898a8d;
	text-decoration:underline;
	}
	
#content-gallery a:hover {
	color: #b9e16e;
	text-decoration:underline;
	}
#content-gallery #flash {
	text-align: center;
	line-height: 28px;
	}
	
#content-gallery #flash a:link {
	text-decoration: underline;
	border: none;
	}
	
#content-gallery #flash a:visited {
	text-decoration: underline;
	border: none;
	}
/*---------------------internal content-gallery ends--------------------*/


#content-error {
	float: left; 
	background: #fff;
	width: 790px;
	_width/**/: 830px; /* IE 5.0 */
   	_width:/**/ 830px; /* IE 5.5 only */
	_width/**/:/**/ 790px; /* IE 6 only */
	padding-left: 20px;
	padding-right:20px;
	}
	
#content-error img {
	border: none;
	}
	
#content-error h1 {
	margin-bottom: 10px;
	padding: 10px 5px 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal; 
	color: #22b24c;
	}
	
#content-error p {
	margin-bottom: 10px;
	padding: 5px 0 15px 20px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #414143;
	line-height: 18px;
	}
	
#content-error a:link {
	color:#e77560;
	text-decoration:underline;
	border-right: 1px;
	}
	
#content-error a:visited {
	color:#898a8d;
	text-decoration:underline;
	}
	
#content-error a:hover {
	color: #b9e16e;
	text-decoration:underline;
	}
	
/*-----e-news signup starts------*/

#subForm {
	background-color: #ccc;
	width: 260px;
	padding: 8px;
	margin: 10px 0;
	}
	
* + html #subForm { width: 280px; }

* html #subForm { width: 280px; }
	
#subForm label { 
	color: #333; 
	margin-bottom: 8px;
	float: left;
	}
	
#subForm input.text {
	padding: 3px;
	border: 1px solid #666;
	width: 160px;
	margin-right: 5px;
	}
	
#subForm input#subscribe {
	background-color: #22b24c;
	color: #fff;
	border: 0;
	padding: 3px 5px;
	}
	
#subForm input#subscribe:hover { background-color: #7fbce6; }

/*-----e-news signup ends------*/