
/***************************************************	
*******	DX Studio - base style
****************************************************/


/****** global reset and body ****************************************************/


html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,
em,img,strong,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td 
				{color:#666666;margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family:"Microsoft Sans Serif", arial, sans-serif;}
ol,ul 			{}
blockquote,q 	{quotes:none;}
:focus 			{outline:0;}
ins 			{text-decoration:none;}
del 			{text-decoration:line-through;}
table 			{border-collapse:collapse;border-spacing:0;}
body			{font-size:100.01%;background:#9AA1A9 url(../images/structure/bg-gradient-body-vertical.jpg) repeat-x left top;color:#424242;font-family:arial,sans-serif;color:#323232;text-align:center;}
a				{outline:none;}
img				{border:none;display:inline;}

/****** plain typography ****************************************************/
	
h1 				{padding:0 21px;margin:0;}	
h2				{font-size:1.2em;padding:10px 0;font-weight:normal;}
h3				{font-size:0.7em;color:#333333;}
h4				{font-size:0.9em;padding:0 10px 10px;}
h5				{font-size:0.8em;padding:0 10px 10px;}

p				{font-size:0.6875em;padding:0 0 0.9em;line-height:1.5;}
p.logo			{padding:0;float:left;}
p.logo a		{width:215px;height:40px;display:block;background:url(../images/structure/logo-dxstudio.gif) no-repeat left center;text-indent:-9999px;}

/****** structure divs <ID> ****************************************************/

ul#accessibility			{display:none;}
#wrapper					{width:921px;background:#EDEEF0 url(../images/structure/bg-gradient-wrapper-vertical.jpg) repeat-x left top;text-align:left;margin:0 auto;padding:0 15px 14px;}		
#header						{width:auto;}
#homepage #centre-panel,
#centre-panel				{margin-top:13px;clear:both;float:left;width:100%;background: #ffffff url(../images/structure/bg-centre-panel-bottom.gif) no-repeat left bottom;}
#homepage #centre-panel		{background:none;margin-top:0;padding-top:13px;}

h1#mainfeature 				{width:676px;height:483px;background:url(../images/structure/bg-homepage-flash.gif) no-repeat left top;padding:0;margin:0;}	

#content					{width:676px;float:right;}	
.features					{width:921px;clear:both;padding:13px 0;}

div.sub-navigation,
div.news-column				{width:232px;float:left;background:url(../images/structure/bg-news-column-bottom.jpg) no-repeat left bottom;min-height:483px;display:block;}

div.sub-navigation			{min-height:100px;background:none;padding-left:10px;width:220px;}

div.news-column h2,
div.email-newsletter h3,
div.search h3,
div.from-the-forums h3,
div.latest-wiki-entries h3,
div.special-offer h3		{width:100%;height:37px;float:right;text-indent:-9999px;}

div.news-column h2			{background:url(../images/structure/h3-latest-news.jpg) no-repeat left top;}
div.email-newsletter h3		{background:url(../images/structure/h3-email-newsletter.gif) no-repeat left top;}
div.search h3				{background:url(../images/structure/h3-search.gif) no-repeat left top;}
div.from-the-forums h3		{background:url(../images/structure/h3-from-the-forums.jpg) no-repeat left top;}
div.special-offer h3		{background:url(../images/structure/h3-special-offer.jpg) no-repeat left top;}
div.latest-wiki-entries h3	{background:url(../images/structure/h3-latest-wiki-entries.jpg) no-repeat left top;}

div.email-newsletter,	
div.search,
div.from-the-forums,
div.latest-wiki-entries,
div.special-offer			{min-height:10.95em;display:block;padding-bottom:15px;}

div.email-newsletter		{background:url(../images/structure/bg-email-feature-box-bottom.gif) no-repeat left bottom;width:229px;float:left;}
div.search					{background:url(../images/structure/bg-email-feature-box-bottom.gif) no-repeat left bottom;width:229px;float:left;}

div.from-the-forums,
div.latest-wiki-entries,
div.special-offer			{background:url(../images/structure/bg-ftf-feature-box-bottom.gif) no-repeat left bottom;width:330px;float:right;display:block;}

div.special-offer			{margin-left:16px;}
div.latest-wiki-entries		{margin-left:16px;}
div.features div p			{padding:0 1.2em;margin-top:0.85em;}
div.features div img		{float:left;margin:0 10px 0 1px;}
div.features div p a		{text-decoration:none;}
div.features div h4			{padding:20px 1.2em;font-size:0.6875em;font-weight:normal;}

p.manage-account			{float:right;padding:10px 2px 0;font-family:arial, sans-serif;}
p.manage-account span		{color:#3B7BC5;background:url(../images/structure/arrow_6x7-grey.gif) no-repeat 10% 60%;padding-left:25px;}

div.sub-navigation ul,
div.news-column ul			{padding:0 0.8em 0.5em; list-style:none;}

div.news-column ul li		{padding-bottom:0.5em;}
div.news-column h3			{font-size:0.75em;font-weight:normal;}
div.news-column h3 a		{color:#333;text-decoration:none;}
div.news-column h3 a:hover	{color:#3a7ac1;text-decoration:underline;}
div.news-column p			{font-size:0.65em;color:#8b8b8b;}

div.email-newsletter p		{font-size:0.75em;color:#8b8b8b;}
div.search p				{font-size:0.75em;color:#8b8b8b;}

div.from-the-forums p		{font-size:0.75em;color:#8b8b8b;}
div.from-the-forums p a		{color:#8b8b8b;text-decoration:none;}
div.from-the-forums p a:hover	{color:#3a7ac1;text-decoration:underline;}

div.special-offer p			{font-size:0.75em;color:#8b8b8b;}

div.latest-wiki-entries p		{font-size:0.75em;color:#8b8b8b;}
div.latest-wiki-entries p a		{color:#8b8b8b;text-decoration:none;}
div.latest-wiki-entries p a:hover	{color:#3a7ac1;text-decoration:underline;}


div.sub-navigation ul		{}
div.sub-navigation li a		{text-decoration:none;font-size:0.8125em;display:block;height:1%;color:#000;padding:4px 0;}
div.sub-navigation li li a	{color:#8b8b8b;font-size:0.75em;}

#content h2					{font-size:0%;}

#content div.content-sub-section						{ display:block;clear:both;padding-bottom:30px;width:650px;float:left;}
#content div.content-sub-section p						{ width:95%;color:#8B8B8B;line-height:1.6;font-size:0.75em;margin-bottom:0.6em;}
#content div.content-sub-section table					{ border:2px solid #C0C0C0; font-size: 0.75em; line-height:1.6; margin: 0 0 20px 0;width:100%;}
#content div.content-sub-section table.noborder			{ border:none;padding:0;margin:0 0 2em 0;}
#content div.content-sub-section table.noborder	tr td	{ border:none;padding:0;margin:0;}
#content div.content-sub-section table tr td.unread		{ background:#eeeeee; font-weight:bold}
#content div.content-sub-section table tr th			{ font-weight:bold;background:#ffffff;border:2px solid #C0C0C0;margin:2px;padding:5px;}
#content div.content-sub-section table tr th.italicnb	{ font-style:italic;font-weight:normal;}
#content div.content-sub-section table tr th.center		{ text-align:center;}
#content div.content-sub-section table tr td			{ border:2px solid #C0C0C0;margin:2px;padding:5px;}
#content div.content-sub-section table tr td.center		{ text-align:center;}
#content div.content-sub-section table tr td.tick		{ text-align: center }
#content div.content-sub-section table tr td span.rank	{ color:#00bb00;font-style:italic;font-size:0.8em;font-weight:bold;}
#content div.content-sub-section table tr td.section	{ background: #C0C0C0; color: white; font-weight: bold; }
#content div.content-sub-section table tr td a.bold		{ font-weight:bold; }
#content div.content-sub-section table tr td a:hover	{ color:#3a7ac1;}
#content div.content-sub-section table tr td h3			{ font-size:1.4em;}
#content div.content-sub-section ul						{ list-style:square;}
#content div.content-sub-section ul li					{ font-size:0.75em;line-height:1.6;float:none;color:#8B8B8B;margin:15px;}
#content div.sub-content								{ float:left;width:315px;}
#content div.sub-content right							{ float:right;}
#content div.sub-content h3								{ color:#000;font-size:0.75em;font-weight:normal;}
#content div.sub-content p								{ width:95%;color:#8B8B8B;line-height:1.6;font-size:0.75em;margin-bottom:0.6em; }

#content-full-width										{ display:block;clear:both;padding:0 25px;}
#content-full-width p									{ width:95%;color:#8B8B8B;line-height:1.6;margin-bottom:0.6em;}
#content-full-width table								{ line-height:1.6;margin: 0 0 20px 0;width:100%;font-weight:normal;}
#content-full-width table.noborder						{ border:none;padding:0;margin:0 0 0.5em 0;}
#content-full-width table.noborder tr td				{ border:none;padding:0;margin:0;}
#content-full-width table.gray							{ background:#cccccc;font-size:0.6em;}
#content-full-width table tr td.right					{ text-align:right;padding:0 20px 0 0;}
#content-full-width table tr td span.rank				{ color:#00bb00;font-style:italic;font-size:0.9em;font-weight:bold;}



/****** main navigation ****************************************************/	
	
ul#main-navigation			{width:921px;height:35px;float:left;background:#070D12 url(../images/structure/bg-main-navigation.jpg) no-repeat left top;}	
ul#main-navigation li		{display:inline;float:right;}
ul#main-navigation a		{display:block;height:35px;float:left;text-indent:-9999px;}
			
a#nav-features				{background:url(../images/structure/nav-features.jpg) no-repeat 0 0;width:101px;}
a#nav-gallery				{background:url(../images/structure/nav-gallery.jpg) no-repeat 0 0;width:90px;}
a#nav-download				{background:url(../images/structure/nav-download.jpg) no-repeat 0 0;width:113px;}
a#nav-buy					{background:url(../images/structure/nav-buy.jpg) no-repeat 0 0;width:63px;}
a#nav-community				{background:url(../images/structure/nav-community.jpg) no-repeat 0 0;width:122px;}
a#nav-forums				{background:url(../images/structure/nav-forums.jpg) no-repeat 0 0;width:95px;}
a#nav-guide					{background:url(../images/structure/nav-guide.jpg) no-repeat 0 0;width:77px;}
a#nav-contact				{background:url(../images/structure/nav-contact.jpg) no-repeat 0 0;width:100px;}

ul#main-navigation li a.here,
ul#main-navigation li a:hover	{background-position:0 -82px;}


/****** breadcrumb ****************************************************/

div.breadcrumb			{width:100%;display:block;padding:15px 0 25px;background:url(../images/structure/bg-centre-panel-top.gif) no-repeat left top;}
div.breadcrumb p		{width:90%;font-size:0.75em;color:#969AA3;padding:0 0 10px 23px;display:inline;}
div.breadcrumb p a		{margin:0;text-decoration:none;background:url(../images/structure/arrow_6x7-grey.gif) no-repeat 80% 70%;padding-right:2em;}


/****** strong,emphasis,acronym and abbreviation ****************************************************/

strong				{font-weight:bold;}


/****** footer links and forms ****************************************************/

#footer 					{width:950px;margin:0 auto;}
#footer p					{line-height:30px;float:left;color:#fff;}
#footer ul					{margin-left:50px;width:auto;float:left;} 
#footer ul.bottom-links		{float:right;margin-left:0;} 
#footer li					{display:inline;}
#footer li a				{background:url(../images/structure/bg-pipe-delimiter.gif) no-repeat 100% 53%;font-size:0.6875em;display:block;color:#fff;float:left;padding:10px;text-decoration:none;}
#footer li a:hover			{text-decoration:underline;}
#footer li a.last			{background:none;}

/****** hacks ****************************************************/

	
.clearfix:after 		{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix 				{display:inline-table;}

* html .clearfix 		{height:1%;}
.clearfix 				{display:block;}

