@import url('grid/reset.css');
@import url('grid/text.css');
@import url('grid/960.css');
@import url('../fancybox/jquery.fancybox.css');

body {background:#151515 url(../img/bg.jpg) top repeat-x;font-family:Trebuchet MS, Arial, Verdana, serif;color:#999;}
a:link {color:#fff;text-decoration:none;}
a:visited {color:#77a521;}
a:hover, a:active {color:#77a521;}
h1 {color: #fff;font-family: "Myriad Pro", Trebuchet MS, Arial, sans-serif;font-size: 40px;font-weight: normal;margin: 0 0 20px 30px;}
h2 {color:#fff;font-size: 18px; font-family: "Myriad Pro", Helvetica, Arial, sans-serif;}
h3 {color: #fff;font-family: "Myriad Pro", Helvetica, Arial, sans-serif;font-size: 38px;letter-spacing:-1px;font-weight: bold;margin:0;}
h4 {color: #ffffff;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;margin: 0 30px 0 30px;}
h5 {color: #fff;font-family: "Myriad Pro", Helvetica, Arial, sans-serif;font-size: 24px;font-weight: normal;margin: 0 30px 0 30px;}
h6 {color: #77a521;font-family: "Myriad Pro", Helvetica, Arial, sans-serif;font-size: 24px;font-weight: normal;margin: 0 0 0 10px;}

.green { color: #77a521;}
.thirds  {padding: 0 0 0 20px;}

#header { width: 960px; height: 98px;background:#000 url(../img/logo_bg.jpg) no-repeat;margin:0 auto; }

	#logo {width:424px; height: 98px; float:left;}
	#menu  { float: right; padding: 35px 25px 0 0; list-style: none; }
		#menu li { display: inline; }
		#menu a { display: block; float: left; margin-left: 20px; padding: 5px; text-decoration: none; font-weight:bold; font-size: 18px; color: #fff; }
		#menu a:hover { color: #77a521;}
		#menu .active a { color: #77a521;}
        /* Hides from IE5-mac \*/
        * html #menu a {height: 1%;}
        /* End hide from IE5-mac */ 
#main {position:relative;overflow:hidden;height:319px;background: url(../img/header_bg.jpg) top repeat-x;}
	#main h1 {position:absolute;top:10px;right:0px;background:#222;}
		#main h1 a{display:block;width:175px;height:48px;text-indent:-9999px;background: transparent url('../img/logo.gif') top left no-repeat;}
	#main h2 {position:absolute;bottom:10px;left:0px;background:#222; padding: 5px 15px;font-weight:normal;}
	#main h1 a, #main h2 a {color:#fff; text-decoration:none;}
	#main p {padding-left:10px;}
	
#main .box {padding: 0;width: 440px;color: #7c7c7c;margin: 40px 0 0 30px;overflow:hidden;}
#main .box p {line-height: 15pt;color: #fff;}

#image {float: right;width: 465px;height: 319px;background: url(../img/notebook.jpg) no-repeat;margin: 0 15px 0 10px;display:inline;}
#slider {width: 353px; /* important to be same as image width */height: 237px; /* important to be same as image height */position: relative; /* important */overflow: hidden; /* important */
	margin:37px 0 0 38px;}
#sliderContent {width: 315px; /* important to be same as image width or wider */position: absolute;}
.sliderImage {float: right;position: relative;display: none;}
/* hide hack from Mac-IE5 \*/
* html .sliderImage {
	height: 1%;
}
/* end hiding */
.sliderImage span {position: absolute;display: none;}
#articles {position:relative;overflow:hidden;padding-top:25px;}
#articles p {padding: 0 10px 0 10px;}
#articles .thumbnail {float: left;margin: 0 30px 0 30px;}
#articles .thumbnail_right {float: right;margin: 0 0 0 10px;}
#articles .impr{padding: 0 30px 0 30px;}
#articles .impr_h6{padding: 0 30px 0 20px;}
#articles .impr2{padding: 0 35px 0 30px;}
	#articles ul {margin:0;padding:0;list-style:none;position:relative;overflow:hidden; margin: 0 0 10px 0;}
		#articles ul li{margin:0 8px 0 10px;padding:0 10px;display:inline;float:left;width:290px;background: url(../img/divider_h.gif) right no-repeat;}
		#articles ul li.no-margin{margin:0;background:#000;}
		#articles ul li.no-margin2{margin:0 8px 0 0;}
		#articles h2{margin:0 0 0 10px;border:none;color:#fff;font-size:30px;letter-spacing:0.5px;font-family:"Myriad Pro", Helvetica, Arial, sans-serif;}
		#articles h2 a{color:#333; text-decoration:none;}
		#articles h2 a:hover{background:#000;color:#fff;}
		#articles #description {margin-top:25px;margin-right:10px;float:right;width:290px;}
			
        #articles #quote {background: url(../img/divider_h.gif) right no-repeat;margin-top:25px;margin-left:20px;width:620px;float:left;}
            #articles #quote p {padding:0 10px 0 10px;position:relative;}   
		#articles #quote_faq {margin-top:25px;margin-left:20px;width:620px;float:left;}
            #articles #quote_faq p {color:#999;padding:0 10px 0 10px;position:relative;}            
             #articles .date_right {font-size:10px;font-weight: bold;float:right;}
#articles img.gallery{padding:0px;margin:10px;border:5px #2c2c2c solid;float:left;}
#articles img:hover.gallery{border:5px #77a521 solid;}

.VideoButton {display: block;float:right;width: 112px;height: 32px;background: url(../img/video_button.jpg);margin: 30px 30px 0 0;text-decoration: none;color: #2c2c2c;}
.VideoButton:hover {background: url(../img/video_button.jpg) 0px -32px;}

#footer {position:relative;overflow:hidden;text-align:right;padding-top:25px;color:#999;}
	#footer p {margin-left: 20px;float:left;}
	#footer ul{margin:0;padding:0 20px;list-style:none;float:right;}
		#footer ul li{display:inline;margin:0 10px;}
			#footer ul li a{color:#fff;text-decoration:none;font-weight:bold}
			#footer ul li a:hover{color:#77a521;text-decoration:none;}
            #footer .active a {color:#77a521;text-decoration:none;}