/* ART VPS STYLE SHEETS */



#debug { border:solid 1px #000; }





/* GENERAL STYLES */

body 			  	{ background:#7B8183 url("/images/bg.body.jpg") repeat-y; margin:0px; margin-bottom:50px }

body	            { font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size:70%; line-height:140%; }

td	           		{ font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size:11px; line-height:140%; }

img 		  		{ border:0px; }

blockquote 		  	{ margin-top:2px; margin-bottom:2px; }

.error				{ color:#C33; }

hr					{ width:100%; height:1px; color:#CCC;  }



/* FORM ITEMS */

input, textarea		{ font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size:11px; }

input.register, textarea.register

					{ width:80%; }

.large				{ width:95%; }

.medium				{ width:50%; }



/* HEADER */

#header				{ height:89px; width:997px; }

h1					{ display:none; }

h2 a				{ float:left; width:220px; height:90px; background:url("/images/logo.gif") 38px 11px no-repeat; }

h2 span				{ display:none; }

#news				{ float:left; width:584px; height:7em; background:url("/images/bg.strapline.gif") 11px 5em no-repeat; color:#686B6C; }

#news a				{ color:#D5D7D8; text-decoration:none; }

#news a:hover		{ color:#D5D7D8; text-decoration:underline; }

#news_small			{ width:194px; border-top:solid 1px #E5E5E5; border-bottom:solid 1px #E5E5E5; background:url("/images/subnav.bg.inactive.gif") repeat-y; }

#news_padding		{ padding:10px; padding-left:15px; }

#top				{ float:left; width:584px; height:7em; }

.padding			{ padding:10px; }



/* USER LOGIN */

#login				{ float:left; width:193px; height:90px; }

#login .padding		{ padding:7px 10px; }

#login input.login	{ width:100%; background-color:#606365; border:solid 1px #7B8084; font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size:11px; color:#CCC; }

#login .formleft	{ color:#CCC; float:left; width:60px; }

#login .formright	{ color:#CCC; float:right; width:100px; }

#login .form		{ padding-top:2px; color:#CCC; clear:both; }

form				{ padding:0px; margin:0px; }

#login a.forgot		{ font-size:80%; color:#5E6263; text-decoration:none; }

#login a.forgot:hover { text-decoration:underline; }

#login a			{ color:#CED0D1; text-decoration:none; }

#login a:hover		{ text-decoration:underline; }



/* MEDIA GALLERY */

#frame				{ padding:10px; border:0px; margin:0px; }

.thumbnail			{ float:left; padding:5px; border:solid 1px #CED0D1; margin-right:10px; margin-top:10px; }

.thumbnail_video	{ float:left; padding:5px; border:solid 1px #CED0D1; margin-right:10px; }



/* BAR */

.bar				{ clear:both; background-color:#65696A; height:6px; line-height:1px; font-size:1px }

.bar hr				{ display:none; }



/* MAIN BODY AREA */

#body				{ background:#FFF url("/images/bg.contentarea.gif") repeat-y; width:100%; overflow:hidden; padding:0px; margin:0px; }

#body_wrapper		{ width:997px; }

#gutter				{ float:left; width:26px; }



/* MAIN CONTENT AREA */

#content			{ float:left; width:777px; }

#homepage			{ background:url("/images/bg.homepage.jpg") no-repeat; width:777px; height:404px; }

#homepage span		{ display:none; }

#homepage_quicklinks { float:left; width:250px; }

#homepage_space		{ float:left; width:25px; }

#homepage_content	{ float:left; width:477px; }

#contentarea		{ padding:25px; padding-top:18px; padding-right:0px; }

#contentarea #text	{ float:left; width:540px; }

#contentarea h2		{ font-size:130%; font-weight:bold; }

#contentarea h3		{ font-size:115%; font-weight:bold; }

#contentarea .grey	{ color:#AAA; }

#contentarea .date	{ color:#AAA; }

#contentarea a		{ color:#848A8C; }

#contentarea a:hover { color:#000; }

.promo				{ float:right; width:194px; text-align:center; margin-bottom:15px; }



/* HOMEPAGE QUICKLINKS */

ul.quickbullets 	{ display:block; list-style-type:none; margin:0px; padding:0px; padding-top:5px; }

ul.quickbullets li	{ background:url("/images/arrow.gif") no-repeat 0px 5px; padding:0px 0px 8px 12px; }



/* PARTNER LOGOS */

#logos				{ width:152px; margin-left:20px; margin-top:20px; text-align:center }

#logos .subtitle	{ font-weight:bold; margin-bottom:5px; }



/* NAVIGATION */

#navigation			{ float:left; width:194px; }

.productbox			{ text-align:center; width:194px; margin-top:20px; font-size:90%; }

#contact			{ margin-top:15px; width:194px; border-top:solid 1px #A8AAAA; border-bottom:solid 1px #A8AAAA; background:url("/images/nav.bg.inactive.gif") repeat-y; }

#contact_padding	{ padding:10px; padding-left:15px; }



#navigation ul		{ list-style-type:none; margin:0px; margin-top:32px; padding:0px; border-top:solid 1px #A8AAAA; }

#navigation ul li	{ display:block; border-bottom:solid 1px #A8AAAA; }

#navigation ul li a	{ display:block; color:#000; text-decoration:none; padding:6px 15px 7px 15px; background:url("/images/nav.bg.inactive.gif") repeat-y; }

#navigation ul li a:hover { background:#C6C8C8 url("/images/nav.bg.hover.gif") repeat-y; }

#navigation ul li a.nav-active { background:url("/images/nav.bg.active.gif") repeat-y; }



/* PRODUCTS */

.productbox a.rendercard { display:block; width:194px; margin:0px auto; height:70px; background:url("/images/rendercard.jpg") top center no-repeat; }

.productbox a.rendercard:hover { background:url("/images/rendercard2.jpg") top center no-repeat; }

.productbox a.rendercard span { display:none; }



.productbox a.renderserver { display:block; width:194px; margin:0px auto; height:70px; background:url("/images/renderserver.jpg") top center no-repeat; }

.productbox a.renderserver:hover { background:url("/images/renderserver2.jpg") top center no-repeat; }

.productbox a.renderserver span { display:none; }



.productbox a.camera { display:block; width:194px; margin:0px auto; height:70px; background:url("/images/camera.jpg") top center no-repeat; }

.productbox a.camera:hover { background:url("/images/camera2.jpg") top center no-repeat; }

.productbox a.camera span { display:none; }



/* SUBNAVIGATION */

#subnavigation		{ float:right; width:194px; }

#subnavigation ul	{ list-style-type:none; margin:0px; padding:0px; border-top:solid 1px #E5E5E5; }

#subnavigation ul li { display:block; border-bottom:solid 1px #E5E5E5; }

#subnavigation ul li a { display:block; color:#000; text-decoration:none; padding:6px 0px 7px 15px; background:url("/images/subnav.bg.inactive.gif") repeat-y; }



#subnavigation ul li a.nav-1 { background:url("/images/subnav.bg.inactive.gif") repeat-y; }

#subnavigation ul li a.nav-2 { background:url("/images/subnav.bg.inactive.2.gif") repeat-y; padding-left:25px; }

#subnavigation ul li a.nav-3 { background:url("/images/subnav.bg.inactive.3.gif") repeat-y; padding-left:35px; }

#subnavigation ul li a.nav-4 { background:url("/images/subnav.bg.inactive.4.gif") repeat-y; padding-left:45px; }



#subnavigation ul li a.nav-active-1 { background:url("/images/subnav.bg.active.gif") repeat-y; }

#subnavigation ul li a.nav-active-2 { background:url("/images/subnav.bg.active.2.gif") repeat-y; padding-left:25px; }

#subnavigation ul li a.nav-active-3 { background:url("/images/subnav.bg.active.3.gif") repeat-y; padding-left:35px; }

#subnavigation ul li a.nav-active-4 { background:url("/images/subnav.bg.active.4.gif") repeat-y; padding-left:45px; }



#subnavigation ul li a.nav-1:hover, #subnavigation ul li a.nav-active-1:hover { background:#EDEDED url("/images/subnav.bg.hover.gif") repeat-y; }

#subnavigation ul li a.nav-2:hover, #subnavigation ul li a.nav-active-2:hover { background:#EDEDED url("/images/subnav.bg.hover.2.gif") repeat-y; }

#subnavigation ul li a.nav-3:hover, #subnavigation ul li a.nav-active-3:hover { background:#EDEDED url("/images/subnav.bg.hover.3.gif") repeat-y; }

#subnavigation ul li a.nav-4:hover, #subnavigation ul li a.nav-active-4:hover { background:#EDEDED url("/images/subnav.bg.hover.4.gif") repeat-y; }



#subnavigation ul li a:hover { background:#EDEDED url("/images/subnav.bg.hover.gif") repeat-y; }



/* INNER FURTHER READING */

#furtherreadingshading	{ border:solid 5px #F3F4F5; margin-top:20px; }

#furtherreading 	{ width:100%; border:solid 1px #DEDEDE; }

#furtherreadingtitle { position:relative; top:-22px; background-color:#FFF; width:120px; text-indent:7px; color:#000; font-weight:bold; margin-bottom:-15px; }

.innercontent		{ margin:10px; }



/* FOOTER */

#footer				{ margin-left:240px; margin-top:17px; color:#6C7070; font-size:95%; }

#footer a			{ color:#CED0D1; text-decoration:none; }

#footer a:hover		{ text-decoration:underline; }