@charset "utf-8";
/* CSS Document */

/* body -------------------------------------------------*/

h1,h2,h3,h4,h6,p,blockquote,ol,ul,li,img {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	background-image: url(backgrounds/bg-main.gif);
	background-repeat: repeat-x;
	color: #DFDFDF;
}

/* text -------------------------------------------------*/

a:link {
	text-decoration: underline;
	color: #333;
}
a:visited {
	text-decoration: underline;
	color: #333;
}
a:hover {
	text-decoration: underline;
	color: #666;
}
a:active {
	text-decoration: underline;
	color: #333;
}

p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #333;
	line-height: 1.5em;
	margin-bottom: 20px;
}

p .small {
	font-size: 11px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #333;
	padding: 0px;
	margin-bottom: 20px;
	font-weight: normal;
	font-style: normal;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #D2210C;
	line-height: 1.5em;
	padding: 20px 15px 15px 20px;
}

.bullets li {
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #333;
	padding-left: 15px;
	padding-bottom: 10px;
	background-image: url(pictures/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.3em;
	font-weight: normal;
}


/* wrapper ------------------------------------*/

#wrapper {
	width: 940px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

/* header ------------------------------------*/

#header {
	width: 940px;
	margin-bottom: 0px;
}

/* time ------------------------------------*/

#time {
	width: 920px;
	height: 20px;
	padding-right: 20px;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #ccc;
}

/* banner ------------------------------------*/

#banner {
	width: 900px;
	height: 200px;
	margin-left: 20px;
	margin-bottom: 3px;
}

#banner #slideshow {
	height:200px;
	position: relative;
	float: left;
	width: 900px;
}

#banner #slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#banner #slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#banner #slideshow IMG.last-active {
    z-index:9;
}

/* nav ---------------------------------------*/

#nav {
	width: 900px;
	height: 30px;
	background-color: #485464;
	margin-bottom: 20px;
	margin-left: 20px;
}

/* body ------------------------------------*/
/* body ------------------------------------*/
/* body ------------------------------------*/
/* body ------------------------------------*/


#bodyWrap {
	width: 900px;
	margin-left: 20px;
	margin-bottom: 0px;
}

#body {
	width: 520px;
	margin: 0px 60px 0px 20px;
	float: left;
	background-image: url(backgrounds/bg-body.png);
	background-repeat: no-repeat;
	background-position: top;
}

#bodyRight {
	width: 300px;
	margin: 0px 0px 0px 0px;
	float: left;
}

.testimonialBox {
	padding:10px;
	background-color:#eaebef;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #333;
	line-height: 1.5em;
}

.testimonialTail {
	padding:0px;
	margin-bottom:20px;
}


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

#footer {
	width: 900px;
	height: 60px;
	margin-left: 20px;
	background-image: url(backgrounds/bg-footer.gif);
	background-repeat: no-repeat;
}

#footer p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #999;
	margin: 0px;
	padding: 0px;
}

#footer a:link {
	text-decoration: none;
	color: #999;
}
#footer a:visited {
	text-decoration: none;
	color: #999;
}
#footer a:hover {
	text-decoration: none;
	color: #485464;
}
#footer a:active {
	text-decoration: none;
	color: #999;
}

.left {
	width: 400px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}

.right {
	width: 400px;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	text-align: right;
}

.middle {
	width: 58px;
	float: left;
	margin-right: 0px;
	margin-top: 20px;
	text-align: center;
}

.socialBox {
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 10px;
	text-align: center;
}

a.twitterBtn {
	display: block;
	width: 24px;
	height: 24px;
	background-image:url(pictures/twitterBtn-up.gif);
}

a.twitterBtn:hover {
	background-image:url(pictures/twitterBtn-over.gif);
}

a.linkedinBtn {
	display: block;
	width: 24px;
	height: 24px;
	background-image:url(pictures/linkedinBtn-up.gif);
}

a.linkedinBtn:hover {
	background-image:url(pictures/linkedinBtn-over.gif);
}





/* others */

.picWrap {
	padding: 10px 20px 20px 20px;
	text-align: center;
}

.pic {
	float: left;
}

.picWrap p {
	font-size: 11px;
	padding: 0px;
	margin-top: 5px;
	color:#333;
}















/* topnav detailed */


div#css-menu-container {
	width: 900px; 
	height: 30px;
	padding: 0; 
	margin: 0;
}

ul.css-menu li, ul.css-menu a {
	font-family: Georgia, "Times New Roman", Times, serif;
	/*text-shadow: 0 1px 0 #000;*/
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
}

ul.css-menu {
	margin: 0px;
	height: 30px;			/* sets the height of the menu block */
	width: 900px;           /* sets the width of the menu block */
	border: none;
	background-image: none;
	padding-left: 0px;           /* stops the usual indent from ul */
	cursor: default;             /* gives an arrow cursor */
	margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
}

ul.css-menu ul {
  width: 80px;                 /* sets the default size of the drop-downs */
  background-image: url(backgrounds/menu-bg.png);
  border-radius: 0px;
  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
  z-index: 9999999;				/* put this above productImages (arbitrarily high) */
}

ul.css-menu li {
	list-style-type: none;       /* removes the bullet points */
	margin: 0px;                 /* Opera 7 puts large spacings between li elements */
	position: relative;
	color: #fff;				   /* ? */
	text-align: left;
	padding-left: 6px;
	text-transform: none;
	height: 30px;				/* was 35px */
	line-height: 30px;		   /* was 35px - height of drop down cell */
}

ul.css-menu > li {
	float: left;
	line-height: 30px;		   /* main nav */
	height: 30px;				   /* main nav */
	width: 100px;
	font-size: 10px;
	text-align: left;
	padding-left: 0px;
}

ul.css-menu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  width: 180px;
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 0px;                    /* position slightly lower than the parent menu item */
  left: 180px;                 /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
}

ul.css-menu > li > ul {
  display: none;
  position: absolute;
  top: 30px;				   /* drop box position */
  left: 0px;
}

ul.css-menu ul li:hover {
  background-color: #485464;  /* gives the active MAIN drop down menu a brown background */
  color: red;                 /* ? - makes the active menu item text black */ 
  border-radius: 0px;
}

ul.css-menu > li:hover {
	color: red;				  /* ? */ 
}

/* Make the child block visible on hover */
ul.css-menu li:hover > ul {    
  display: block;
}

.clearFloat {
  font-size: 1px;
  line-height: 0px;
  height: 1px;     				 /* ? */
  clear: both;
}

/* and some link styles */
ul.css-menu li a {
	color: #fff;
	display: block;
	width: 100%;
	text-decoration: none;
}   /* link colour */ 
ul.css-menu li a:hover { color: red; }													/* link colour */ 
ul.css-menu li:hover > a { color: #fff; } 												/* supports links in branch headings - should not be display: block; */
/* Top level link hover style */
ul.css-menu > li:hover > a:hover, ul.css-menu > li:hover > a {
	color: #C5CCD6;
	text-decoration: none;
}