.regBox {
	background-color: #000000;
	height: auto;
	padding-top: 15px;
	padding-right: 4%;
	padding-bottom: 10px;
	padding-left: 4%;
	width: 100%;
	margin-top: 10px;
	margin-right: 8px;
}
#main {
	width:100%;
	margin:0 auto;
	text-align:center;
     width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 960)? "960px" : "100%");}

/*----!!!-----*/
#main_width {
	text-align: left;

}
/*----!!!-----*/

/*You can modify the width of the website by changing "width" parameter with #main_width. The minimum value is 1003px.*/

#header {
	height:590px;
	background-image: url(SideBarTouch.jpg);
	background-position: center;
	background-attachment: fixed;
	background-repeat: repeat;
}
#header, #content, #footer {

}

.col_1, .col_2, .col_3, .column1, .column2, .column3 {
	

}

/*======= index.html =======*/
#page1 #content .col_1 {
	width:23%;
	background-image: url(DarkSideb.jpg);
	height: auto;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	float: left;
	background-repeat: repeat;
	margin-left: 1%;
}
#page1 #content .col_2 {
	width: 40%;

	min-height: 600p
	padding-left: 20px;
	height: auto;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 16px;
	padding-bottom: 10px;
	background-repeat: repeat;
	float: left;
	
}
#page1 #content .col_3 {
	width:20%;
	height: auto;
	float: right;
	margin-right: 1%;
}

#page1 #content .col_2 .column1 {

}

#page1 #content .col_2 .column2 {
	
}

/*======= index-1.html =======*/
#page2 #content .col_1 {
	width:68%;
	height: auto;
	float: left;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 2%;
}
#page2 #content .col_2 {
	width:22%;
	background-image: url(GridGrey.jpg);
	height: auto;
	float: right;
	padding: 2%;
	margin-right: 2%;
	margin-top: 1.5%;
}

#page2 #content .col_1 .column1 {
	width:30%;
	float: left;
}
#page2 #content .col_1 .column2 {
	width:66%;
	margin-left: 20px;
	float: left;
}
#page2 #content.WideCOLUMN {
	width:55%;
	margin-left: 20px;
	float: left;
}

/*======= index-2.html =======*/
#page3 #content .col_1 {width:37%;}
#page3 #content .col_2 {
	width:33%;
	padding: 0px;
	margin-left: 40px;
}
#page3 #content .col_3 { width:29%;}

#page3 #content .col_1 .column1 { width:72px;}
#page3 #content .col_1 .column2 { float:none; padding-left:72px;}

/*======= index-3.html =======*/
#page4 #content .col_1 {width:70%;}
#page4 #content .col_2 { width:29%;}

#page4 #content .col_1 .column1 { width:55%;}
#page4 #content .col_1 .column2 { width:45%;}

/*======= index-4.html =======*/
#page5 #content .col_1 {
	width:50%;
}
#page5 #content .col_2 { width:49%;}


#page5 #content .col_1 .column1 {
}
#page5 #content .col_1 .column2 {

}
#page5 #content .col_2 .column1 {
}
#page5 #content .col_2 .column2 {

}

/*======= index-5.html =======*/
#page6 #content .col_1 {width:30%;}
#page6 #content .col_2 { width:40%;}
#page6 #content .col_3 { width:29%;}

#page6 #content .col_1 .column1 { width:72px;}
#page6 #content .col_1 .column2 { float:none; padding-left:72px;}

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


#footer {
	height:auto;
	background-color: #333333;
	
	background-image: url(images/GrStrip.jpg);
	background-position: bottom;
	padding-bottom: 1%;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	margin-right: 4%;
	margin-left: 4%;
	padding-left: 3%;
	padding-right: 3%;

}
#leftC {
	background-color: #999999;
}