@font-face {
	font-family: 'Conv_cibreo';
	src: url('../fonts/cibreo.eot');
	src: local('☺'), url('../fonts/cibreo.woff') format('woff'), url('../fonts/cibreo.ttf') format('truetype'), url('../fonts/cibreo.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	margin: 0 auto;
	font-family: Arial,Verdana;
	font-size: .75em;
	background:#F7F7F7;
}

body #fixedElement {
    position:fixed !important;
    position: absolute; /*ie6 */
    bottom: 0;
    right: 200px;	
}

img {
	border:0;
}

/* == LINKS == */

a:link, a:visited {
	text-decoration: none;
	color: #666;
}
a:hover, a:active {
	text-decoration: underline;
	color: #333;
}
input[type="text"], select {
	border: 1px solid #ddd;
	padding:3px;
}
input[type="text"]:focus, select:focus {
	border: 1px solid #999;
}
/* == TOP == */
#top {
	clear:both;
	background:#333 url("../images/header_bg.jpg");	
}
#top .container a {
	color:#B3B3B3;
	text-decoration: none;
}
#top .container a:hover {
	color:#fff;
	text-decoration: underline;
}
#top .container {
	width:960px;
	height:45px;
	line-height: 45px;
	margin: 0 auto;
	color:#B3B3B3;
	font-family: 'Conv_cibreo', Arial;
	font-size: 1.4em;
}
#top .container .left {
	float: left;
}
#top .container  .right {
	float: right;
}
#top .right .facebook, #top .right .twitter, #top .right .youtube, #top .right .blogger, #top .right .rssfeed {
	display: block;
	width:32px;
	height:32px;
	cursor: pointer;
	float: left;
	margin-top:7px;
	margin-left:5px;
}
#top .right .facebook {
	background: url("../images/icon/facebook.png") no-repeat;
}
#top .right .facebook:hover {
	background: url("../images/icon/facebook.png") no-repeat bottom;
}
#top .right .twitter {
	background: url("../images/icon/twitter.png") no-repeat;
}
#top .right .twitter:hover {
	background: url("../images/icon/twitter.png") no-repeat bottom;
}
#top .right .youtube {
	background: url("../images/icon/youtube.png") no-repeat;
}
#top .right .youtube:hover {
	background: url("../images/icon/youtube.png") no-repeat bottom;
}
#top .right .blogger {
	background: url("../images/icon/blogger.png") no-repeat;
}
#top .right .blogger:hover {
	background: url("../images/icon/blogger.png") no-repeat bottom;
}
#top .right .rssfeed {
	background: url("../images/icon/rss.png") no-repeat;
}
#top .right .rssfeed:hover {
	background: url("../images/icon/rss.png") no-repeat bottom;
}
#top .right .contact{
	float:left;
	font-size: .8em;
	padding-right: 10px;
}
/* == WRAPPER == */
#wrapper, #footer .container {
	width:960px;
	margin:0 auto;
}
/* == HEADER == */
#header>.left {
	float:left;
}
#header>.left>#logo {
	margin:10px 0;
}
#header>.right {
	float:right;
	position: relative;
	width:615px;
}
#search {	
	float: left;
	margin:18px 20px 18px 0;
}
#msc {
	float: left;
	margin-top:5px;
}
#nav {float: right;}
#searchbox{
	background: #F2F2F2;       
	width: 485px;
	padding:8px;
	border: 1px solid #ddd;
	overflow: hidden;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-ms-border-radius:6px;
}
#searchinput, #searchbutton {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
}
#searchinput {
	background: #fff;  
	width:355px;
	padding:5px 10px;	
	border:none;
	color:#E6E6E6;	
	margin-right:10px;
	font-family: 'Conv_cibreo', Arial;
	font-size:1.7em;
}
#searchinput:focus {
	outline:none;
	color:#999;
}
#searchbutton {
	background:#8BC541;
	border:none;
	width:100px;
	height:36px;
	color:#fff;
	font-family: 'Conv_cibreo', Arial;
	font-size: 1.7em;
	cursor: pointer;
}
#searchbutton:hover {
	background:url("../images/button_hover.jpg") repeat-x;
}
#searchbutton:active {
	background: #333;
}
#searchinput, #searchbutton {float: left;}

/* == HOME == */
#home #slider {
	clear: both;
}
#home #slider, #home .smallbanner {
	margin-bottom:10px;
}
#home #slider img{
	border-radius: 10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;
}
#home .smallbanner .getstart img, #home .smallbanner .how img {
	margin-right:12px;
}
#home .smallbanner img:hover {
	border:1px solid #ccc;
	-webkit-box-shadow: 0px 1px 5px 0px #ccc;
    -moz-box-shadow: 0px 1px 5px 0px #ccc;
    box-shadow: 0px 1px 5px 0px #ccc;
}
#home .smallbanner .getstart img, #home .smallbanner .how img, #home .smallbanner .compare img{
	border:1px solid #ddd;
	display: inline-block;
	border-radius: 10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;
	float:left;
	margin-bottom:10px;
}
/* == NEWS == */
#news {
	clear:both;
	display: block;
}
#news>.left{
	float: left;
	width: 75%;
}
#news>.left .heading {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	position: relative;
}
#news>.left .heading>.readall a{
	position: absolute;
	right: 0;
	top:5px;
}
#news>.left .content {
	padding: 5px 0;	
}
#news>.left .content>.date {
	color:#999;
	font-style: italic;
}
#news>.left .content>.title a{
	color:#8BC541;
	font-family: 'Conv_cibreo', Arial;
	font-size: 1.7em;
}
#news>.right{
	float:right;
	margin-bottom: 10px;
}
#btnGetStartHome, #btnGetStart {
	background: url("../images/btn_getstart.png") no-repeat top left;
	display: inline-block;
	height: 69px;
	width: 190px;
	cursor: pointer;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#btnGetStartHome:hover, #btnGetStart:hover {
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	background: url("../images/btn_getstart.png") no-repeat bottom left;
}
#btnGetStart {
	margin:20px;
}
#btnSubmitOrder{
	background: url("../images/btn_submitorder.png") no-repeat top left;
	display: inline-block;
	height: 69px;
	width: 190px;
	cursor: pointer;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#btnSubmitOrder:hover{
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	background: url("../images/btn_submitorder.png") no-repeat bottom left;
}
#btnSubmitOrder {
	margin:20px;
}
/* == CONTENT == */
#breadcrumb {
	color: #666;
	margin-bottom: 30px;
}
#breadcrumb .home {
	background: url("../images/icon/home.png") no-repeat;
	display: block;
	height:16px;
	width: 16px;
}
#breadcrumb .home:hover {
	background: url("../images/icon/home_hover.png") no-repeat;
}
#breadcrumb span{
	float: left;
	margin-right:5px;
}
#middle {
	border-radius: 10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;
	background: #fff;
	border:1px solid #ddd;
	padding:20px;
	clear:both;
	min-height: 300px;
	width: 920px;
	display: inline-block;
	margin-bottom: 10px;
	color: #555555;
}
#middle>.left {
	float: left;
	width: 690px;
	min-height: 335px;
	border-right: 1px dotted #ddd;
}
#middle>.left>.heading h1, #middle>.left>.content h2 {
	color:#8DC63F;
	font-family: 'Conv_cibreo', Arial;
	font-weight: normal;
	clear: both;
	margin: 5px 0;
}
#middle>.left>.heading h1 {
	font-size: 2.7em;
}
#middle>.left>.content h2  {
	font-size: 1.8em;
}
#middle>.left>.content {
	font-size: 1.2em;
	padding-right: 10px;
}
#middle>.left>.content p {
	margin: 0;
}
#middle>.left>.content ol {
	margin: 0;
	padding: 20px 0 0 20px;
}
#middle>.left>.content ol li{
	margin-bottom:10px;
}
#middle>.left>.content>.12month {
	float:left;
}
#middle>.left>.content>.year2 {
	float:right;
}
#middle>.left>.content>form .request {
	margin-top:20px;
}

#middle>.left>.content>.address, #middle>.left>.content>.phone, #middle>.left>.content>.fax {
	font-size:12px;
}
#middle>.left>.content>.address{
	margin-top:10px;
}
#middle>.left>.content>form .request td, #middle>.left>.content>.features td{
	padding:5px 15px 5px 0;
}
#middle>.right {
	float:right;
	width: 225px;
}
#menu>.heading {
	font-family: 'Conv_cibreo', Arial;
	font-size: 1.7em;
	color:#8DC63F;
	margin:10px 20px;
}
#menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu ul li {
	background: url("../images/arrow.jpg") no-repeat 15px 5px;
	border-bottom: 1px dotted #ddd;
	padding:5px 25px;
}
#menu ul li a:hover {
	color:#8BC541;
}
/* == FOOTER == */
#footer {
	clear:both;	
	/*background: #101010 url("../images/footer_bg.png");*/
	background: #efefef;
	border-top: 1px solid #ddd;
	color:#808080;
}
#footer a{
	color:#999;
	text-decoration: none;
}
#footer a:hover{
	color:#333;
	text-decoration: none;
}
#footer .container h2 {
	color:#8BC541;
	font-family: 'Conv_cibreo', Arial;
	font-size:1.80em;
	font-weight: normal;
	margin:10px 0 0px 0;
}
#footer .container ul {
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom:10px;
	font-size:1.1em;
	font-weight: normal;
}
#footer .container li {
	padding:2px 0;
}
#footer .container .copyright {
	border-top:1px solid #ddd;
	display: inline-block;
	width:100%;
	padding:10px 0;
}
#footer .container .copyright>.left {
	float: left;
}
#footer .container .copyright>.right {
	float: right;
}
#footer .container .copyright>.right span{
	float:left;
	padding-left:8px;
}

/* GET START */
#year1, #year2{
	display: block;
	height:27px;
	width:115px;
}
#year1 {
	background: url("../images/content/year1.jpg") no-repeat top left;
}
#year2 {
	background: url("../images/content/year2.jpg") no-repeat bottom left;
}
#year1content {
	display: block;
}
#year2content {
	display: none;
}