/* default styles
   -------------- */

body {
	padding: 0;
	margin: 0;
	font: 0.7em Tahoma, sans-serif;
	line-height: 1.5em;
	background: #fff;
	color: #454545;
}

a {	color: #1a6ee0;	background: inherit;}
a:hover { color: #6C757A; background: inherit; }
a:visited{color: #5f59e5; background: inherit; }

h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }

p {	margin: 0 0 5px 0; }

ul { margin: 0; padding : 0; list-style : none; }

form { 	margin: 0; }



/* special customizing tweak
   ------ */
a {
	/*color: #0099CC;*/
	text-decoration: none;
}

a img {
  border: none;/*remove border for linked images*/
}


/* ------ */












input.search {
	width: 252px;
	border: 0;
	background: #FFF url(../images/input.gif) no-repeat;
	padding: 4px;
	color: #E0691A;
	font-weight: bold;
}

input.submit {
	background: #E0691A url(../images/submit.gif) no-repeat;
	border: 0;
	padding: 4px 0;
	width: 65px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
}

input.login {
	width: 150px;
	border: none;
	padding: 4px;
}

/* layout
   ------ */

.content {
	margin: 0 auto;
	width: 960px;
	padding: 0px 6px;
}

.header {
	height: 81px;
	background: #eee url(../images/header_bg.png) repeat-x;
	color: #808080;
	margin: 0px 0px 1px;
	padding: 0px 0 0 0;
	border-bottom: 1px solid #ccc;
}

.logo{
    margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;

}

.top_infoX {
	float: right;
	width: 555px;
	padding: 5px 0 4px 0;
	border-bottom: 1px solid #eee;
	background: #eee;
	color: #808080;
}

.top_info_leftX {
    width: 200px;
    float: left;
}

.top_info_rightX {
    float: right;
    width: 290px;
    padding: 0 0 0 35px;
    border-left: 1px solid #eee;
}

.browse_category  {
	font-size: 0.9em;
	width: 190px;
	color: #000;
	background: inherit;
}

.bar {
/*	clear: both;*/

	/*font-size: 1.1em;*/
    font: bold 12px Arial;
	height: 17px;
	color: #000000;
	/*background: #d5e2ef url(../images2/uitabsbg2.gif) repeat-x; /*BAR COLOR*/
}

.bar li {
    margin: 0px 0px 10px 10px;
    padding: 3px 3px 5px 5px;
    color: #000000;
   /* background: #d5e2ef url(../images2/uitabsbg2.gif) repeat-x;/*BAR COLOR*/
  
}

.bar li.active {
   /* background: #d5e2ef url(../images/bar.gif) no-repeat center top;/*BAR COLOR*/
    color: #000000;
    font-weight: bold;
    padding: 3px 3px 5px 5px;
}

.bar li a {
    font-weight: bold;
    color: #000000;
    background: inherit;
    text-decoration: none;
}

.bar li a:hover {
    color: #c5c8cb;
    background: inherit;
}

.ticker{

    /*float:left;*/
    font: bold 12px Arial;
   /* margin: -33px 0px -10px 658px;*/ /* use this when put next to the bar*/
   /* margin: 0px 0px 0px 13px;*/
    /*padding: 0px 0px 0px 0px;*/
}

.ticker a{
    color: #444;

}

.ticker a:hover{
    color: #6d6d6d;

}




/*THE LAVA*/

#lava {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative;
		text-align:center;
		width:960px;
		height:40px;
	}

	#lava ul {
		/* remove the list style and spaces*/
		margin:0;
		padding:0;
		list-style:none;
		display:inline;

		/* position absolute so that z-index can be defined */
		position:absolute;

		/* center the menu, depend on the width of you menu*/
		left:0px;
		top:0;

		/* should be higher than #box */
		z-index:100;

	}

	#lava ul li {

		/* give some spaces between the list items */
		margin:0 6px;

		/* display the list item in single row */
		float:left;
	}

	#lava #box {

		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute;
		left:0;
		top:0;

		/* should be lower than the list menu */
		z-index:50;

		/* image of the right rounded corner */
		background:#ccc;
		height:20px;

		/* add padding 8px so that the tail would appear */
		padding-right:8px;

		/* self-adjust negative margin to make sure the box display in the center of the item */
		margin-left: -6px;
	}

    #lava #box .head {
            /* image of the left rounded corner */
            background:#eee;
            height:20px;

            /* self-adjust left padding to make sure the box display in the center of the item */
            padding-left:18px;
    }


    .subheader {
        margin: 0px 0 10px 0;
        border-bottom: 1px solid #eee;
        padding: 5px 0 5px 0;
        background: #A4A4A4;
        color: #fff;
    }

/* left side
   --------- */

.left {
	float: left;
	width: 0%;
	margin: 10px 0 0px 0;

}

.left h3 {
	clear: both;
	/*background: #A9C0CE url(../images/cornerRRRRRRRRRRRRRRRRRRRR.gif) no-repeat top right;*/
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}



/* center side
   ---------- */

.center {

	float: left;
	width: 65%;
	margin: 0px 0px 10px 0px;
	/*border: 1px solid gray;
	background-color: #EFEFEF;*/
}

/*the content center*/

#portfolio{
    float: left;
    padding: 5px 0px 0px 0px;
}





/*s3 slider*/
.s3Slid{
    float: left;
    padding: 6px 0px 0px 0px;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    
}


.sliD-text{
   font: 11px Arial;

}




/*horslider modification*/
#boxes{
    float: left;
    padding: 20px 0px 0px 0px;
    font-family: Arial, sans-serif;
    
}

.boxes-title{
        font: bold 12px Arial;
		}



#stage{width:640px;
        overflow: auto;
        overflow-x:hidden;
        overflow-y:hidden;
        height:190px;
        margin:0 auto;}
#slider-buttons{width:632px; margin:0 auto;}
	#myList{width:2000px; border:0; margin:0; padding:0; left:400px;}
	#myList li{
		list-style:none;
		margin:0;
		padding:0;
		border:0;
		margin-right:8px;
		padding:4px;
		/*background:#efefef;*/
		float:left;
		width:200px;
		height:200px;
		}


#stage2{width:640px;
        overflow: auto;
        overflow-x:hidden;
        overflow-y:hidden;
        height:190px;
        margin:0 auto;}
#slider-buttons2{width:632px; margin:0 auto;}
	#myList2{width:2000px; border:0; margin:0; padding:0; left:400px;}
	#myList2 li{
		list-style:none;
		margin:0;
		padding:0;
		border:0;
		margin-right:8px;
		padding:4px;
		/*background:#efefef;*/
		float:left;
		width:200px;
		height:200px;
		}



.boxes-image-poz{
  /* position:relative;
   top:10px;*/
        
   float: left;
   margin: 0px 0px 0px 0px;
   border: 1px solid #ccc;

}

  

/* right side
   ---------- */

.right {
	float: right;
	width: 33%;
	margin: 6px 0px 10px 0px;
    font-family:Arial, Helvetica, sans-serif;
    font:  12px Arial;
}

.right h3 {
	background: #efefef  url(../images/corneRr.gif) no-repeat top right;;
	color: #444;
	padding: 7px 0 7px 5px;
	/*font: bold 1em Arial, Sans-Serif;*/
	margin: 5px 0px 3px 0px;
}

.right_articles {

    background: #f5f5f5;
    color: #414141;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 3px 0px;
}

.adbrite-topright{
    float: right;
    padding: 0px 0px 0px 0px;

}
.right-top-panel{
    float: right;
    width: 300px;
    padding: 0px 0px 0px 0px;
    margin: 30px 0px 3px 0px;
}

#news-sticker{
    padding: 0px 0px 0px 0px;
}










/* footer
   ------ */

.footer {
	clear: both;
   
	text-align: right;
	padding: 10px 0 10px 0;
	margin: 100px 0px 0px 0px;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}

.footer a { color: #808080; background: #fff; }