@charset "utf-8";
/* CSS Document */
body{
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#888888;
background:#000000;
}

a{outline:none;}

h1,p{
margin:0px;
padding:0px;
}
#outer{
background:#000000 url(../images/home_bg1.jpg) no-repeat center top;
margin-left: 34px;
}
#wrraper{
width:892px;
margin:0 auto;
padding-top:60px;
}
#header{
width:892px;

margin-left:11px;
margin-bottom:2px;
}
#header h1{

}
#container{
width:892px;
height:440px;
background:url(../images/home_img.png) no-repeat;
padding-top:6px;
padding-left:4px;
margin-left:11px;
}

#footer{
width:892px;
height:114px;
}
#footer_img{
position:absolute;
width:264px;
height:74px;
margin-top:-44px;
margin-bottom:10px;
background:url(../images/27th.png) no-repeat;
padding:0px !important;
z-index:200 !important; 
}
div#history {
	 font-family:Tahoma,Arial, Helvetica, sans-serif;
	 color:#454f21 !important; 
	 font-size:14px; 
	 font-weight:normal;  
	 margin-top:34px; 
	 margin-left:40px;
	 cursor:pointer;
	 z-index:1000;
	 display:block; 
}
#footer p{
padding-top:38px;
padding-left:14px;
font-family:"Tahoma", Arial, Helvetica, sans-serif;
font-size:11px;
color:#464646;
}
#btn{
float:right;
width:185px;
margin-top:-26px;
padding-right:11px;
_padding-right:0px;
_margin-right:-4px;
_margin-top:-20px;
position:relative;
}
#btn a{
float:left;
padding-right:2px;
}

/* inner page style */
#outer-inner{
background:#000000 url(../images/inner_bg.jpg) no-repeat center top;
margin-left: 34px;
}
#container_inner{
width:836px;
height:409px;
border:5px solid #abaaaa;
background:#000000;
margin-left:11px;
margin-top:3px;
}
#container_inner h1{
padding-left:20px;
padding-top:30px;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:24px;
color:#ffffff;
}
#titlebar
{
	font-size:13px;
	color:#999999;
	text-align:left;
	padding-top:13px;
	padding-left:3px;
	height:5px;	
}
.loginname{
	float:left;
    font-size:13px;
	color:#999999;
	text-align:left;
	padding-left:3px;
	height:5px;
	width:205px;
}	


#titlebar span
{
	font-size:13px;
	float:right;
	color:#999999;
	text-align:left;
	padding-top:0px;
	padding-left:0px; 
	height:5px;
	
}

.titlebar_footer
{
	font-size:11px;
	margin-top:-35px;
	margin-left:425px;
	color:#B9D037;
	float:right;
	text-align:right;
	padding-top:13px;
	height:5px;
	padding-left:20px;
	position:absolute;
	width:400px;
}

#container_inner p{
padding-left:20px;
padding-top:5px;
width:389px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#888888;
line-height:20px;
position:relative;
z-index:1000;
}
#container_inner b{
position:absolute;
padding-left:411px;
padding-top:9px;
z-index:1 !important;
}

#text_container
{
	height:300px;
	width:430px;
	/*overflow:auto;*/
	z-index:200;
	position:absolute;
}
#footer_inner{
width:892px;
padding-bottom:33px;
}
#footer_img_inner{
position:absolute;
width:264px;
height:74px;
margin-top:12px;
background:url(../images/27th.png) no-repeat;
padding:0px !important;
z-index:200 !important; 
}
#footer_inner p.inner{
padding-top:94px;
padding-left:11px;
font-family:"Tahoma", Arial, Helvetica, sans-serif;
font-size:11px;
color:#464646;
}
.footerlink
{
padding-top:94px;
padding-left:11px;
font-family:"Tahoma", Arial, Helvetica, sans-serif;
font-size:11px;
color:#464646;
text-decoration:none
}
#btn_inner{
float:right;
width:270px;
padding-right:38px;
margin-top:-5px;
position:relative;
}
#btn_inner a{
float:left;
padding-right:0px;
}
#btn_inner a.home{
padding-right:4px;
outline:0px;
}

#btn_inner1{
float:right;
width:270px;
margin-top:-5px;
position:relative;
}
#btn_inner1 a{
float:right;
padding-right:35px;
outline:0px;
}





/* photo gallery */
#gallery{
padding-left:20px;
padding-right:20px;
padding-top:11px;
}
#gallery h1{
background:url(../images/big_photo_holder.jpg) no-repeat;
width:467px;
height:302px;
float:left;
padding:0px;
margin:0px;
text-align:center;
padding-top:5px;
}
.send_pic{
float:left;
position:relative;
display:none;
margin-left:-184px;
margin-top:271px;
}


.pagination{
width:263px;
float:right;
padding-right:0px;
}

.pagination a.prev{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background:url(../images/previous_arrow.jpg) no-repeat left;
padding-left:14px;
padding-right:20px;
float:left;
display:block;
border:none;
}
.pagination a.next{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background:url(../images/next_arrow.jpg) no-repeat right;
padding-right:14px;
padding-left:25px;
float:right;
border:none
}
.pagination span{
float:left;

}
.pagination a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#888888;
padding-left:3px;
padding-right:3px;
margin-right:4px;
float:left;
text-align:center;
border:1px solid #565656;
text-decoration:none;
}
.pagination a:hover{
text-decoration:none;
color:#888888;
}
.pagination .current {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#888888;
	float:left;
	padding-left:3px;
padding-right:3px;
margin-right:4px;
	text-align:center;
	border:1px solid #565656;
	text-decoration:none;
}
.desc{
margin-top:0px;
width:280px;
float:right;
height:138px;
}
.desc h2{
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:20px;
color:#ffffff;
padding:0px;
margin:0px;
}
.desc p.gallery_txt{
padding-left:0px!important;
margin:0px;
width: 281px!important;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#888888;
line-height:20px;
}
div.thumb{
   width:280px;
   float:right;
   padding-right:15px;
}
/*.thumb span{
background:url(../images/small_photo_holder.jpg) no-repeat;
padding:5px;
float:left;
margin-bottom:14px;
margin-right:15px;
}*/
/*gallery*/
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
	#padding-bottom:10px;
	width:280px;
    float:right;
	margin-right:5px;
	margin-right:-15px;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0px 15px 14px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #484848;
	padding:4px;
	width:67px;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
/*div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}*/
.slideshow-container {
	/* height: 502px; This should be set to be at least the height of the largest image in the slideshow */
	height: 292px;
	/*border:1px solid red;*/
	float:left;
	width: 457px;
	position:relative;
}
.advance-link a {
	display: block;
	width: 457px ;
	height: 292px; /* This should be set to be at least the height of the largest image in the slideshow */
	/*line-height: 502px;  This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
	float:left;
	position:absolute;
	outline:none;
}
.advance-link a:hover ,.advance-link a:active ,.advance-link a:visited {
	text-decoration: none;
	outline:none;
}
.slideshow img {
	vertical-align: middle;
	width: 459px;
	height: 292px;
	/*border: 1px solid #ccc;*/
	border:none;
	margin-left:-5px;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
.image-caption {
	float:right;
height:138px;
margin-top:25px;
width:280px;
}
.caption {
	/*padding: 112px 10px 10px 12px;*/
}
.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}

/*Table DIV */

div.tablefield {
float:left;
width:650px;
height:200px;

margin:20px 0px 0px 10px;
}

div.tablelogin {
float:left;
width:240px;
line-height:20px;
padding:0px;
margin:10px 0px 0px 20px;
padding-bottom:10px;
/*border-bottom: 1px solid #fff; 
*/
}

div.registration {
float:left;
margin:0px 0px 10px 50px;

}
div.registration p{
}

.reg_text {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
/*font-weight:bold;*/
text-decoration:none;
outline:0;
}


/*Registration form*/


#container_inner2{
width:836px;
height:409px;
border:5px solid #abaaaa;
background:#000000;
margin-left:11px;
margin-top:3px;
/*overflow:hidden;*/
}
#container_inner2 h1{
padding-left:20px;
padding-top:30px;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:24px;
color:#ffffff;
}
#container_inner2 p{
padding-left:20px;
padding-top:5px;
width:373px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#888888;
line-height:20px;
position:relative;
z-index:1000;
}
#container_inner2 b{
position:absolute;
padding-left:411px;
padding-top:9px;
z-index:1;
}
#container_inner2 b img{
	float:right;
} 
#container_inner2 input,select
{
	margin-left:12px;
}
#user_account_container
{
	float:left;
	width:400px;
}
#user_account_container span
{
	width:160px !important;
	float:left;
	display:block;
	text-align:right;
	padding-right:4px;	
}
.error1
{
	color:#990000;
}
#container_inner2 span
{
	display:block;
	width:160px;
	float:left;
	text-align:right;
}
#input_button input, .btn
{
	border:1px solid #CCCCCC;
	background: url(../images/button_bg.jpg) repeat-x;
}

/*MY ACCOUNT*/

.edit_account
{
	clear:both; 
	width:390px;
	margin-top:40px;
	margin-left:6px;
}
.edit_account span
{
	width:29px !important;
}
.profile_lilnk img
{
	float:left;
	display:block;
}
.edit_account a
{
	text-decoration:none;
	color:#999999;
	font-weight:bold;
	vertical-align:top;
	padding-left:20px;
	line-height:29px;
	width:400px;
	
}
.edit_account a:hover
{
	text-decoration:underline;
	color:#999999;
	font-weight:bold;
	vertical-align:top;
	padding:0px;
	padding-left:20px;
	line-height:29px;
	width:400px;
}

.textfield, .login-textbox 
{
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	border:1px solid #CCCCCC;
	width:143px;
	height:15px;
	*/
	border:1px solid #2f2e2e;
	background:url(../images/textfield_bg.jpg);
	background-repeat:repeat-x;
	color:#adaaaa;
	padding-left:4px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	height:15px;
	width:143px;
	
	
}

/*div#history {
	 font-family:Tahoma,Arial, Helvetica, sans-serif;
	 color:#454f21 !important; 
	 font-size:14px; 
	 font-weight:normal;  
	 margin-top:-42px; 
	 margin-left:40px;
	 cursor:pointer;
	 
}*/
#footer_img_inner, #history a
{
	color:#454f21 !important;
}

/* CHANGE PASSWD*/

.change_passwd
{
	clear:both; 
	width:590px;
	margin-top:20px;
	margin-left:4px;
}
/*box layout*/
/*.box_left
{
	background:url(../images/box_left.jpg) no-repeat;
	background-position:left;
	z-index:200 !important;
	width:222px;
	float:left;
	margin-left:18px !important;
}*/

.box_left
{
	background:url(../images/box_left.jpg) no-repeat;
	background-position:left;
	z-index:200 !important;
	float:left;
	margin-left:18px !important;
	_margin-left:9px !important;
	
}

.box_right
{
	background:url(../images/box_right.jpg) no-repeat;
	background-position:right;
	margin-left:7px;
	z-index:200 !important;
}
.box_center
{
	background:url(../images/box_bg.jpg);
	background-repeat:repeat-x;
	height:310px;
	margin-right:7px;
	/*overflow:auto;*/
}
.box_center p span
{
	width:82px !important;
	display:block;
	float:left;
	text-align:right;
	padding-right:4px;
}

.box_center p
{
	width:310px !important;
	display:block;
	margin:0 auto;
	
}

.box_center_cp
{
	background:url(../images/box_bg.jpg);
	background-repeat:repeat-x;
	height:310px;
	margin-right:7px;
	/*overflow:auto;*/
}

.box_center_cp p span
{
	width:120px !important;
	display:block;
	float:left;
	text-align:right;
	padding-right:4px;
}

.box_center_cp p
{
	width:310px !important;
	display:block;
	margin:0 auto;
	
}

.button_submit
{
	background:url(../images/button1.jpg);
	border:none;
	background-repeat:no-repeat;
	width:72px;
	height:22px;
}
.button_cancel
{
	background:url(../images/button1.jpg);
	border:none;
	background-repeat:no-repeat;
	width:72px;
	height:22px;
	margin-right:34px;
}
div.product_gallery { 
float:left;
text-align:left;
display:inline;
/*margin-left:139px;*/
margin-righ:4px;
padding-top:10px;
padding-left:15px;
width:160px;


}
div.product_gallery img{
padding:4px;
border:1px solid #302f2f;
}
div.product_gallery img:hover { 
background:#2a2929;
}
#container_gallery{
float:left;
width:800px;
height:300px;
/*border:5px solid #333333;
background:#666633;*/
margin-left:-1px;
margin-top:8px;
_width:600px !important;
/*overflow:auto;*/
}
.fr_pass
{
	
	position:absolute;
	padding-left:20px; 
	height:60px !important;
	z-index:222 !important;
	
	display:block !important; 
}
.reg_text1 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
font-weight:normal;
text-decoration:none;
outline:0;
display:block !important;
z-index:1 !important;
}


/*File management CSS*/

.inner_span
{
	/*border:1px solid #444444;*/
	line-height:22px;
}
.inner_span a
{
	color:#666666;
}
.inner_span a:hover
{
	color:#fff;
}
.inner_span span
{
	
	
	white-space:nowrap;
	text-align:left !important;
	padding-left:10px;
}
span.date_format
{
	width:80px !important;
	text-align:left !important;
}
span.operation
{
	width:85px !important;
	text-align:left !important;
}
span.finename
{
	width:350px !important;
	text-align:left !important;
}
a.navitxt 
{
	text-decoration:none;
	color:#b4ca36;
	font-weight:bold;
}
a.navitxt:hover
{
	text-decoration:none;
	color:#efefef;
	font-weight:bold;
}
a.file_link
{
	text-decoration:none;
	color:#fff;
}
a.file_link:hover
{
	text-decoration:underline;
	color:#fff;
}
.box_center input
{
	z-index:1800 !important;
}
 
div.addfile {
float:left;
line-height:20px;
padding:0px;
margin:70px 0px 0px 142px;
padding-bottom:10px;
z-index:1111 !important;
}
.addfile input
{
	margin-bottom:13px;
}
.portfoli0_image img
{
	float:left !important;
}
.protfolio_txt p
{
	width:460px !important;
	padding:0px !important;
	margin:0px !important;
	margin-left:250px !important;
	text-align:justify;
}
.web_link_title
{
	padding:0px 0px 0px 30px;
	margin-bottom:22px;
	text-transform:capitalize;
	}
a.web_link
{
	text-decoration:none;
	padding-top:8px;
	display:block;
	color:#fff;
	font-weight:bold;
	word-wrap:break-word;
	outline:none;
}
.pop_form p
{
	width:340px !important;
	font-size:12px !important;
	clear:both;
}
 .pop_form p span
{
	
	width:150px !important;
	display:block !important;	
	text-align:right !important;
	padding-right:4px !important;
}

.breadcrum{
color:#999999;
text-decoration:none;
clear:both !important;

}
.breadcrum a
{
color:#CCCCCC;
text-decoration:none !important;
}
#breadcrum_padding
{
	padding-left:22px;	
}

#dhtmltooltip{
position: absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:	10px;
color:#0000CC;
width: 200px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
visibility: hidden;
z-index: 1100 !important;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

}