@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:700);

/*--RESET--*/
html,body,div,span,applet,object,iframe,img,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,input,select,textarea,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
li{list-style-type:none;} 
.std_content li{list-style-type:disc;margin: 0 0 0 25px;} 
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}
object, embed{z-index:1;} 
a{color:green;text-decoration:none;font-weight:normal;} 
a:hover{color:#111111;text-decoration:underline;cursor:pointer;} 
a:focus{outline:none;}
div.overlay{z-index:1000;background-color:#000;} 
div.pagevariants{display:none;}
.hidden{display:none;} 
.spacer{height:0;} 
::-moz-selection {
  background:#064e99;
  color:#ffffff;
  text-shadow:none;
}
::selection {
  background:#064e99;
  color:#ffffff;
  text-shadow:none;
}

body
	{
	background:url('/style/digitanium/debut_light.png') repeat;
	font-size:14px;
	font-family:Arial, sans-serif;
	}

h1
	{
	font-size:24px;
	padding-left:15px;
	padding-bottom:12px;
	margin:0;
	color:#333;
        font-family: 'Archivo Narrow', sans-serif;
	}
.welcome 
	{
	font-size:24px;
	padding-left:15px;
	padding-bottom:12px;
	margin:0;
	color:#333;
	}

h2
	{
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding: 0 0 0 10px;
	}

input, select, textarea { background:#efefef; z-index: 1; font-family: arial; padding: 4px 5px; margin: 0; border: 1px solid #dbdbdb;}
input:focus, select:focus, textarea:focus { -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #777; box-shadow: 0 0 2px #777;}
input[type=submit]{ color:green; border: 1px solid #ccc; background:url('/style/digitanium/button.jpg') repeat; font-family: 'Archivo Narrow', sans-serif; font-size: 1.2em; padding: 3px 6px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}
input[type=submit]:hover {background: #CCC;color:#666; }

/* -----------------------maid style -----------*/
#dis_maid{width:100%; text-align:left; margin-top:20px;}
	
#photo{width:100px; float:right; height:auto; top:200px; border:1px solid #ff0000;}

/* ----------------------------structure------- */
#page{width:90%; min-height:700px; background-color:#FFFFFF; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	box-shadow: rgba(0, 0, 0, .5) 0 0 10px;
	-moz-box-shadow: rgba(0, 0, 0, .5) 0 0 10px;
	-webkit-box-shadow: rgba(0, 0, 0, .5) 0 0 10px;
}
#page2{width:95%; min-height:675px;}
#banner{width:100%; height:105px; background:url('banner.png') no-repeat; background-position: right;}
#logo{width:130px; height:105px; background:url('logo.png') no-repeat; float:left;}
#headerwrap{float:right;  height:105px; position:relative; top:10px;}
#logout{float:right; height:25px; padding:5px 30px 0 0; font-size:16px; color:#000000;}
#logout a{display: block; float: right; color:#fff; border: 1px solid #888; background: #ff0000; font-family: 'Archivo Narrow', sans-serif; font-size: 0.9em; padding: 7px 6px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}
#search{float:left; }
#search input[type="submit"] {font-size: 0.9em; color: #fff; background: #333; border: 1px solid #000}
#logout2{float:right; width:100px; margin-top: 0px;}
#navigation{ height:42px; float:right; margin-top:24px; background:url('nav.png') repeat-x; }

#navigation ul { list-style:none; margin-top:0px; padding-left:0px;}
#navigation ul li {display:block; float:left; border-right:thin solid  #444; }
#navigation ul li a {display:block; float:left; padding:0px 30px; color:#FFFFFF; vertical-align:middle; font:16px/42px 'Archivo Narrow', sans-serif; text-decoration:none; }

#navigation ul li a:hover {color:#CCCCCC; }
#navigation ul li ul li ul {display: none !important;}
#navigation ul li ul li:hover ul {display: block !important; position:absolute; margin-left:175px; margin-top: 1px;}

#navigation ul li ul{display:none; z-index:1000; list-style:none;}
#navigation ul ul li a{ text-align:left; width:160px; padding:0px 5px 0px 10px; font-family: arial; font-size: 1.2em;}
#navigation ul li:hover ul{list-style:none; display:block; position:absolute; margin-top:40px;}
#navigation ul li:hover li{float:none; font-size:10px; width:180px;}
#navigation ul li:hover a{background: #555; border-top:1px solid #444; color: #FFFFFF;}
#navigation ul li:hover li a:hover{ background:#333; } 

#foter{display: none; width:990px; height:27px; float:left; padding-top:10px; background:url('bas2.png') repeat-x;}
#company{float:left; text-align:left; padding-left:30px; }
#developed{float:right; text-align:right; padding-right:30px; }

table { border-collapse: collapse; width: 100% !important; background: #fff; border-top: solid 3px #ccc; border-bottom: solid 3px #ccc; line-height:24px; font-size:12px; margin:10px 0 20px 0px;}
table th { padding: 5px 5px 5px 5px; color:#333; font-family: 'Archivo Narrow', sans-serif; font-size: 1em; line-height: 100%; border: solid 1px #e0e0e0; background:url('/style/digitanium/debut_light.png') repeat;}
table th:first-child {border-left: solid 1px #e0e0e0;}
table td { padding: 7px 5px 7px 5px; line-height: 100%; color: #555; border-bottom: solid 1px #e0e0e0;}
table td:first-child {border-left: solid 1px #e0e0e0;}
table td:last-child {border-right: solid 1px #e0e0e0;}
table td a {color: #fff; background: #999; padding: 4px 6px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;}
.style2 {color:#000; font-family: 'Archivo Narrow', sans-serif; font-size: 1.2em;}

/* ---------------------------------------Login */

#login_area
	{	
	margin: 0px auto;
        background: #fff;
        box-shadow: rgba(0, 0, 0, .5) 0 0 10px;
	-moz-box-shadow: rgba(0, 0, 0, .5) 0 0 10px;
	-webkit-box-shadow: rgba(0, 0, 0, .5) 0 0 10px;
	padding:10px;
	width: 500px;
	}
#login_area p
	{
	font-size: 14px;
	font-weight: bold;
	}
#loginwrap{min-height:0px; background:url('/style/digitanium/debut_light.png') repeat; margin:0; padding:60px 200px 150px 200px; }

#login_area table { border-collapse: collapse; width: 100% !important; background: #fff; border-top: solid 0px #ccc; border-bottom: solid 0px #ccc; line-height:24px; font-size:12px; margin:10px 0 20px 0px;}
#login_area table th { padding: 5px 5px 5px 5px; color:#333; font-family: 'Archivo Narrow', sans-serif; font-size: 1.2em; border: solid 1px #e0e0e0; background:url('/style/digitanium/debut_light.png') repeat;}
#login_area table td { padding: 7px 5px 7px 5px; color: #555; border: solid 0px #e0e0e0;}
#login_area table td .input_text {width: 200px;}

#slogan{text-align:center; font-size:20px; color:#000000; font-weight:700; }
/* ---------------------------------------Message */
.gen_msg
	{
	font-size : 12px;
	margin : 10px;
	border : 2px solid #add663;
	background : #fafff1;
	padding : 10px;
	font-weight : bold;
	color : #000000;
	}
	
.wrn_msg
	{
	font-size : 12px;
	margin : 10px;
	border : 2px solid #9f6000;
	background : #feefb3;
	padding : 10px;
	font-weight : bold;
	color : #000000;
	}

.err_msg
	{
	font-size : 12px;
	margin : 10px;
	border : 2px solid #d8000c;
	background : #ffbaba;
	padding : 10px;
	font-weight : bold;
	color : #000000;
	}


.info_msg
	{
	font-size : 12px;
	margin : 10px;
	border : 2px solid #00529b;
	background : #bde5f8;
	padding : 10px;
	font-weight : bold;
	color : #000000;
	}
	
/* ----------------------short description style--------- */
.prd_hld{ text-align: center; overflow: hidden; margin-left: 40px; text-transform:uppercase;}
.prd_prev{
	list-style: none; margin: 0; padding: 0;
}
.prd_prev li{display:block; width:150px; height:265px; float:left; margin-left:15px;  margin-bottom:15px; border:1px solid #f6d8d8; position:relative; /*this is the key*/}

.prd_prev li a{text-decoration:none; color:#9b2c00;}
.prd_prev li a:hover{text-decoration:underline; color:#ff0000;}

.prd_prev li .pimg {width:150px; height:180px; margin:0;  overflow:hidden; text-align: center; display: block; }
.prd_prev li .pimg img{ clear:both; }


/* -----------------------marketing style -----------*/
#mrkt_style{text-align:center;}

/* ------------------ search and pagination----------------- */

.paginate {
font-family:Arial, Helvetica, sans-serif;
    padding: 3px;
    margin: 3px;
}
 
.paginate a {
    padding:2px 5px 2px 5px;
    margin:2px;
    border:1px solid #999;
    text-decoration:none;
    color: #666;
}
.paginate a:hover, .paginate a:active {
    border: 1px solid #999;
    color: #000;
}
.paginate span.current {
    margin: 2px;
    padding: 2px 5px 2px 5px;
        border: 1px solid #999;
 
        font-weight: bold;
        background-color: #999;
        color: #FFF;
    }
    .paginate span.disabled {
        padding:2px 5px 2px 5px;
        margin:2px;
        border:1px solid #eee;
        color:#DDD;
    }