@charset "utf-8";
/* CSS Document */
@import url(fonts.css);

body, html{ width: 100%; height: 100%; padding: 0px; margin: 0px; cursor : default; }
body { text-align: left; }

/*-----------------------------------SPECIAL FOR MSIE7-----------------------------------------------*/

div {background: #fff; }

/*-----------------------------------SPECIAL FOR MSIE7-----------------------------------------------*/







#page {width: 900px; margin: 0 auto; }



#header, #content, #footer { padding: 0px; margin: 0px; }



#header { height: 97px; width: 900px; clear: both;}



#content { height: auto; width: 100%; clear: both;}



#footer { height: 100%; width: 100%; clear: both;}



#logo { width: 200px; height: 97px; float: left;}



#navi { width: 560px; height: 97px; float: right; padding: 0px; margin: 0px;  padding-right: 20px;}



#leftbar { width: 200px; height: 100%; float: left; padding-top: 60px; height: 450px;}

#leftbar ul {float:none;padding-left: 5px; margin-left: 5px; padding-bottom: 100px;}

#leftbar ul li a {	text-transform: uppercase; }



#rightbar { width: 600px; height: 100%; float: right; margin-left: 100px; text-align: justify; padding-top: 60px;}



#copyrights { width: 300px; height: 40px; float: right;}



img {border: none;}



#navi {width: 560px;}



#navi ul {width: 560px;}



#navi ul, li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: right;
	text-align: left;
}

#navi ul li a {	text-transform: uppercase; }

#navi li {width: 80px; height: 30px; float:left;}



#idLogo {	

	float: left; background:#fff url(../img/logo.gif) no-repeat top left;

	width: 200px; height: 97px;

}



#decElem { background: url(img/dec-elem.jpg) top left no-repeat; float:left; width: 150px; height: 150px; padding: 0px; margin: 0px; margin-left: 10px;}





.idContentRightBlock{ height: auto; width: 260px; float: right; margin: 5px; padding: 10px;}





a:hover { color: #ff0000; }

a { color: #000; }





h2 { font-size: 14px;}



.tableclass { padding: 0px; margin: 0px; text-align: center; }

.tableclass td { width: 200px; height: 150px; vertical-align:top; padding: 5px; }

.tableclass img { border: 1px solid #000;}

.tableclass img:hover { border: 1px solid #ff0000;}





p {text-indent: 0px;}



/* --------------------NAVI BUTTONS CSS------START----------------- */

#idNaviNews { float: left; background: url(../img/navi/news.gif) left top no-repeat;width: 80px; height: 30px; background-position: 0px -30px; }

#idNaviNews:hover { background-position: 0px 0px; }



#idNaviAbout { float: left; background: url(../img/navi/about.gif) left top no-repeat;width: 90px; height: 30px; background-position: 0px -30px; }

#idNaviAbout:hover { background-position: 0px 0px;}



#idNaviServices { float: left; background: url(../img/navi/services.gif) left top no-repeat;width: 100px; height: 30px; background-position: 0px -30px; }

#idNaviServices:hover { background-position: 0px 0px;}



#idNaviPortfolio { float: left; background: url(../img/navi/portfolio.gif) left top no-repeat;width: 130px; height: 30px; background-position: 0px -30px; }

#idNaviPortfolio:hover { background-position: 0px 0px;}



#idNaviUsable { float: left; background: url(../img/navi/usable.gif) left top no-repeat;width: 160px; height: 30px; background-position: 0px -30px; }

#idNaviUsable:hover { background-position: 0px 0px;}

/* --------------------NAVI BUTTONS CSS------END----------------- */



#idSecondaryNavi li { height: 20px; float: left; width: auto; padding-left: 8px; padding-right: 8px; }

#idSecondaryNavi a { font-size: 10px; font-weight: bold; text-decoration: none; }



.sRed { color: #FF0000;}

.sCopyrights { float: right;}



#leftbar ul li{ float:none;}

#leftbar ul li a { line-height: 2em;  text-decoration:none; font-weight: bold; font-size: 10px;}



#an1navi a{ text-decoration: none; font-size: 10px; text-transform: uppercase;}

div#an1navi {	margin-top: 50px; }



table.tableclass a {text-transform: uppercase;}
#page #content #rightbar p strong {
	font-weight: normal;
}
#page #content #rightbar p strong {
	font-weight: bold;
}
strong {
	font-weight: normal;
}
strong {
	font-weight: normal;
}
#page #content #rightbar div p {
	text-align: justify;
}


/*-------------------------TABS-------------------------*/

#wrapper {
	width: 600px;
	margin: 0px;
	padding: 0px;
}

.box {
	background: #fff;
}

.boxholder {
	clear: both;
	padding: 0px;
	margin: 0px;
	background: #fff;
	width: 600px;
}

.tab {
	float: left;
	height: 32px;
	width: 150px;
	margin: 0 1px 0 0;
	text-align: center;
	background: #fff;

}

.tabtxt {
	margin: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 9px 0 0 0;
}

.tabtxt a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
color: #2d2b2b;
border-bottom: 1px solid #f00;
}

.tabtxt a:visited{
color: #000;
}

.tabtxt a:hover{
border-bottom: 1px solid #000;
color: #f00;
}
.tabtxt a:selected {
	border-bottom: 1px solid #fff;
}
/*-------------------------TABS-------------------------*/