body {
	color: #444;
	line-height: 1.6;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	padding: 0px;
	background: #dedede repeat-x url(../graphics/background.jpg);
}

p { margin: 0px 0px 5px 0px; }

a { text-decoration: none; color: #f00; }
a:link, a:visited { color: #f00; text-decoration: none; }
a:hover { text-decoration: none; color: #000; }

sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	bottom: 1ex;
}

ul { padding-left: 15px; }
ol { padding-left: 15px; font-size: 11px; margin-top: -10px; line-height: 1.4; }

h1 { margin: 0px 0px 0px 0px; color: #666; font-weight: normal; font-size: 16px; letter-spacing: .1em; }
h2 { margin: 15px 0px 15px 0px; font-weight: bold; font-size: 16px; color: #000; }
h3 { margin: 0px 0px 5px 0px; color: #000; font-weight: bold; font-size: 11px; }
h4 { margin: 0px 0px 5px 0px; color: #f00; font-weight: bold; font-size: 11px; }
h5 { margin: 4px 0px 5px 0px; font-weight: bold; font-size: 10px; color: #000; }
h6 { margin: 4px 0px 5px 0px; font-weight: bold; font-size: 11px; color: #000; }
.tagline { margin: 0px 0px 5px 0px; font-weight: bold; font-size: 12px; }
.boxhead { font-weight: bold; font-size: 12px; }
.red { color: #f00; }
.italic { margin: 0px; color: #666; font-weight: normal; font-style: italic; font-size: 10px; }
.registration { font-size: 9px; vertical-align: super; }

#container {
	width: 1050px;
	margin: 0px auto; /* keeps div centered when browser is resized */
	text-align: left; /* for IE5 Windows */
	position: relative;
}

#logo {
	width: 287px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#mainnav {
	overflow: hidden;
	width: 720px;
	height: 35px;
	margin: 0px;
	padding: 62px 0px 3px 0px;
	display: none;
}
#mainnav a:link, #mainnav a:visited { color: #f00; }
#mainnav a:hover { text-decoration: none; color: #000; }
#mainnav ol, #mainnav ul, #mainnav li { list-style: none; padding: 0px; margin: 0px; }

#sectionflash {
	background: #e6e6e6 no-repeat url(../graphics/top-shadow.png);
	width: 960px;
	min-height: 400px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	position: relative;
	clear: both;
}

#sectionflash2 {
	background: #e6e6e6 no-repeat url(../graphics/work/work_back.jpg);
	width: 920px;
	margin: 0px 0px 0px 10px;
	padding: 20px 20px 10px 20px;
	position: relative;
	clear: both;
}

#sectionnoflash {
	background: #fff no-repeat url(../graphics/top-shadow.png);
	width: 920px;
	min-height: 360px;
	margin: 0px 0px 0px 10px;
	padding: 20px;
	position: relative;
	clear: both;
}

#sectionnoflash2 {
	background: no-repeat url(../graphics/top-shadow.png);
	width: 920px;
	min-height: 360px;
	margin: 0px 0px 0px 10px;
	padding: 20px;
	position: relative;
	clear: both;
}

#about_bg { background: repeat-y url(../graphics/about/about-bg.gif) 10px 0px; }


#maincontent {
/*	border: solid blue 1px;*/
	background: #fff no-repeat url(../graphics/top-shadow.png);
	width: 920px;
	min-height: 250px;
	margin: 0px 0px 0px 10px;
	padding: 20px;
	clear: both;
}

.homebox {
	background: #fff no-repeat url(../graphics/home/home-news-gradient.jpg) 0px 36px;
	width: 290px;
	float: left;
	margin-right: 25px;
	font-size: 11px;
}
.homebox a { line-height: 1.4; }
.homebox p { margin: 0px 20px 10px 20px; }

.homebox_head {
	width: 270px;
	height: 16px;
	background: no-repeat url(../graphics/home/cs_top_news.jpg);
	padding: 10px 10px 10px 20px;
}

.homebox_wide {
	border: 1px solid #666;
	width: 883px;
	height: 148px;
	clear: both;
	padding: 20px 30px 20px 30px;
	font-size: 11px;
}

.homebox_plain {
	width: 200px;
	float: left;
	margin-right: 20px;
}

.textarea {
	width: 448px;
	float: left;
	margin: 0px;
}
.textarea p { margin-bottom: 10px; }

.textarea_wide {
	width: 648px;
	float: left;
	margin: 0px 35px 0px 0px;
}
.textarea_wide p { margin-bottom: 10px; }

.spacerbox {
	width: 216px;
	float: left;
	margin-left: 20px;
}

#demo_wide {
	width: 720px;
	margin-top: 10px;
}

.productbox {
	background: no-repeat url(../graphics/get_started_back.jpg) 0px 47px;
	width: 215px;
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	font-size: 11px;
}
.productbox p { margin: 0px 20px 10px 20px; }
.productbox a, .productbox a:link, .productbox a:visited { color: #000; }
.productbox a:hover { text-decoration: none; color: #f00; }

.product_head {
	width: 196px;
	height: 27px;
	background: no-repeat url(../graphics/cs_top.jpg);
	padding: 10px 10px 10px 20px;
}

.casestudybox {
/*	background: no-repeat url(../graphics/get_started_back.jpg) 0px 47px;*/
	background: no-repeat url(../graphics/get_02.jpg) 0px 47px;
	width: 216px;
	float: left;
	margin-left: 20px;
	margin-right: 0px;
	font-size: 11px;
}
.casestudybox p { margin: 0px 20px 10px 20px; }
.casestudybox a, .casestudybox a:link, .casestudybox a:visited { color: #000; }
.casestudybox a:hover { text-decoration: none; color: #f00; }

.casestudy_head {
	width: 196px;
	height: 27px;
	background: no-repeat url(../graphics/cs_top.jpg);
	padding: 10px 10px 10px 20px;
}

.getstartedbox {
	background: no-repeat url(../graphics/get_started_back.jpg) 0px 47px;
	width: 216px;
	min-height: 134px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	font-size: 11px;
}
.getstartedbox p { margin: 0px 20px 10px 20px; line-height: 1.6; }
.getstartedbox a, .getstartedbox a:link, .getstartedbox a:visited { color: #000; }
.getstartedbox a:hover { text-decoration: none; color: #f00; }

.getstarted_head {
	width: 196px;
	height: 27px;
	background: no-repeat url(../graphics/get_started_top.jpg);
	padding: 10px 10px 10px 20px;
}
.getstarted_head a { color: #000; }

.getstartedbox2 {
	background: no-repeat url(../graphics/get_started_01.jpg);
	width: 215px;
	min-height: 134px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	font-size: 11px;
}
.getstartedbox2 p { margin: 7px 20px 0px 20px; line-height: 1.4; }
.getstartedbox2 a, .getstartedbox2 a:link, .getstartedbox2 a:visited { color: #000; }
.getstartedbox2 a:hover { text-decoration: none; color: #f00; }

.getstarted_head2 {
	float: left;
	width: 135px;
	height: 16px;
	padding: 10px 10px 10px 20px;
	margin-bottom: 90px;
}
.getstarted_head2 a { color: #000; }
.getstarted_head2 h5 { margin-bottom: 20px; }

.newsbox {
	background: no-repeat url(../graphics/get_started_back.jpg);
	width: 216px;
	min-height: 134px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	font-size: 11px;
}
.newsbox h5 { margin: 20px 0px -20px 20px; padding: 0px; }
.newsbox a, .newsbox a:link, .newsbox a:visited { color: #000; }
.newsbox a:hover h5 { text-decoration: none; color: #f00; }

.quotetxt {
	font-size: 11px;
/*	font-weight: bold;*/
	padding-top: 15px;
	color: #666;
	line-height: 1.4;
}

.quotebox {
/*	border: solid purple 1px;*/
	width: 215px;
	float: left;
	margin-right: 0px;
}
.quotebox img { margin-bottom: 20px; }

.thumbbox {
/*	border: solid purple 1px;*/
	width: 216px;
	float: left;
	margin-right: 19px;
}
.thumbbox img { margin-bottom: 20px; }

.thumb {
	background: no-repeat url(../graphics/demos/logo_demo_tn_box.jpg);
	margin: 0px 0px 20px 0px;
	padding: 22px 0px 0px 25px;
	width: 191px;
	height: 130px;
}
.thumb img { margin-bottom: 0px; }

.thumb2 {
	background: no-repeat url(../graphics/work/logos/cs_live-back.jpg);
	margin: 0px 0px 20px 0px;
	padding: 14px 0px 0px 25px;
	width: 191px;
	height: 120px;
}

#slides_container {
	float: right;
	width: 670px;
	margin: 0px;
	padding: 0px;
}

#slides {
/*	float: right;*/
	width: 670px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.workbox {
	width: 230px;
	float: left;
	margin-right: 0px;
}
.workbox p { margin-bottom: 15px; line-height: 1.6; }
.workbox img { padding-top: 25px; padding-bottom: 15px; }
.workbox a { font-size: 11px; }

#workquotes {
	width: 570px;
/*	height: auto;
	margin-left: 248px;
	margin-top: 440px;*/
}

.workquote1 {
	width: 275px;
	float: left;
}
.workquote2 {
	width: 275px;
	float: right;
}

.topstorytxt {
	width: 450px;
	float: left;
	margin: 20px 10px 0px 20px;
}
.topstorytxt p { margin-bottom: 10px; }
.topstorytxt h3 { margin-top: 10px; margin-bottom: 10px; }

.topstoryhead {
	color: #333;
	font-weight: bold;
	font-size: 20px;
}

.topstoryimg {
	width: 450px;
	margin: 50px 20px 0px 10px;
	float: right;
}

.archiveyear {
	width: 80px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
}
.archiveyear a, .archiveyear a:link, .archiveyear a:visited { color: #000; }
.archiveyear a:hover { text-decoration: none; color: #f00; }

.newsdate { font-size: 10px; margin: 10px 0px 0px 0px; padding: 0px; }
.newstitle { font-weight: bold; margin: 0px; padding: 0px; }
.newslinks a, .newslinks a:link, .newslinks a:visited { color: #666; font-size: 10px; }
.newslinks a:hover { text-decoration: none; color: #f00; }

#archivepages {
	padding: 5px;
	margin-top: 20px;
	background: #efefef;
	border: 1px solid #ccc;
}
#archivepages a { padding-right: 5px; }
#archivepages a, #archivepages a:link, #archivepages a:visited { color: #000; }
#archivepages a:hover { text-decoration: none; color: #f00; }

.currentpage { color: #f00; }

.title {
	font-weight: normal;
	font-size: 10px;
	color: #000;
}

#contact_bg { background: repeat-y url(../graphics/about/contact-bg.gif) 10px 0px; }

.contactbox {
	width: 320px;
	float: left;
	margin-top: 15px;
	margin-right: 20px;
	line-height: 1.5;
}
.contactbox select { width: 290px; }
.contactbox p { margin: 0px 0px 10px 0px; }

.contactbox2 {
	width: 215px;
	float: left;
	margin: 0px 0px 0px 25px;
	line-height: 1.5;
}
.contactbox2 p { margin: 0px 0px 10px 0px; }

.sitemapbox {
	width: 216px;
	float: left;
	margin-right: 19px;
	line-height: 1.5;
}
.sitemapbox a, .sitemapbox a:link, .sitemapbox a:visited { color: #000; }
.sitemapbox a:hover { text-decoration: none; color: #f00; }
.sitemapbox ul { list-style: none; margin: 0px 0px 10px 0px;}
.sitemapbox ul ul { margin: 0px;}
.sitemapbox li { font-size: 11px;}
.sitemapbox h3 a { color: #000; }

.footnote {
	font-weight: normal;
	font-size: 9px;
}

#demoviewer {
	float: left;
	width: 670px;
	margin: 30px 20px 20px 20px;
	width: 520px;
}

#demoguide {
	float: left;
	width: 130px;
	margin-top: 30px;
}

#demoguide p {
	font-size: 10px;
}

.demothumbs {
	width: 176px;
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	padding: 0px 20px 0px 20px;
	line-height: 1.3;
	font-size: 10px;
}
.demothumbs img { padding-bottom: 10px; }

#footer { display: none; }