@import url('reset.css');

@import url('green/styles.css'); /* current skin */

/*
the skins:
@import url('green/styles.css');
@import url('orange/styles.css');
@import url('blue/styles.css');
@import url('bluegray/styles.css');
*/

body {
	background:url(../images/top_decoration.png) repeat-x top center;
	color:#424242;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
}
p {
	margin:4px 0 10px 0;
}
a, a:hover {
	text-decoration:none;		
}
a:hover {
	text-decoration:underline;
}
strong {
	font-weight:bold;
}
h1 {
	font-size:48px;
	text-transform:uppercase;
	line-height:50px;
	font-weight:bold;
	letter-spacing:-3px;	
}
h2 {
	font-size:24px; 
	font-weight:bold;
	letter-spacing:-0.6px;	
}
h3 {
	font-size:20px;
	font-weight:bold;
	letter-spacing:-0.4px;		
}
h4 {
	font-size:18px;	
	letter-spacing:-0.4px;	
}
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#676767;
}
.clear {
	clear:both;
}
.top-wrapper {
	width:960px;
	margin:0 auto;
}
#top-header {
	float:left;
	width:100%;
	position:relative;
	height:94px;	
	z-index:100;
}
#logo {
	float: left;
width: 301px;
height: 92px;
position: absolute;
left: 0;
top: 20px;
}
#logo span {
	text-indent:-9999px;
	display:block;
	width:100%;
	height:100%;
}
#header {
	float:left;
	width:100%;	
}
#header-wrapper {
	height:390px;
	width:960px;
	margin:40px auto 0 auto;
	position:relative;
}
.wfix-1 {
	float:left;	
	width:464px;
	margin:0 32px 0 0;
}
.hs-video {
	float:right;
	z-index:10;
	background:url(../images/hvideo_bg.png) no-repeat top center;
	width:464px;
	height:295px;
}
.hs-video object {
	margin:0 0 0 2px;	
	border:0 none;
	width:460px; 
	height:258px;	
}
.rslider-image {
	position:absolute;
	right:0;
	bottom:0;
	z-index:10; 
}
.lslider-image {
	position:absolute;
	left:0;
	bottom:0;
	z-index:10;
}
.lslider-txt {
	position:absolute;
	top:10px;
	left:0;
	z-index:20;	
}
.rslider-txt {
	position:absolute;
	top:90px;
	right:0;
	z-index:20;	
}
#header-wrapper h1 {
	padding-bottom:8px;	
}
.intro {
	font-size:18px;
	font-weight:normal;	
	line-height:23px;
}
.intro p {
	margin:0;
	padding:0 0 8px 0;
}
.line {
	float:left;
	width:100%;
	height:1px;
	line-height:0;
	font-size:0;
	border-bottom:1px solid #d9d9d9;
	margin:2px 0 14px 0;	
}
.himg-wrapper {
	float:right;
	z-index:10;
	background:url(../images/canvas_bg.png) no-repeat top center;
	width:463px;
	height:280px;
	position:relative;
}
.himg {
	margin:2px 0 0 3px;
}
.h-badge {
	position:absolute;
	top:86px;
	left:-54px;	
}
/* start inferior area + footer styles */
#inferior {
	float:left;
	width:100%;
	background:#2a2a2a url(../images/itop_bg.png) repeat-x top left;
	min-height:206px;
	height:auto !important;
	height:206px;
}
#inferior-wrapper, #bottom-wrapper {
	margin:0 auto;
	width:960px;	
	color:#cdcdcd;
}
#bottom {
	float:left;
	width:100%;
	border-top:1px solid #404040;
	background:#323030;	
}
#bottom-wrapper {
	padding:14px 0 56px 0;	
}
*:first-child+html #bottom-wrapper { /* this applies only to ie7 */
	padding:14px 0 32px 0;		
}
#inferior-wrapper a, #bottom-wrapper a {
	color:#e2e2e2;	
	text-decoration:none;	
}
#bottom-wrapper a:hover {
	text-decoration:underline;
}
#inferior-wrapper a:hover, #bottom-wrapper a:hover {
	color:#fff;
}
#inferior-wrapper p, #bottom-wrapper p {
	margin:0 0 8px 0;
}
.copyright {
	float:left;
	width:840px;
}
.backtop {
	float:right;	
}
#inferior-wrapper {
	margin-top:13px;	
}
#footer {
	float:left;
	width:996px;
	padding-top:34px;
	margin:0 0 0 -36px;
}
.fbox {
	float:left;
	margin:0 0 0 113px;	
	width:213px;
	padding-bottom:34px;
}
.fbox h4 {
	padding-bottom:12px;
	color:#d3d3d3;	
}
.fbox ul li {
	float:left;
	width:213px;
	border-bottom:1px solid #404040;		
}
.fbox ul li:hover {
	background:#2d2d2d;		
}
.fbox ul li a {
	float:left;
	width:209px;
	display:block;
	padding:4px 2px 4px 2px;
}
.fbox ul li a:hover {
	background:#373737;	
}
.fbox .fconnect ul li {
	width:33px;
	height:32px;
	border-bottom:0 none;
	margin:5px 4px 0 0;	
}
.fbox .fconnect ul li a {
	width:100%;
	height:100%;
	display:block;
	padding:0;
	text-indent:-9999px;
}
.fbox .fconnect ul .flist-twitter a {
	background:url(../images/twitter_bg.gif) no-repeat 0px 0px;		
}
.fbox .fconnect ul .flist-twitter a:hover {
	background:url(../images/twitter_bg.gif) no-repeat 0px -32px;
}
.fbox .fconnect ul .flist-facebook a {
	background:url(../images/facebook_bg.gif) no-repeat 0px 0px;		
}
.fbox .fconnect ul .flist-facebook a:hover {
	background:url(../images/facebook_bg.gif) no-repeat 0px -32px;
}
.fbox .fconnect ul .flist-linkedin a {
	background:url(../images/linkedin_bg.gif) no-repeat 0px 0px;		
}
.fbox .fconnect ul .flist-linkedin a:hover {
	background:url(../images/linkedin_bg.gif) no-repeat 0px -32px;
}
.fbox .fconnect ul .flist-rss a {
	background:url(../images/rss_bg.gif) no-repeat 0px 0px;		
}
.fbox .fconnect ul .flist-rss a:hover {
	background:url(../images/rss_bg.gif) no-repeat 0px -32px;
}
/* start bottom search */
.search-bg {
	background:url(../images/search_bg.gif) no-repeat left;
	width:187px;
	height:22px;
	float:left;
}
.search-input {
	border:0 none;
	background:none;
	width:177px;
	margin:4px 0 0 4px;	
}
.search-button {
	float:left;
	height:22px;
	overflow:visible;	
	margin:0;
	width:26px;
}
.search-button input {
	background:transparent;	 	
	border:0 none;
	height:22px;
	margin:0;
	padding:0;	
	overflow:visible;	
	text-indent:-9999px;
	width:26px;		
	cursor:pointer;
	font-size:0;
	display:block;
	line-height:0;
	text-indent:-9999px;
}
/* end bottom search */

.fbox .misc-links {
	margin:12px 0 0 0;	
}
.fbox .misc-links li {
	border-bottom:0 none;
}
.fbox .misc-links li a {
	padding:2px 0 2px 0;	
}
.fbox .misc-links li a:hover, .fbox .misc-links li:hover {
	background:0 none;
	text-decoration:underline !important;
}
.fmap {
	float:left;
	margin:0 12px 0 0;	
}
address {
	float:left;
	width:126px;
	font-style:normal;
}
address .address-wrapper {
	float:left;
	display:block;
	padding-bottom:8px;
}
.arrow-link {
	padding:0 0 0 20px;
}
/* end inferior area + footer styles */


/* start text colors markers */
.light-blue {
	color:#61bed9;	
}
.blue-gray {
	color:#4d627c;	
}
.standard-blue {
	color:#0095da;	
}
.standard-green {
	color:#7fb92d;	
}
/* end text colors markers */
.op-buttons a {
	float:left;
	display:block;
	margin:4px 8px 0 0;
}
#top-contact {
	float:right;	
}
.tc-block {
	float:left;
	margin:20px 0 0 10px;
	width:196px;	
}
.tc-block img {
	float:left;	
	margin-right:8px;
}
.tc-block p {
	float:left;
	width:120px;
	font-size:15px;	
	margin:0;
	padding:4px 0 0 0;
}
.tc-info {
	display:block;
	float:left;
	width:120px;	
}

/* start features area */
.features-title, .features-body {
	float:left;
	width:100%;	
}
.features-title {
	background:#424242;
	border-bottom:1px solid #fff;	
}
.features-body {
	background:#f5f5f5;
	border-bottom:1px solid #e4e4e4;	
}
.ftitle-wrapper, .fbody-wrapper {
	width:960px;
	margin:0 auto;
}
.ftitle-wrapper h2 {
	color:#fff;
	padding:18px 0 16px 0;	
}
.feat-list {
	margin:10px 0 0 -40px;
	width:1000px;
	float:left;	
	padding-bottom:32px;

}
.feat-list li {
	float:left;
	margin:30px 0 0 40px;
	width:460px;
}
.feat-list li img {
	float:left;	
	margin:0 14px 0 0;
}
/* end features area */

/* start inferior misc area */
.inferior-misc {
	float:left;
	width:100%;
}
.im-wrapper {
	margin:0 auto;
	width:960px;
	padding:32px 0 42px 0;		
	text-align:center;		
}
.promo-container {
	margin:0 auto;
}
.im-wrapper .mleft-block, .im-wrapper .mright-block {
	float:left;
	text-align:left;
}
.im-wrapper .mleft-block h3, .im-wrapper .mright-block h3 {
	padding-bottom:4px;
}
.miscbox-wrapper {
	float:left;
	width:100%;
	padding:30px 0 40px 0;
}
.mleft-block {
	width:210px;
	margin:0 40px 0 0;
}
.rarrow-list {
	float:left;
	width:100%;	
}
.rarrow-list li {
	margin:6px 0 0 0;
	padding-left:22px;	
}
.mright-block {
	width:460px;
}
.mtestimonials-list {
	float:left;
}
.mtestimonials-list li {
	float:left;
	width:100%;
	margin-top:6px;
	padding-bottom:10px;	
}
.mtestimonials-list li img {
	float:left;
	margin:6px 15px 0 0;
}
.mtestimonials-list li p {
	font-style:italic;	
	margin:0;
	padding:0 0 4px 0;
}
.mtestimonials-text {
	float:left;
	width:400px;	
}
.mtestimonial-name {
	float:left;	
}
.gallery-list {
	float:left;
	width:226px;	
	margin:0 0 0 -16px;
}
.gallery-list li {
	float:left;
	margin:10px 0 0 16px;	
	padding-bottom:6px;
}
.gallery-list li img {
	display:block;	
}
/* end inferior misc area */