/* -- File Information --
    ** Filename: stylesheet.css
    ** Created: Friday, July 25, 2008
    ** Modified:
    ** Version:
    ** Author: Adriana Khoo
    ** Description: Datonyx
*/

h1 {
	font-family: "Verdana";
	font-size: 20px;
	font-weight: normal;
	color: #D4151E;
	padding-top: 25px;
	padding-left: 20px;
}

h2 {
	font-family: "Verdana";
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	padding-left: 20px;
}

h3 {
	font-family: "Verdana";
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	padding-left: 20px;
}

h4 {
	font-family: "Verdana";
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

body {
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	margin: 25px;
}

#container {
	width: 800px;
	height: 779px;
	margin-right: auto;
	margin-left: auto;
}

#banner {
	background-image: url("../images/datonyx_header.jpg");
	height: 144px;
}

#content_container {

}

#gradient_grey {
	width: 188px;
	
	background-image: url("../images/grey.jpg");	
}

#gradient_cream {
	width: 611px;
	border-right: 1px solid #B9B9B9;
	background-image: url("../images/cream.jpg");
}

#vertical_menu {
	width: 187px;
	height: 635px;
	background-color: #EAEAEB;
	border-left: 1px solid #B9B9B9;
}

#vertical_menu ul {
	width: 188px;
	float: left;
	margin-top: 50px;
	margin-left: 0px;
	padding-left: 0px;	
}

#vertical_menu li {
	height: 30px;
	list-style-type: none;
	font-family: "Verdana";
	font-weight: bold;
	font-size: 13px;
	color: #5C5C5C;
	border-style: dashed;
	border-color: #CDCDCE;
	border-width: 0px 0px 1px 0px;
	margin-left: 0px;
	padding-left: 20px;
	padding-top: 10px;
	margin-bottom: 0px;
}

#vertical_menu ul li a {
	font-size: 13px;
	font-family: "Verdana";
	font-weight: bold;
	color: #5C5C5C;
	text-decoration: none;
}

#vertical_menu ul li a:hover {
	font-size: 13px;
	font-family: "Verdana";
	font-weight: bold;
	color: #000000;
}

#content {
	width: 611px;
	height: 635px;
	background-color: #FBFBE4;
	float: right;
	border-right: 1px solid #B9B9B9;
}

#content p {
	padding-left: 20px;
	line-height: 15px;
	font-family: "Verdana";
	font-size: 12px;
	color: #000000;
	padding-right: 50px;
	text-align: left;
}

#content a {
	font-family: "Verdana";
	font-size: 13px;
	font-weight: normal;
	color: blue;
}

#content a:visited {
	font-family: "Verdana";
	font-size: 13px;
	font-weight: normal;
	color: #75251A;
}

#content ol {
	margin-left: 30px;
	padding-left: 30px;
	padding-right: 50px;
	text-align: left;
}

#content ol li {
	font-family: "Verdana";
	font-size: 13px;
	font-weight: normal;
	list-style-type: disc;
}

#content dl {
    font-family: "Verdana";
    font-size: 13px;
    color: #000000;
    overflow: auto;
    margin-left: 20px;
}

#content dt {
    float: left;
    width: 120px;
}

#content dd {
	padding-bottom: 0px;
}

#textual_scroll {
    margin: 0px;
    width: 611px;
    height: 580px;
    overflow: auto;
    text-align: left;
    scrollbar-face-color: #EAEAEB;
    scrollbar-highlight-color: #DCDCDC;
    scrollbar-3dlight-color: #FBFBE4;
    scrollbar-shadow-color: #DFECCE;
    scrollbar-darkshadow-color: #DCDCDC;
    scrollbar-track-color: #FBFBE4;
    scrollbar-arrow-color: #000000; 
}

.index_image {
	height: 115px;
	width: 100px;
	float: left;
	padding-right: 15px;
	padding-top: 4px;
}

.product_image_1 {
	height: 259px;
	width: 172px;
	float: right;
	margin-left: 15px;
	padding: 5px;
	border: 1px solid #EAEAEB;
}

.product_image_2 {
	height: 300px;
	width: 262px;
	float: left;
	margin-right: 15px;
	padding: 5px;
	border: 1px solid #EAEAEB;
}

.product_image_3 {
	height: 273px;
	width: 483px;
	border: 1px solid #EAEAEB;
}

.about_image_1 {
	height: 103px;
	width: 170px;
	float: left;
	margin-right: 15px;
	border: 1px solid #EAEAEB;
}

.about_image_2 {
	height: 253px;
	width: 400px;
	border: 1px solid #EAEAEB;
}

.home_image {
	width: 280px;
	height: 210px;
	float: left;
	margin-right: 15px;
}

#download {
	width: 612px;
	height: 635px;
	background-color: #FBFBE4;
	float: right;
}

#download p {
	padding-left: 20px;
	line-height: 25px;
	font-family: "Verdana";
	font-size: 15px;
	color: #000000;
	text-align: left;
}

#download a {
	font-family: "Verdana";
	font-size: 13px;
	color: #888890;
	text-decoration: underline;
}

#download a:hover {
	font-family: "Verdana";
	font-size: 13px;
	color: #54545B;
	text-decoration: underline;
}

#footer_banner {
	width: 800px;
	height: 23px;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url("../images/datonyx_footer.jpg");
}

#footer {
	width: 800px;
	height: 25px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 0px;	
}

#footer ul {
	margin-left: 0px;
    padding: 0px;
    margin-top: 0px;  
}

#footer ul li {
    display: inline;
    font-family: "Verdana";
    list-style-type: none;
    font-size: 11px;
    color: #595959; 
    font-weight: normal;
}

#footer ul li a {
	font-family: "Verdana";
	font-size: 11px;
	font-weight: normal;
	color: #595959;
	text-decoration: none;
	border-style: solid;
    border-color: #595959;
    border-width: 0px 1px 0px 0px;
    padding-right: 10px;
    padding-left: 7px;
    margin-bottom: 0px;
}

#footer ul li a:hover {
	font-family: "Verdana";
	font-size: 11px;
	font-weight: normal;
	color: #B9B9B9;
	text-decoration: none;
}

#footer ul li a#footer_right_li {
	border-right: 0px;
}

#bottom_banner {
	width: 800px;
	height: 25px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}

#bottom_banner ul {
	margin-top: 0px;
	padding-left: 0px;
}

#bottom_banner ul li {
    display: inline;
    font-family: "Verdana";
    list-style-type: none;
    font-size: 11px;
    color: #595959; 
    font-weight: normal;
    padding-left: 7px;
}

#bottom_banner ul li a {
	font-family: "Verdana";
	font-size: 11px;
	font-weight: normal;
	color: #595959;
	text-decoration: none;
	white-space: nowrap;
	border-style: solid;
    border-color: #595959;
    border-width: 0px 1px 0px 0px;
    padding-right: 10px;
    padding-left: 0px;
}

#bottom_banner ul li a:hover {
	font-family: "Verdana";
	font-size: 11px;
	font-weight: normal;
	color: #B9B9B9;
	text-decoration: none;
}

#bottom_banner ul li a#bottom_right_li {
	border-right: 0px;
}

.bold {
	font-weight: bold;
}