/*-------FARANG IT SERVICES-----------*/



/* Header--------------------------------- */

#header {
	width: 792px;
	margin: 0 auto;
	height: 215px;
	padding-top: 0px;
	}
	
#header a {
	color: #ffffff;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}

#header a:hover	{
	text-decoration: none;
	color: #FF0;
	}

	
/* box --------------------------- */
	

#box1 {
	width: 299px;
	height: 215px;
	margin: 0 auto;
	float: left;
	padding-left: 0px;
	background-image: url('images/frlogo.jpg');
	}
	
#box2 {
	width: 466px;
	height: 30px;
	margin: 0 auto;
	float: left;
	padding-top: 35px;
	padding-left: 27px;
	background-image:url('images/img_search.jpg');
	}
	
#share {
	width: 150px;
	margin: 0 auto;
	float: right;
	padding-top:10px;
	padding-right: 40px;
	}
	
#box3 {
	width: 493px;
	height: 150px;
	margin: 0 auto;
	float: left;
	}

/* End of Header-------------------------*/


/* BODY -------------------------*/

body {
	background-color:#2a2d96;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Tahoma;
	font-size:12px;
	color: #666666;
	}


h1 {
	margin: 0;
	padding: 0;
	font-size: small;
	line-height: 160%;
	}


a {
	color: #2D3192;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}

a:hover{
	text-decoration: none;
	color: #3DDDFF;
	}
	
a img, a:hover img, a:active img { 
	border: 0px; 
	padding: 0px;
	}

.txt_gray {
	font-family: Tahoma;
	font-size: 12px;
	color: #333;
	}

.txt_body {
	font-family: Tahoma;
	font-size: 12px;
	color: #fff;
	}

.txt_heading {
	padding-top: 35px;
	padding-left: 27px;
	font-family: Tahoma;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	}

.txt_heading_footer {
	padding-left: 107px;
	font-family: Tahoma;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	}

.copyright {
	font-family: Tahoma;
	font-size: 12px;
	color: #FF0;
	}

.centertext {
	text-align: center;
	}


.floatleftclear { 
    float: left; 
    clear: left;
	margin-right: 5px;
	}


.floatrightclear { 
    float: right; 
    clear: right;
	margin-left: 5px;
	}

.dynamicconverter {
	color: #0066CC;
	}

/*--------- image rollover ------------------*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/*Add a height attribute and set to largest image's height to prevent overlaying*/

.gallerycontainer{
	position: relative;
	}

.thumbnail img{
	border: 1px solid white;
	margin: 0 5px 5px 0;
	}

.thumbnail:hover{
	background-color: transparent;
	}

.thumbnail:hover img{
	border: 1px solid blue;
	}

/*CSS for enlarged image*/

.thumbnail span{
	position: absolute;
	padding: 0;
	left: -1000px;
	border: none;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}

/*CSS for enlarged image*/

.thumbnail span img{
	border-width: 0;
	padding: 2px;
	}

/*CSS for enlarged image*/

.thumbnail:hover span{ 
	visibility: visible;
	top: 0px;
	left: 0px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	}

.thumbnail2 img{
	border: 1px solid white;
	margin: 0 5px 5px 0;
	}

.thumbnail2:hover{
	background-color: transparent;
	}

.thumbnail2:hover img{
	border: 1px solid blue;
	}

/*CSS for enlarged image*/

.thumbnail2 span{
	position: absolute;
	padding: 0;
	left: -1000px;
	border: none;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}


/*CSS for enlarged image*/

.thumbnail2 span img{
	border-width: 0;
	padding: 2px;
	}

/*CSS for enlarged image*/

.thumbnail2:hover span{ 
	visibility: visible;
	top: 450px;
	left: 0px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	}



/*---------------END image rollover ---------*/
	
#box4 {
	width: 180px;
	height: 100px;
	background-image: url('images/home_pc_gaming_monstor.jpg');
	background-position: 0 -101px ;
	margin-left: 0;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	float: left;
	cursor: default;
	}

#box4:hover{
	background-position: 0 0;
	}


/* content --------------------------- */

#maincontent {
	position:relative;
	width: 792px;
	margin: 0 auto;
	padding-top: 0px;
	background-color: #FFFFFF;
	}

	
#left {
	position:relative;
	display: inline;
	width: 292px;
	float: left;
	margin: 0 auto;
	padding-top: 0px;
	background-color:#FFFFFF;
	}
	
.menu {
	position: relative;
	display: inline;
	width: 202px;
	margin: 0 auto;
	margin-left: 45px;
	margin-right: 45px;
	float: left;
	color:#666666;
	font-family:Tahoma;
	font-size:24px;
	line-height: 150%;
	}
	
#content {
	position: relative;
	width: 495px;
	max-height: 650px;
	overflow: auto;
	margin: 0 auto 105px;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	float:left;
	background-color:#FFFFFF;
	}
	
#content2 {
	position:relative;
	width: 495px;
	overflow: auto;
	margin: 0 auto;
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	float:left;
	background-color:#FFFFFF;
	}
	
#article {
	position:relative;
	display: inline;
	width: 495px;
	overflow: auto;
	margin: 0 auto 105px;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	float:right;
	background-color:#FFFFFF;
	}
	
#web-serv-left {
	width: 228px;
	position: relative;
	top: 0;
	float: left;
	}
	
#web-serv-right {
	width: 225px;
	position: relative;
	top: 0;
	float: right;
	}
	
#colmail {
	width: 310px;
	margin: 0 auto;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	float:left;
	background-color:#FFFFFF;
	}
	
#colchat {
	width: 160px;
	margin: 0 auto;
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	float:right;
	background-color:#FFFFFF;
	}


/* RSS Scroller ---------------------*/

#pscroller1{
	width: 470px;
	height: 3.3em;
	border: 1px solid black;
	padding: 5px;
	background-color: #F0F0F0;
	}

.pscroller2{
	width: 470px;
	height: 183px;
	border: 1px solid black;
	padding: 5px;
	background-color: #F0F0F0;
	overflow: auto;
	}

#pscroller3{
	width: 470px;
	height: 100px;
	border: 1px solid black;
	padding: 5px;
	background-color: #F0F0F0;
	}

.rssclass .rsstitle{
	font-weight: bold;
	}

.rssclass .rssdate{
	color: gray;
	font-size: 85%;
	}

.rssclass a{
	text-decoration: none;
}

/* google cse ----------------------------*/


#googlecse{
	height: 20px;
	margin: 0 auto;
	border: 0px;
	border-top: 0px;
	float: right;
	}
	
#input {
	background-color: #ffffff;
	color: #000000;
	font-family: verdana;
	font-size: 8pt;
	}

#cse-search-results{
	width: 480px;
	overflow: auto;
	}

/* end of google cse--------------------- */

/* End of BODY -------------------------*/

/* Bottom--------------------------------- */

#txt_bottom {
	font-family: Tahoma;
	font-size: 12px;
	color: #fff;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #1478A3;
	}
		
#txt_bottom a {
	color: #ffffff;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	}

#txt_bottom a:hover
	{
	color: #FF0;
	}
	
	
/* Footer ------------------------------ */

#footer {
	position: absolute;
        z-index: 1;
	bottom:45px;
	right: 0;
	width: 485px;
	height: 80px;
	float: right;
	padding-top: 0;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	}

#footertext {
	width: 385px;
	height: 70px;
	padding-top: 20px;
	padding-right:0;
	float: left;
	font-size:11px;
	text-align: right;
	}

.txt_footer {
	font-family: Tahoma;
	font-size: 12px;
	color: #42a0ca;
	margin-right: 5px;
	}

#tux {
	width:90px;
	float: right;
	padding-right: 4px;
	padding-bottom: 4px;
	}


.tux_logo { 
    float: right;
	margin: 0 11px -5px 5px;
	position: relative;
	z-index: 5;
	}

.html_validator {
	margin-right: -3px;
	position: relative;
	z-index: 4;
	}

.css_validator {
	margin-left: -3px;
	position: relative;
	z-index: 3;
	}

#underfoot {
	width: 792px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('images/footer_img.jpg');
	position: relative;
	z-index: 0;
	}

/* End of Footer-------------------------*/

/* End of Farang IT -------------------------*/