#main {width:960px; margin:0 auto;}

#header, #content { font-size:0.69em;}

.col-1, .col-2, .col-3 { float:left;}

/*======= index.html =======*/
#mainpage #content {width:960px; background-color: #000;}
#mainpage #content .spread {height:312px; width:960px; margin-bottom:3px; background:transparent url(../images/featured.png) no-repeat scroll left bottom; width:100%;}
#mainpage #content .spread .type {float:left; padding-top:150px; padding-left: 30px;}

#mainpage #content .spread .flink {float:left; width:800px; height: 220px;}

#mainpage #content .video {width:128px;  padding: 10px; padding-right:20px; float:right;}
#mainpage #content .video .type {background-color:white;}
#mainpage #content .row-1 .col-1 {width:316px; margin-right:5px;}
#mainpage #content .row-1 .col-2 {width:317px; margin-right:5px;}
#mainpage #content .row-1 .col-3 {width:317px;}
#mainpage #content .row-2 .line-ver { background:url(../images/line-ver.gif) 613px top repeat-y; width:100%;}
#mainpage #content .row-2 .line-ver-top { background:url(../images/line-ver-top.gif) 613px top no-repeat; width:100%;}
#mainpage #content .row-2 .line-ver-bottom { background:url(../images/line-ver-bottom.gif) no-repeat 613px bottom;}
#mainpage #content .row-2 .col-1 { width:582px; margin-right:59px;}
#mainpage #content .row-2 .col-2 { width:292px;}

/*======= item main =======*/
#item #content {width:960px; background-color: #000;}

#item #content .logo {margin-left:10px; height: 100px; float:left; }
#item #content .row-2	{font-size: 1.15em; margin-right: 30px; margin-top: 80px; }

#item #content h3 {  color: #a0a0a0; font-size:1.28em; background-color: #000; height:30px; padding-left:0px; margin-right:20px; line-height:28px; margin-bottom:1px;}

#item #content .row-2 .linkage {border: 1px solid #717171; font-weight:bold; padding: 10px; margin-left:10px; width: 860px;}
#item #content .row-2 .linkage a {color:#aa0000;}

#item #content .maindesc {width: 900px; padding:5px; background-color: #131313;}

#item #content .row-2 .descRight { border-bottom: 1px solid #6c6c6c; margin-left: 245px; height: 170px; width: 680px; margin-top: 10px; margin-bottom: 10px;}

#item #content .row-2 .descWrapper {width: 920px; height: 210px; margin-top:20px;}
#item #content .row-2 .descWrapper .desc .image {float: left; height: 150px; width: 150px; }
#item #content .row-2 .descWrapper .desc .written {
	float: left; height: 150px; width: 270px; padding-left: 10px; 
	margin: 0px 10px 0px 10px;}

#item #content .row-2 .descRight .image {float: left; height: 150px; width: 225px; }
#item #content .row-2 .descRight .written {float: left; height: 150px; width: 410px; padding-left: 10px; margin: 0px 10px 0px 10px;}

#item #content .row-2 .columnWrapper {width:900px; min-height: 300px;}
#item #content .row-2 .columnWrapper .column-1 {float: left; width: 440px; padding-right: 10px;}
#item #content .row-2 .columnWrapper .column-2 {float: left; width: 450px;}


#item #content .row-2 .demoWrapper {width: 920px; height: 100px; margin-top:20px;}
#item #content .row-2 .demoWrapper .desc {margin-left: 10px;}
#item #content .row-2 .demoWrapper .desc .image { float: left; height: 100px; width: 130px; }
#item #content .row-2 .demoWrapper .desc .written {
	float: left; height: 100px; width: 270px; padding-left: 10px; 
	margin: 0px 20px 0px 10px;
border-bottom: 1px solid #717171; }
	
/*======= software mainpage =======*/
#software #content {min-height: 360px; padding: 0px 0px 0px 0px; background-color: #000;}
#software #content .row-1 {width: 930px; padding: 0px 0px 0px 30px; float: left;  padding-top: 0px; background-color: #000;}


/* MEDIA */
#media #content {width:960px; background-color: #000;}
#media #content .row-2	{ font-size: 12px;}
#media #content .row-2 .linkage {border: 1px solid #717171; font-weight:bold; padding: 10px; margin-left:10px; width: 860px;}
#media #content .row-2 .linkage a {color:#aa0000;}
#media #content .row-2 .descWrapper {width: 920px; height: 100px; margin-top:20px;}
#media #content .row-2 .descWrapper .desc {margin-left: 10px;}
#media #content .row-2 .descWrapper .desc .image { float: left; height: 100px; width: 130px; }
#media #content .row-2 .descWrapper .desc .written {
	float: left; height: 100px; width: 270px; padding-left: 10px; 
	margin: 0px 20px 0px 10px;
	border-bottom: 1px solid #717171;
}

/* support */
#support #content a {color: #aa0000;}
#support #content {width:960px; background-color: #000;}
#support #content .row-2	{ font-size: 12px;}
#support #content .row-2 .item {padding: 10px 10px 10px 20px;}


/*=========================*/


#footer {height:105px;font-size:.625em;}