body {
text-align: center;
margin: 0;
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 12px;
line-height:1.4em;
color: #333;
background: #CAC2B8 url('/images/bg-bigcircle-gray.png') repeat top left;
}

html { overflow-y: scroll}

.hidden {
	display: none;
}
.clear {
	clear: both;
}

.rss_date { font-size: 11px; color: #999; line-height: 10px; }
.rss_item { list-style: none; margin-bottom: 10px; color: #666; }
.rss_items { padding: 0; border-bottom: dotted 1px #CCC; margin: 0 0 10px 0; color: #999; }

#home-hero {
width: 642px;
height: 400px;
margin: 0 0 10px 0;
}

#home-ads {
width: 208px;
height: 400px;
float: right;
}

.home-feature {
background: transparent url('/images/bg-home-feature.png') repeat-x top left;
padding: 10px;
width: 188px;
min-height: 100px;
-webkit-border-radius: 6px;  
-moz-border-radius: 6px;  
-khtml-border-radius: 6px;  
border-radius: 6px; 
}

.home-feature h2 {
color: black;
font-size: 24px;
font-weight: lighter;
}

#background-top {
background: transparent url('/images/bg-header-global.png') no-repeat top center;
width: 960px;
margin: 0 auto;
text-align: left;
}

#background-top-blank {
background: transparent url('/images/bg-header-blank.png') no-repeat top center;
width: 960px;
margin: 0 auto;
text-align: left;
}

#background-top-blank-new {
background: transparent url('/images/bg-header-blank-new.png') no-repeat top center;
width: 960px;
margin: 0 auto;
text-align: left;
}

#siteframe {
margin: 0 auto;
text-align: left;
}

#social { float: right; position: relative; top: 70px; right: 40px; }

#header { width: 960px; margin: 0 auto; height: 118px; }

#main { width: 600px; margin: 0 20px 0 0; }
#sidecolumn { width: 240px; float: right; position: relative; right: 0; }

#main-right { width: 650px; margin: 0 0 0 20px; float: right; position: relative; right: 0; }
#sidebar-left { width: 190px; }

#full { margin: 0 25px 0 25px; }

.linebreak {border-bottom: 1px #CCC dashed; margin: 15px 0 15px 0;}

.productlist { 
	background-color: #F8F8F8;
	border: 1px solid #DEDEDE;
	cursor: pointer;
	padding: 5px;
	margin: 2px 0 2px 0;
	text-align: left;
}
.productlist:hover {
	background-color: #F2F2F2;
	border: 1px solid #CCC;
}

#main-right ul, #main ul { margin: 0 0 15px 0; padding-left: 20px; list-style-type: square; }
#main-right ul li, #main ul li {
padding: 0;
margin: 0px 0px 5px 15px;
list-style-type: square;
font-size: 1em;
vertical-align: middle;
min-height: 16px;
}

#main-right ol, #main ol {
margin: 0 0 10px 0;
}

#main-right ol li, #main ol li {
margin: 0 0 5px 0;
}

/********************************************************* popup stuff */

#contact-mask {position:absolute; top:0; left:0; height:100%; width:100%; background:#000; opacity:.75; filter:alpha(opacity=75); z-index:100;}
#generic-popup { z-index: 1001; width: 700px; height: 400px; background-color: #FFFFFF; position: absolute; text-align: left; padding: 10px; border: solid #CCC 6px; }
.pagepopup {display: none;}
img.close {float: right; position: relative; top: -28px; right: -30px; border: 0; padding: 0;}

.details ul {
padding: 0;
margin: 8px;
}

.details ul li {
margin-left: 22px;
padding: 0 0 6px 2px;
list-style-image: url(/images/ico-bullet.png);
vertical-align: middle;
}

.faq ul {
padding: 0;
margin: 8px;
}

.faq ul li {
margin: 0 0 12px 22px;
padding: 0;
/* list-style-image: url(/images/ico-bullet.png); */
list-style-type: square;
vertical-align: middle;
/*
background-color: #F2F2F2;
border: 1px dotted #CCC;
*/
}

/********************************************************* CONTENT */

.bignumber {
float: left;
position: relative;
text-align: center;
background: #DE5A38;
margin: 0 10px 0 0;
color: white;
width: 30px;
height: 30px;
font-size: 20px;
font-weight: bold;
-webkit-border-radius: 10px;  
-moz-border-radius: 10px;  
-khtml-border-radius: 10px;  
border-radius: 10px; 
line-height: 31px;
}

#content {
width: 910px;
background-color: white;
text-align: left;
margin: 0 auto;
padding: 60px 0 15px 0;
min-height: 360px;
}

p {
padding: 2px 0 10px 0;
margin: 0 auto;
font-size: 1em;
line-height: 18px;
}

.overview { line-height: 22px; color: #BABABA; font-size: 16px; }

.featured {
font-size: 11px;
color: #999;
letter-spacing: 10px;
text-transform: uppercase;
padding: 0;
}

.alert {
size: 18px;
font-weight: bold;
color: #CC0000;
}

div.alertbox {
border: 2px solid #DE5A38;
background-color: #F3F1EF;
padding: 15px;
margin: 15px 0;
}

.smallalert {
color: red;
font-size: 11px;
}

.small {
font-size: 11px;
color: #999;
line-height: 13px;
padding: 0 0 10px 0;
}

h1 {
font-size:26px;
font-weight:lighter;
line-height:28px;
color: #000;
margin: 0 auto;
padding: 0 0 2px 0;
}

h2 {
font-size: 18px;
line-height: normal;
color: #999;
font-weight: lighter;
margin: 0 0 8px 0;
}

h3 {
font-size: 16px;
line-height: normal;
color: #333;
font-weight: bold;
margin: 0;
}

a:link, a:visited { color: #588528; text-decoration: none; }
a:hover { color: #0E511C; text-decoration: none; }


.graybox {
background-color: #F2F2F2; border: dashed 1px #CCC; padding: 10px; margin: 15px 0;
}

.note {
background-color: #F2F2F2;
border: dashed 1px #CCC;
padding: 10px;
margin: 0 10px;
}

img {
border: 0;
}

.projectlife-thumb {
/* background-color: #f2f2f2; */
width: 200px;
height: 170px;
margin: 6px 14px 14px 0;
float: left;
}

.projectlife-thumb img {
border: 1px solid #999;
}

.info {
padding: 5px;
width: 130px;
height: 40px;
float: left;
}

.releasedate {
background-color: #999;
color: white;
float: right;
width: 50px;
padding: 5px;
text-align: center;
font-size: 11px;
line-height: 13px;
}

.available {
background-color: #CC0000;
color: white;
float: right;
width: 50px;
padding: 5px;
text-align: center;
font-size: 11px;
line-height: 13px;
}

.videothumb { margin: 5px 0 4px 0; }

img.prodthumb { margin: 6px; border: solid 1px #E5E5E5; padding: 5px; background-color: white; }
img.stepthumb { margin: 0; border: solid 1px #E5E5E5; padding: 5px; background-color: white; }
img.padded { margin-top: 10px; }
img.logo { float: left; position: relative; top: 26px; left: 25px; }
img.banner { text-align: center; padding: 10px 0; }
img.thumbnail { border: 1px solid #CCC; margin: 0 0 5px 0; }
img.downloadbutton { padding: 2px 0 0 0; }

.ad-large { padding: 5px 0; width: 220px; height: 280px; }
.ad-med { padding: 5px 0; width: 220px; height: 105px; }
.ad-small-left { padding: 5px 5px 5px 0; float: left; width: 105px; height: 105px; }
.ad-small-right { padding: 5px 0 5px 5px; float: left; width: 105px; height: 105px; }

img.right {
float: right;
padding: 0 0 12px 12px;
border: 0;
}

img.left {
float: left;
padding: 0 12px 12px 0;
border: 0;
}

img.app {
float: left;
padding: 0 12px 36px 0;
border: 0;
}

img.button {
margin: 0 0 20px 0;
border: 0;
}

img.videothumb {
padding: 15px 0 0 0;
}

/********************************************************* testimonials */

.testimonialbox {
background: transparent url('/images/bg-quotations.png') no-repeat top left;
min-height: 60px;
padding: 10px;
}

.testimonialbox p { font-family: Georgia, serif; font-weight: normal; font-style: italic; color: #666; font-size: 12px; }

.testimonialbox p.customername { font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #999; font-style: normal; font-size: 11px; }

img.customer { margin: 6px; border: solid 1px #E5E5E5; padding: 5px; background-color: white; float: right; margin: 0 0 10px 10px; }

.webwidget_slideshow_common{
position: relative;
font-family: Georgia, serif;
font-size: 12px;
}

.webwidget_slideshow_common .slides_box {
padding: 0px;
margin: 0px;
overflow: hidden;
position: absolute;
}

/********************************************************* BACKGROUND */

#bottomcap {
width: 910px;
height: 10px;
margin: 0 auto;
background: transparent url('/images/bg-bottomcap.png') no-repeat top center;
}

/********************************************************* COPYRIGHT */

#copyright {
width: 910px;
margin: 0 auto;
padding: 12px;
color: #7B7770;
}

#copyright p {
font-size: 11px;
color: #7B7770;
padding: 0 0 4px 0;
}

#copyright a:link, #copyright a:visited {color: #514E49; text-decoration: none; font-weight: normal;}
#copyright a:hover {text-decoration: none; color: #201F1D;}

/********************************************************* main navigation */

#navigation {
background: transparent url('/images/bg-navbar.png') no-repeat top left;
height: 46px;
width: 926px;
position: relative;
top: 116px;
left: 0;
margin: 0 auto;
}

ul#nav, ul#nav li {
float: left;
list-style: none;
}

ul#nav {
font-family: Arial, sans-serif;
font-size: 15px;
color: #999;
font-weight: lighter;
padding: 0;
margin: 10px 0 0 10px;
position: absolute;
}

ul#nav a, ul#nav a:visited {
color: #999;
text-decoration: none;
display: block;
margin: 0 12px 0 12px;
padding: 2px;
}

ul#nav a:hover {
color: #CCC;
text-decoration: none;
display: block;
}

#home #nav-home a,
#projectlife #nav-projectlife a,
#products #nav-products a,
#blog #nav-blog a,
#recipes #nav-recipes a,
#videos #nav-videos a,
#freestuff #nav-freestuff a,
#digitalpl #nav-digitalpl a,
#creativeteam #nav-creativeteam a,
#about #nav-about a,
#faq #nav-faq a { color:#FFF; }


/**************************************************************** sub navigation */

#subnavigation {
padding: 0 0 20px 0;
margin: 0 auto;
text-align: left;
}

ul#subnav, ul#subnav li {
list-style: none;
margin: 0 auto;
padding: 0;
}

ul#subnav {
font-size: 12px;
color: #999;
}

ul#subnav a, ul#subnav a:visited {
color: #999;
text-decoration: none;
display: block;
margin: 0 auto;
padding: 6px 0;
border-bottom: dotted 1px #e5e5e5;
}

ul#subnav a:hover {
color: #666;
text-decoration: none;
display: block;
}

#subnav li.active a {
color: #333;
text-decoration: none;
display: block;
}

#1 #subnav-1 a,
#2 #subnav-2 a,
#3 #subnav-3 a,
#4 #subnav-4 a,
#5 #subnav-5 a,
#6 #subnav-6 a,
#7 #subnav-7 a,
#8 #subnav-8 a {
color: #333;
text-decoration: none;
display: block;
}

#overview #subnav-overview a,#offices #subnav-offices a,#people #subnav-people a,#team #subnav-team a,#investors #subnav-investors a {
color: #333;
text-decoration: none;
padding: 11px 0 11px 22px;
display: block;
}


/********************************************************* Returns page */

div.product-form-part {
	border-bottom: 1px dotted #ccc;
	padding: 10px 0px;
}
#call-to-action-minor {
	background-color: #f8f8f8;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
}
#returns-form p {
	padding: 0px;
}
label.description {
	display: block;
}
input[type=checkbox].month {
	float: left;
}
label.month {
	float: left;
	width: 35px;
}

/********************************************************* slider */

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	z-index: 0;
}
/*--Window/Masking Styles--*/
.window {
	height:108px;	width: 820px;
	overflow: hidden;
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}
.paging{
	visibility:hidden;
	height: 0px;
}

.blueboxlink {
	display:block;
	height:108px;
	position:relative;
}