/*----- Start "Main definitions" -----*/
* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 1.5;
    font-family: Arial, "Trebuchet MS", Tahoma sans-serif;
    color: #4a4a4a;
    background: #ffffff ;
    text-align: left;
}

a img { border: 0; }
a { color: #FF9900; text-decoration:none }
a:hover { text-decoration: none; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
/*----- End "Main definitions" -----*/

#page { width: 952px; margin: 0 auto; padding: 0 10px; }

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Tahoma, Arial, Sans-Serif;
	color: #2b2b2b;
	font-weight: normal;
}
h1 { font-size: 23px; }
h2 { font-size: 20px; color:#FF3333;}
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 15px; }
h6 { font-size: 14px; }

ul { padding-left: 15px; }

#header { margin-bottom:10px; margin-top:10px; padding: 20px 12px 15px 3px; background:url(images/logo.png) no-repeat; }
#header .description { font-family: "Trebuchet MS", Tahoma, Arial, Sans-Serif; font-size: 11px; color: #9c9c9c; text-transform: uppercase; line-height: 1; }
#header h1 { line-height: 1.1; }
#header h1 a { color: #2b2b2b; text-decoration: none; }

#navigation { float: right; display: inline; font-size: 11px; line-height: 1.5; text-transform: uppercase; padding-top: 10px; }
#navigation ul li { float: left; display: inline; list-style-type: none; padding-right: 18px; margin-right: 14px; background: url(images/nav-sep.gif) repeat-y right 0; }
#navigation ul li.last { margin-right: 0; padding-right: 0; background: none; }
#navigation ul li a { color: #7f7f7f; text-decoration: none; }
#navigation ul li a:hover { text-decoration: underline; }
#navigation ul li.active a { color: #FF0033; }

#frame { height: 335px; width: 726px; padding: 8px; background: url(images/features-frame.png) no-repeat 0 0; margin: 0 auto; margin-bottom: 35px; } 

.jcarousel-container { position: relative; }

.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}

.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}

.jcarousel-list li, .jcarousel-item { float: left; list-style: none;  /* We set the width/height explicitly. No width/height causes infinite loops. */ height: 335px; width: 726px; }
 
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 135px; left: 755px; width: 55px; height: 55px; cursor: pointer; background: url(images/next.gif) no-repeat 0 0; }

.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 135px; left: -85px; width: 55px; height: 55px; cursor: pointer; background: url(images/prev.gif) no-repeat 0 0; }

.jcarousel-skin-tango .jcarousel-container-horizontal { width: 726px; }

.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  726px; height: 335px; }

.jcarousel-skin-tango .jcarousel-item { width: 726px; height: 335px; }


#content { padding: 0 5px 10px 5px; }
#content p { padding-bottom: 18px; }
#content .separator { padding-right: 18px;  }
#content .left-col { float: left; display: inline; width: 795px; margin-left:150px; }
#content .right-col { float: right; display: inline; width: 505px; }



.linklist { padding-left: 0; }
.linklist li { padding-left: 7px; list-style-type: none; }

#footer { border-top:1px dotted #FF3333; padding: 20px 18px; }