body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#FFFFFF;
}

P {

	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;

}


A { color: #999999; font-family: arial; font-size: 11px; text-decoration: none;}
A:hover { color: #000000; font-family: arial; font-size: 11px; text-decoration: underline; }
A:visited { color: #999999; font-family: arial; font-size: 11px; text-decoration: none; }

#header {
	width:950px;
	height:200px;
	margin-right:auto;
	margin-left:auto;
	overflow:auto;
	background-color:#FFFFFF;
}

#header #header_logo {
	position:absolute;
	top:0px;
	width:650px;
	height:200px;
	margin-left:155px;
	}

#contain {
	width:950px;
	margin-right:auto;
	margin-left:auto;
	overflow:auto;
	background-color:#FFFFFF;
}

#contain #column01 {
	float: left;
	width:950px;
	margin-right:auto;
	margin-left:auto;
	background-color:#FFFFFF;
}

#contain #column02 {
	float: left;
	width:950px;
	margin-right:auto;
	margin-left:auto;
	background-color:#FFFFFF;
}


/* common styles
------------------------------------------------------------------*/
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H6 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

UL {
	LIST-STYLE-TYPE: none
}
LI {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	LIST-STYLE-TYPE: none
}

HR {
	CLEAR: both; VISIBILITY: hidden
}



/* Main menu matvigation
------------------------------------------------------------------*/
ul#nav {
	position:absolute;
	top:140px;
	width:650px;
	height:41px;
	margin-left:155px;
	background:transparent url(../images/main_menu.gif) no-repeat 0 0px;
	}
ul#nav li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;	
	}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url(../images/main_menu.gif) no-repeat;
	}

li#home a {width:114px; height:41px;}
li#portfolio a {width:151px; height:41px;}
li#about a {width:161px; height:41px;}
li#blog a {width:125px; height:41px;}
li#contact a {width:99px; height:41px;}

li#home a:hover, li#home a:focus {
	background-position:0px 41px;
	 }
li#home a:hover, li#home a:focus {	
	background-position: 0px -41px;
	}

li#portfolio a:link, li#portfolio a:visited {	
	background-position:-114px 41px;
	}
li#portfolio a:hover, li#portfolio a:focus {	
	background-position:-114px -41px;
	}
li#about a:link, li#about a:visited {	
	background-position: -265px 41px;
	}
li#about a:hover, li#about a:focus {	
	background-position: -265px -41px;
	}
li#blog a:link, li#blog a:visited {	
	background-position: -426px 41px;
	}
li#blog a:hover, li#blog a:focus {	
	background-position: -426px -41px;
	}
li#contact a:link, li#contact a:visited {	
	background-position: -551px 41px;
	}
li#contact a:hover, li#contact a:focus {	
	background-position: -551px -41px;
	}

	
body#home-page ul#nav li#home a {
	background-position:0px -41px;
	}
body#aboutus-page ul#nav li#aboutus a {
	background-position:-119px -41px;
	}
body#products-page ul#nav li#products a {
	background-position:-135px -41px;
	}
body#systems-page ul#nav li#systems a {
	background-position:-254px -41px;
	}
body#ourpartners page ul#nav li#ourpartners a {
	background-position:-373px -41px;
	}
	

/* Section Content
-----------------------------------------------------------------*/
#section_content {
	width:900px;
	margin-right:auto;
	margin-left:auto;
	overflow:auto;
	background-color:#FFFFFF;
}

#section_content #prodcat {
	float:left;
	width:122px;
	padding-left:0px;
	background-color:#FFFFFF;
}

#section_content #prodcat .font01{
	font-size: 24px;
	color:#002460;
	font-family: Arial, Verdana, sans-serif;
	font-weight:bold;
}

#section_content #prodcat .font02{
	font-size: 24px;
	color:#002460;
	font-family: Arial, Verdana, sans-serif;
	font-weight:bold;
}

/* Section Left Menu
-----------------------------------------------------------------*/
#menus  {
	width: 122px;
	margin: 0 auto;
	padding: 0;
	font-size:12px;
	font-family: Arial, Verdana, sans-serif;
}
#menus dt {
	margin: 0;
	height:48px;
}

#menus dt a, #menus dt a:visited {
	margin: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	padding: 15px 15px 0px 5px;
}
#menus dt a:hover {
	background: #FFFFFF url(../images/catmenu_over.gif) no-repeat 0px 0px;
	color: #000000;
}

#menus a, #menus a:visited {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0;
	width: 125px;
	height:48px;
}
#menus a:hover {
	background: #e1e1e1 url(../images/catmenu_over.gif) no-repeat 0px 0px;
	color: #000000;
}

/* Section Album Menu
-----------------------------------------------------------------*/
#album_menus  {
	width: 80px;
	margin: 0 auto;
	padding: 0;
	font-size:12px;
	font-family: Arial, Verdana, sans-serif;
}
#album_menus dt {
	margin: 0;
	height:80px;
}

#album_menus dt a, #album_menus dt a:visited {
	margin: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	padding: 15px 15px 0px 5px;
}
#album_menus dt a:hover {
	background: #FFFFFF url(../images/img_thumbnail_bg.gif) no-repeat 0px 0px;
	color: #000000;
}

#album_menus a, #album_menus a:visited {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0;
	width: 80px;
	height:80px;
}
#album_menus a:hover {
	background: #e1e1e1 url(../images/img_thumbnail_bg.gif) no-repeat 0px 0px;
	color: #000000;
}

/* Product Image style For Reference
-----------------------------------------------------------------*/
.out {
	width:330px;
	background:#ccc; 
	margin:10px 0px auto auto;
}
.in {
	position:relative; 
	top:-5px;
	left:-5px;
	padding:2px;	
	background:#fff; 
	border:1px solid #999;
}

/* Section other album Menu
-----------------------------------------------------------------*/
#other_album  {
	width: 150px;
	margin: 0 auto;
	padding: 10 auto 10 auto;
	font-size:12px;
	font-family: Arial, Verdana, sans-serif;
}
#other_album dt {
	margin: 0;
	height:30px;
}

#other_album dt a, #other_album dt a:visited {
	margin: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #a6a6a6;
	padding: 0px 0px 0px 0px;
}
#other_album dt a:hover {
	background: #FFFFFF no-repeat 0px 0px;
	color: #000000;
}

#other_album a, #other_album a:visited {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0;
	width: 130px;
	height:30px;
}
#other_album a:hover {
	background: #e1e1e1 no-repeat 0px 0px;
	color: #000000;
}

/* Categories List
-----------------------------------------------------------------*/

#section_content #prodlist {
	float:right;
	width:700px;
	height:600px;
	padding-right:5px;
	background-color:#FFFFFF;
}

#section_content #prodlist .font01{
	font-size: 22px;
	color:#002460;
	font-family: Arial, Verdana, sans-serif;
	font-weight:bold;
}

#section_content #prodlist #prodlist_box {
	border:0;
	float:left;
	width:160px;
	height:200px;
	padding:8px 5px 5px 8px;
}

#section_content #prodlist #prodlist_box .img_box {
	border:1px solid #CCCCCC;
	padding-top:15px;
	padding-bottom:15px;
}

#section_content #prodlist #prodlist_box .img_box:hover {
	border:1px solid #000;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#CCCCCC;
}

#section_content #prodlist #prodlist_box .link01{
	font-size: 12px;
	color:#999;
	font-family: Arial, Verdana, sans-serif;
	font-weight:normal;
	padding-top:5px;
}

#section_content #prodlist #prodlist_box .link01:hover{
	color:#000;
	text-decoration: none;
}

/* Categories List - client
-----------------------------------------------------------------*/

#section_content #prodlist_client {
	float:left;
	width:840px;
	padding-left:50px;
	background-color:#FFFFFF;
}

#section_content #prodlist_client .font01{
	font-size: 22px;
	color:#002460;
	font-family: Arial, Verdana, sans-serif;
	font-weight:bold;
}

#section_content #prodlist_client #prodlist_box {
	border:0;
	float:left;
	width:150px;
	height:200px;
	padding:8px 5px 5px 8px;
}

#section_content #prodlist_client #prodlist_box .img_box {
	border:1px solid #CCCCCC;
	padding-top:15px;
	padding-bottom:15px;
}

#section_content #prodlist_client #prodlist_box .img_box:hover {
	border:1px solid #000;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#CCCCCC;
}

#section_content #prodlist_client #prodlist_box .link01{
	font-size: 12px;
	color:#999;
	font-family: Arial, Verdana, sans-serif;
	font-weight:normal;
	padding-top:5px;
}

#section_content #prodlist_client #prodlist_box .link01:hover{
	color:#000;
	text-decoration: none;
}


/* Album List
-----------------------------------------------------------------*/

#section_content #albumlist {
	float:left;
	width:700px;
	padding-left:50px;
	background-color:#FFFFFF;
}

#section_content #albumlist #albumlist_box {
	border:0;
	float:left;
	padding:8px 5px 5px 8px;
}

#section_content #albumlist #albumlist_otheralbum {
	border:0;
	float:right;
	width:150px;
	padding:10px 0px 0px 0px;
}


#section_content #albumlist #albumlist_box .img_box {
	border:1px solid #CCCCCC;
	padding-top:15px;
	padding-bottom:15px;
}

#section_content #albumlist #albumlist_name{
	border:0;
	float:left;
	width:400px;
	height:90px;
	padding:5px 5px 5px 5px;
	background: #fff url(../images/btn_album_name.gif) no-repeat 0px 0px;
}

#section_content #albumlist #albumlist_name #font01{
	font-size: 12px;
	color:#999;
	font-family: Arial, Verdana, sans-serif;
	font-weight:normal;
	padding-top:32px;
	padding-left:80px;
}

#section_content #albumlist #albumlist_box .link01{
	font-size: 12px;
	color:#999;
	font-family: Arial, Verdana, sans-serif;
	font-weight:normal;
	padding-top:5px;
}

#section_content #albumlist #albumlist_box .link01:hover{
	color:#000;
	text-decoration: none;
}

/* Footer
------------------------------------------------------------------*/
#footer {
	font-family: Arial, Verdana, sans-serif;
	width:850px;
	margin-right:auto;
	margin-left:auto;
	overflow:auto;
	text-align:center;
	clear:both;
	border-top: 1px #666666 solid;
	background-color:#FFFFFF;
}

#footer span {
	margin-top:10px;
	margin-bottom:10px;
	font-size: 12px;
	line-height:2em;
	color:#8a8a8a;
	font:"Arial", "Verdana", "Helvetica", "sans-serif";
	}

#footer a {
	margin-top:10px;
	margin-bottom:10px;
	font-size: 12px;
	line-height:2em;
	color:#333333;
	font:"Arial", "Verdana", "Helvetica", "sans-serif";
	text-decoration:underline;
	}
	
#footer img {
	vertical-align:middle;
	margin-left:3px;
	padding-bottom:2px;
	}


.display-block { display: block; }
.display-none { display: none; }
.cursor-hand { cursor: pointer; cursor: hand; }

#login-msg { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; }
#login-msg a { color: blue; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; }
#login-msg a:hover { color: blue; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none; }

#gallery-list { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; }