/* Style for formating lenka.ca
copyright Jiøí Maruna - FANTASY MAKER ©2006
http://www.fantasymaker.net */

/* ---------------------------- basic --------------------------------------- */
body	{
	background-color: #FFFFFF;
	color: #1DA1DC;
	font-size: 80%;
	font-family: Verdana, sans-serif;
	text-align: center;
}

html, body, p, form, 
ul, ol, li		{ margin:0px; padding:0px; }

h1 { margin-top: 0px; }

a {
	font-weight: bold;
	text-decoration: none;
}


.textversion {
	display: none;
}

/* zakladni formatovani strany - start*/

#grid  {
	width: 782px;
	height: 422px;
	margin: auto auto auto auto;
	border: 0px none gray;
	text-align: center;
	padding: 0px 0px 0px 0px;
	background-color: white;
}
#topdistanc  {
	width: 100%;
	height: 100px;
	/*background-color: #F9F9F9;*/
	background-color: #FFF;
	color: #CCC;
	border-bottom: 10px solid white;
}

#page  {
	width: 752px;
	height: 407px;
	border: 0px none #1DA1DC;
	background-color: #FFF;
	padding: 0px 0px 0px 0px;
	float: left;
}
#header  {
	width: 752px;
	height: 25px;
	float: left;
	background-color: #FFF;
}


#header div.head1 {
	width: 380px;
	height: 25px;
	margin-left: 15px;
	_margin-left: 8px;
	float: left;
	text-align: left;
	position: relative;
	background-color: white;
}

#header div.head1 h1 {
	width: 380px;
	height: 16px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	position: relative;
	font-size: 13px;
	letter-spacing: 3px;
}

#header div.head1 a {
	width: 380px;
	height: 16px;
	background-color: transparent;
	color: #1DA1DC;
}

#header div.head1 span {
	/*display: none;*/
	cursor: pointer;
	background: url("../layout/logo-lenka-gajzurova.gif") top left no-repeat;
	width: 380px;
	height: 16px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}

#header div.head2 {
	overflow: hidden;
	height: 15px;
	float: right;
	border-right: 19px solid white;
	margin-top: 2px;
	font-size: 9px;
	background-color: #FFF;
}



#pagebody  {
	width: 750px;
	_width: 752px;
	height: 380px;
	_height: 382px;
	text-align: left;
	border: 1px solid #1DA1DC;
	float: left;
	background-color: #FFF;
}


#shortnewsbox  {
	width: 120px;
	height: 360px;
	border: 0px none #1DA1DC;
	float: left;
	background-color: white;
	text-align: center;
}
#counter  {
	width: 120px;
	height: 20px;
	border: 0px none #1DA1DC;
	float: left;
	background-color: #FFF;
	text-align: left;
}
#counter span.text {
	height: 15px;
	_margin-top: 2px;
	border-left: 15px solid white;
	color: #1DA1DC;
	background-color: #FFF;
	font-size: 0.8em;
}
/*\*/
html*#counter span.text {
[color: red;
color: #1DA1DC;
font-size: 0.75em;
]color: #1DA1DC;
}/**/

#counter span.version {
	height: 15px;
	_margin-top: 2px;
	border-left: 30px solid white;
	color: #1DA1DC;
	background-color: #FFF;
	font-size: 0.8em;
}
/*\*/
html*#counter span.text {
[color: red;
color: #1DA1DC;
font-size: 0.75em;
]color: #1DA1DC;
}/**/




#shortnewsbox a {
	color: #333;
	font-weight: normal;
}
#shortnewsbox a:hover {
	color: #000;
	/*background-color: #ECF7FF;*/
}
#shortnewsbox p {
	text-align: left;
	width: 85%;
	margin-left: auto;
	margin-right: auto; 
	color: #777;
}
#shortnewsbox p.header {
	text-transform: uppercase;
	font-size: 0.9em;
	_font-size: 0.85em;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px dashed #666;
	border-bottom: 1px dashed #666;
}
#shortnewsbox p.text {
	font-size: 0.8em;
	margin-top: 5px;
	margin-bottom: 20px;
	color: #666;
}

/*\*/
html*#shortnewsbox p.header {
[color: red;
color: #777;
font-size: 0.85em;
]color: #777;
}/**/

/*\*/
html*#shortnewsbox p.text {
[color: red;
color: #666;
font-size: 0.75em;
]color: #666;
}/**/



#newshead {
	width: 35px;
	height: 22px;
	overflow: hidden;
	text-align: left;
	font-weight: normal;
	font-size: 11px;
	letter-spacing: 1px;
	margin: 5px 67px 20px 15px;
	background-color: #FFF;
	position: relative;
}

#newshead span {
	/*display: none;*/
	width: 35px;
	height: 25px;
	position: absolute;
	left: 0px;
	top: -3px;
	z-index: 1;
	background-repeat: no-repeat;
}
#newshead span.normal {
	background-image: url(../layout/wnews.gif);
}
#newshead span.curr {
	background-image: url(../layout/bnews.gif);
}

#shortnewsbox p.headshortnews {
	height: 50px;
}



#contentboxhome  {
	width: 630px;
	height: 380px;
	border: 0px none #1DA1DC;
	float: right;
	/*background-color: pink;*/
	color: white;
}
#contentbox  {
	width: 750px;
	height: 380px;
	border: 0px none #1DA1DC;
	float: right;
	/*background-color: pink;*/
	color: white;
}



#ldistanc  {
	width: 15px;
	height: 422px;
	margin: 0px 0px 0px 0px;
	border: 0px none blue;
	background-color: white;
	padding: 0px 0px 0px 0px;
	float: left;
}
#rshadow  {
	width: 15px;
	height: 407px;
	margin: 0px 0px 0px 0px;
	border: 0px none blue;
	/*background-color: pink;*/
	padding: 0px 0px 0px 0px;
	float: right;
}
#rshadow div.a  {
	width: 15px;
	height: 20px;
	margin-top: 25px;
	background: #FFF url(../layout/shadowa.jpg) no-repeat;
}
#rshadow div.b  {
	width: 15px;
	height: 362px;
	background: #FFF url(../layout/shadowb.jpg) repeat-y;
}
#bshadow  {
	width: 767px;
	height: 15px;
	color: white;
	font-size: 0.1px;
	border: 0px none blue;
	/*background-color: lightgreen;*/
	padding: 0px 0px 0px 0px;
	float: left;
}
#bshadow div.c  {
	width: 20px;
	height: 15px;
	background: #FFF url(../layout/shadowc.jpg) no-repeat;
	float: left;
}
#bshadow div.d  {
	width: 732px;
	height: 15px;
	background: #FFF url(../layout/shadowd.jpg) repeat-x;
	float: left;
}
#bshadow div.e  {
	width: 15px;
	height: 15px;
	background: #FFF url(../layout/shadowe.jpg) no-repeat;
	float: left;
}
/* ############################## main menu ###################### begin # */
#menu {
	width: 100%;
	height: 25px;
	margin: 0;
	padding: 0;
	background-color: #1DA1DC;
	display: block;
}

#menu ul {
	_margin-left: -7px;
	width: 100%;
	list-style: none;
}

#menu li {
	height: 20px;
	margin-top: 2px;
	_margin-top: 5px;
	list-style: none;
	text-align: center;
	overflow: hidden;
	_overflow: visible;
	position: relative;
}

#menu span {
	/*display: none;*/
	width: 30px;
	height: 25px;
	position: absolute;
	top: -2px;
	_top: -5px;
	left: 0px;
	z-index: 1;
	background-repeat: no-repeat;
	cursor: pointer;
}

#menu h3 {
	display: inline;
	height: 20px;
	font-size: 11px;
}

#menu a {
	font-size: 11px;
	display: inline;
	margin: 0px;
	font-weight: normal;
	letter-spacing: 1px;
	color: white;
}

/* ******************************************** */
#menu li.spacer { width: 120px; _width: 127px; float: left; font-weight: normal; color: #1DA1DC;}

#news { width: 31px; float: left; }
#portfolio { width: 77px; float: left; margin-left: 5px; }
#about { width: 56px; float: left; }
#photoglr { width: 106px; float: left; }
#links { width: 50px; float: left; }
#contact { width: 70px; _width: 73px; float: left; }
#home { width: 39px; _width: 36px; float: right; border-right: 17px solid #1DA1DC; _border-right: 14px solid #1DA1DC;}

#news span.normal { width: 31px; background-image: url(../layout/wnews.gif); }
#portfolio span.normal { width: 77px; background-image: url(../layout/wportfolio.gif); }
#about span.normal { width: 56px; background-image: url(../layout/wabout.gif); }
#photoglr span.normal { width: 106px; background-image: url(../layout/wphotoglr.gif); }
#links span.normal { width: 50px; background-image: url(../layout/wlinks.gif); }
#contact span.normal { width: 70px; background-image: url(../layout/wcontact.gif); }
#home span.normal { width: 39px; background-image: url(../layout/whome.gif); }

#news span.highl { width: 31px; background-image: url(../layout/bnews.gif); }
#portfolio span.highl { width: 77px; background-image: url(../layout/bportfolio.gif); }
#about span.highl { width: 56px; background-image: url(../layout/babout.gif); }
#photoglr span.highl { width: 106px; background-image: url(../layout/bphotoglr.gif); }
#links span.highl { width: 50px; background-image: url(../layout/blinks.gif); }
#contact span.highl { width: 70px; background-image: url(../layout/bcontact.gif); }
#home span.highl { width: 39px; background-image: url(../layout/bhome.gif); }

#news span.curr { width: 31px; background-image: url(../layout/bnews.gif); }
#portfolio span.curr { width: 77px; background-image: url(../layout/bportfolio.gif); }
#about span.curr { width: 56px; background-image: url(../layout/babout.gif); }
#photoglr span.curr { width: 106px; background-image: url(../layout/bphotoglr.gif); }
#links span.curr { width: 50px; background-image: url(../layout/blinks.gif); }
#contact span.curr { width: 70px; background-image: url(../layout/bcontact.gif); }
#home span.curr { width: 39px; background-image: url(../layout/bhome.gif); }

/* ******************************************** */

/* ############################## main menu ####################### end # */

#htmlareaportfolio {
	width: 100%;
	height: 330px;
	color: #666;
}

#portftext {
	width: 600px;
	height: 80px;
	background-color: #FFF;
	float: left;
}

#portftext h2 {
	font-size: 0.6em;
	height: 12px;
	margin: 0px 0px 0px 50px;
	display: block;
	color: white;
}
#portftext h4 {
	font-size: 0.9em;
	margin: 0px 0px 2px 20px;
	display: block;
	color: #333;
}
/*\*/
html*#portftext h4 {
[color: red;
color: #333;
font-size: 0.85em;
]color: #333;
}/**/


#portftext p {
	font-size: 0.9em;
	width: 500px;
	margin: 0px 0px 0px 20px;
	display: block;
	color: #333;
}
/*\*/
html*#portftext p {
[color: red;
color: #333;
font-size: 0.85em;
]color: #333;
}/**/

#portftext a {
	color: #000;
	font-weight: normal;
	background-color: #F7F7F7;
}
#portftext a:hover {
	color: #666;
	/*background-color: #ECF7FF;*/
	background-color: #FFF;
}

#portfcontrol {
	width: 150px;
	height: 80px;
	background-color: #FFF;
	float: left;
	position: relative;
}
#portfcontrol table {
	width: 120px;
	margin-top: 8px;
	border: 0px solid black;
	background-color: #FFF;
}
#portfcontrol td.tda { width: 11px; height: 11px; margin: 0px; padding: 0px; border: 2px solid #FFF; background-color: #FFF;}
#portfcontrol td.tdb { width: 9px; height: 11px; margin: 0px; padding: 0px; border: 2px solid #FFF; background-color: #FFF;}
#portfcontrol td.text { width: 60px; height: 11px; color: #188DC3; border: 2px solid #FFF; background-color: #FFF;}

#porfctrltext { width: 60px; height: 11px; font-size: 11px; font-weight: bold; text-align: center; overflow: hidden; }
#porfctrlfirst { width: 11px; height: 11px; font-size: 1px; position: relative; color: #FFF; /*background-color: pink;*/}
#porfctrlprev { width: 9px; height: 11px; font-size: 1px; position: relative;	color: #FFF; /*background-color: pink;*/}
#porfctrlnext { width: 9px; height: 11px; font-size: 1px; position: relative;	 color: #FFF; /*background-color: pink;*/}
#porfctrllast { width: 11px; height: 11px; font-size: 1px; position: relative;	color: #FFF; /*background-color: pink;*/}

#porfctrlfirst a { color: #FFF; }
#porfctrlprev a { color: #FFF; }
#porfctrlnext a { color: #FFF; }
#porfctrllast a { color: #FFF; }

#porfctrlfirst span.active { background-image: url(../layout/ctrlfirstactv.gif); width: 11px; height: 11px; position: absolute; top: 1px; left: 0px; z-index: 1; cursor: pointer; }
#porfctrlprev span.active { background-image: url(../layout/ctrlprevactv.gif); width: 9px; height: 11px; position: absolute; top: 1px; left: 0px; z-index: 1; cursor: pointer; }
#porfctrlnext span.active { background-image: url(../layout/ctrlnextactv.gif); width: 9px; height: 11px; position: absolute; top: 1px; left: 0px; z-index: 1; cursor: pointer; }
#porfctrllast span.active { background-image: url(../layout/ctrllastactv.gif); width: 11px; height: 11px; position: absolute; top: 1px; left: 0px; z-index: 1; cursor: pointer; }

#porfctrlfirst span.pasive { background-image: url(../layout/ctrlfirstpsv.gif); width: 11px; height: 11px; position: absolute; top: 1px; left: 0px; z-index: 1; cursor: default; }
#porfctrlprev span.pasive { background-image: url(../layout/ctrlprevpsv.gif); width: 9px; height: 11px; position: absolute; top: 1px; left: 0px; z-index: 1; cursor: default; }
#porfctrlnext span.pasive { background-image: url(../layout/ctrlnextpsv.gif); width: 9px; height: 11px; position: absolute; top: 1px; left: 0px; z-index: 1; cursor: default; }
#porfctrllast span.pasive { background-image: url(../layout/ctrllastpsv.gif); width: 11px; height: 11px; position: absolute; top: 1px; left: 0px; z-index: 1; cursor: default; }

#portfimage {
	width: 750px;
	height: 250px;
	margin: 0;
	padding: 0;
	float: left;
}
#portfimage p {
	/*width: 750px;*/
	height: 250px;
	margin: 0px 0px 0px 20px;
	padding: 0;
	border: 0px none red;
}

/* ############################## portfolio submenu ###################### begin # */

#portfoliosubmenu {
	color: #FFF;
	width: 100%;
	height: 25px;
	margin: 0;
	padding: 0;
	background-color: #1DA1DC;
	display: block;
}

#portfoliosubmenu ul {
	width: 643px;
	_width: 645px;
	margin-left: 10px;
	list-style: none;
}

#portfoliosubmenu li {
	height: 20px;
	margin-top: 2px;
	_margin-top: 5px;
	list-style: none;
	text-align: center;
	overflow: hidden;
	_overflow: visible;
	position: relative;
}

#portfoliosubmenu span {
	/*display: none;*/
	width: 30px;
	height: 25px;
	position: absolute;
	top: -2px;
	_top: -5px;
	left: 0px;
	z-index: 1;
	background-repeat: no-repeat;
	cursor: pointer;
}

#portfoliosubmenu h3 {
	display: inline;
	height: 20px;
	font-size: 11px;
}

#portfoliosubmenu a {
	font-size: 11px;
	display: inline;
	margin: 0px;
	font-weight: normal;
	letter-spacing: 1px;
	color: white;
}

#portfoliosubmenu li#prtfproject {
	text-align: left;
}

/* ******************************************** */
#prtfproject { width: 107px; _width: 117px; float: left;	padding-left: 8px; }
#prtfprint { width: 50px; float: left; }
#prtfidentity { width: 72px; float: left; }
#prtfpackaging { width: 86px; float: left; }
#prtfinteractive { width: 92px; float: left; }
#prtfenvironmental { width: 114px; float: left; }
#prtfmiscellaneous { width: 114px; float: left; }

#prtfproject span { width: 115px; _width: 117px; }
#prtfprint span { width: 50px; }
#prtfidentity span { width: 72px; }
#prtfpackaging span { width: 86px; }
#prtfinteractive span { width: 92px; }
#prtfenvironmental span { width: 114px; }
#prtfmiscellaneous span { width: 114px; }

#prtfproject span.normal { background-image: url(../layout/wproject.gif); }
#prtfprint span.normal { background-image: url(../layout/wprint.gif); }
#prtfidentity span.normal { background-image: url(../layout/widentity.gif); }
#prtfpackaging span.normal { background-image: url(../layout/wpackaging.gif); }
#prtfinteractive span.normal { background-image: url(../layout/winteractive.gif); }
#prtfenvironmental span.normal { background-image: url(../layout/wenvironmental.gif); }
#prtfmiscellaneous span.normal { background-image: url(../layout/wmiscellaneous.gif); }

#prtfproject span.highl { background-image: url(../layout/bproject.gif); }
#prtfprint span.highl { background-image: url(../layout/bprint.gif); }
#prtfidentity span.highl { background-image: url(../layout/bidentity.gif); }
#prtfpackaging span.highl { background-image: url(../layout/bpackaging.gif); }
#prtfinteractive span.highl { background-image: url(../layout/binteractive.gif); }
#prtfenvironmental span.highl { background-image: url(../layout/benvironmental.gif); }
#prtfmiscellaneous span.highl { background-image: url(../layout/bmiscellaneous.gif); }

#prtfproject span.curr { background-image: url(../layout/bproject.gif); }
#prtfprint span.curr { background-image: url(../layout/bprint.gif); }
#prtfidentity span.curr { background-image: url(../layout/bidentity.gif); }
#prtfpackaging span.curr { background-image: url(../layout/bpackaging.gif); }
#prtfinteractive span.curr { background-image: url(../layout/binteractive.gif); }
#prtfenvironmental span.curr { background-image: url(../layout/benvironmental.gif); }
#prtfmiscellaneous span.curr { background-image: url(../layout/bmiscellaneous.gif); }

/* ******************************************** */

/* ############################## portfolio submenu ####################### end # */



/* ################################### contact ########################## begin # */

#htmlareacontact {
	width: 100%;
	height: 355px;
	color: #666;
	background-color: #FFF;
}

#htmlareacontact div.formarea {
	width: 555px;
	height: 355px;
	float: left;
	margin: 0px;
	background-color: #E4E4E4;
}
#htmlareacontact div.textarea {
	width: 195px;
	height: 355px;
	float: right;
	margin: 0px;
	/*background-color: orange;*/
}

#htmlareacontact strong.name {
	margin-top: 228px;
	_margin-top: 232px;
	margin-left: 35px;
	display: block;
	font-weight: bold;
	font-size: 0.9em;
	text-align: left;
	color: #333;
}

/*\*/
html*#htmlareacontact strong.name {
[color: red;
color: #333;
font-size: 0.85em;
]color: #333;
}/**/



#htmlareacontact a.mail {
	margin-top: 5px;
	margin-left: 35px;
	display: block;
	font-weight: normal;
	font-size: 0.9em;
	text-align: left;
	color: #333;
}

/*\*/
html*#htmlareacontact a.mail {
[color: red;
color: #333;
font-size: 0.85em;
]color: #333;
}/**/

#htmlareacontact p.phone {
	margin-top: 5px;
	margin-left: 35px;
	display: block;
	font-weight: normal;
	font-size: 0.9em;
	text-align: left;
	color: #333;
}

/*\*/
html*#htmlareacontact p.phone {
[color: red;
color: #333;
font-size: 0.85em;
]color: #333;
}/**/

#htmlareacontact p.location {
	margin-top: 20px;
	_margin-top: 21px;
	margin-left: 35px;
	display: block;
	font-weight: normal;
	font-size: 0.9em;
	text-align: left;
	color: #333;
}

/*\*/
html*#htmlareacontact p.location {
[color: red;
color: #333;
font-size: 0.85em;
]color: #333;
}/**/

#htmlareacontact p strong {
	font-weight: normal;
}

/* ******************** contact form ************************ */

#msgform {
	width: 493px;
	margin: 0px 31px 0px 31px;
}

#htmlareacontact h3 {
	text-transform: uppercase;
	margin-left: 133px;
	margin-top: 35px;
	margin-bottom: 30px;
	font-size: 1.1em;
	color: #333;
}

#htmlareacontact table {
	width: 493px;
	border-collapse: collapse;
	border: 0px none white;
}

/*#msgform div.form_errmsg {
	width: 528px;
	height: 18px;
	margin-bottom: 10px;
	color: red;
	font-weight: normal;
	background-color: white;
}*/

#htmlareacontact td {
	height: 25px;
	font-weight: bold;
	font-size: 0.9em;
	text-align: left;
	color: #333;
	border: 0px none white;
	padding: 0px;
}

/*\*/
html*#htmlareacontact td {
[color: red;
color: #333;
font-size: 0.85em;
_font-size: 0.7em;
]color: #333;
}/**/

#htmlareacontact tr {
	padding: 0px;
}


#htmlareacontact td.type_01 {
	width: 103px;
	/*_width: 108px;*/
	background-color: #E4E4E4;
}
#htmlareacontact td.type_02 {
	width: 45px;
	/*_width: 44px;*/
	background-color: #E4E4E4;
}
#htmlareacontact td.type_03 {
	width: 252px;
	background-color: #E4E4E4;
}
#htmlareacontact td.type_04 {
	width: 93px;
	/*_width: 94px;*/
	background-color: #E4E4E4;
}
#htmlareacontact td.type_05 {
	width: 390px;
	background-color: #E4E4E4;
}
#htmlareacontact td.type_06 {
	width: 493px;
	height: 90px;
	background-color: #E4E4E4;
}
#htmlareacontact td.type_07 {
	/*width: 500px;*/
	/*text-transform: uppercase;*/
	background-color: #E4E4E4;
	color: red;
}
#htmlareacontact td.type_08 {
	/*width: 500px;*/
	height: 15px;
	background-color: #E4E4E4;
}

#htmlareacontact p.succesmsg {
	font-size: 0.9em;
	text-align: left;
	color: #016;
	margin-left: 133px;
	margin-top: 213px;
	background-color: #E4E4E4;
}

/*\*/
html*#htmlareacontact p.succesmsg {
[color: red;
color: #016;
font-size: 0.85em;
]color: #016;
}/**/



#msgform input {
	width: 244px;
	_width: 252px;
	height: 18px;
	_height: 25px;
	border: 1px solid #9FD;
	border: 1px solid white;
	background-color: #FFF;
	padding: 5px 3px 0px 3px;
	color: #016;
	font-size: 11px;
	letter-spacing: 2px;
}


#msgform textarea {
	width: 485px;
	_width: 493px;
	height: 79px;
	_height: 88px;
	padding: 5px 3px 2px 3px;
	margin: 0px;
	border: 1px solid #FFF;
	background-color: #FFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #016;
	font-size: 11px;
	letter-spacing: 2px;
	scrollbar-base-color: #F4F4F4;
}


#msgform input.submit {
	width: 93px;
	_width: 93px;
	height: 25px;
	_height: 25px;
	font-weight: bold;
	/*font-size: 0.9em;*/
	text-align: center;
	letter-spacing: 1px;
	color: #333;
	border: 1px solid #FFF;
	background-color: #FFF;
	padding: 0px 3px 2px 3px;
	_padding: 2px 3px 0px 3px;
	cursor: pointer;
}


/* ******************** contact form ************************ */


/* ################################### contact ############################ end # */


/* ##################################### about ############################ begin # */

#htmlareaabout {
	width: 750px;
	height: 330px;
	color: #333;
	background-color: #FFF;
}

#htmlareaabout li {
	font-size: 0.9em;
	color: #333;
}

/*\*/
html*#htmlareaabout li {
[color: red;
color: #333;
font-size: 0.85em;
]color: #333;
}/**/

#htmlareaabout a {
	color: #000;
	font-weight: normal;
	background-color: #F7F7F7;
}
#htmlareaabout a:hover {
	color: #666;
	background-color: #FFF;
}


#htmlareaabout p.clheader {
	width: 732px;
	_width: 750px;
	height: 20px;
	_height: 32px;
	font-weight: bold;
	border-top: 12px solid white;
	border-left: 18px solid white;
	float: left;
	font-size: 0.9em;
	color: #333;
}

/*\*/
html*#htmlareaabout p.clheader {
[color: red;
color: #333;
font-size: 0.85em;
]color: #333;
}/**/


#htmlareaabout ul {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#htmlareaabout li.clientlist {
	border-top: 9px solid white;
	list-style: none;
	padding: 2px 0px 1px 0px;
	_padding: 0px;
	margin: 0px;
}

#htmlareaabout ul.clbox1 {
	width: 159px;
	_width: 203px;
	height: 298px;
	border-left: 18px solid white;
	border-right: 26px solid white;
	list-style: none;
	float: left;
}

#htmlareaabout ul.clbox2 {
	width: 159px;
	_width: 185px;
	height: 298px;
	border-right: 26px solid white;
	list-style: none;
	float: left;
}

#htmlareaabout ul.clbox3 {
	width: 159px;
	_width: 185px;
	height: 298px;
	border-right: 26px solid white;
	list-style: none;
	float: left;
}

#htmlareaabout ul.clbox4 {
	width: 159px;
	_width: 174px;
	height: 298px;
	border-right: 18px solid white;
	_border-right: 15px solid white;
	list-style: none;
	float: left;
}
 
#htmlareaabout p.abouttext {
	width: 480px;
	_width: 612px;
	height: 90px;
	_height: 160px;
	border-left: 132px solid white;
	border-top: 70px solid white;
	/*background-color: Aqua;*/
	font-weight: bold;
	font-size: 1.22em;
	text-align: left;
	color: #333;
}


#htmlareaabout ul.aboutul {
	width: 450px;
  	margin-left: 132px;
  	_margin-left: 66px;
	float: left;
}
#htmlareaabout li.aboutlist {
	border-top: 12px solid white;
	list-style: square inside;
}

  /* ##################################### about ############################ end ### */




  

/* ############################## about submenu ###################### begin # */

#aboutsubmenu {
	width: 100%;
	height: 25px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	background-color: #1DA1DC;
	display: block;
}

#aboutsubmenu ul {
	width: 643px;
	_width: 645px;
	margin-left: 10px;
	list-style: none;
}

#aboutsubmenu li {
	height: 20px;
	margin-top: 2px;
	_margin-top: 5px;
	list-style: none;
	text-align: center;
	overflow: hidden;
	_overflow: visible;
	position: relative;
}

#aboutsubmenu span {
	/*display: none;*/
	width: 30px;
	height: 25px;
	position: absolute;
	top: -2px;
	_top: -5px;
	left: 0px;
	z-index: 1;
	background-repeat: no-repeat;
	cursor: pointer;
}

#aboutsubmenu h3 {
	display: inline;
	height: 20px;
	font-size: 11px;
}

#aboutsubmenu a {
	font-size: 11px;
	display: inline;
	margin: 0px;
	font-weight: normal;
	letter-spacing: 1px;
	color: white;
}

#aboutsubmenu li#absmclients {
	text-align: left;
}

/* ******************************************** */
#absmclients { width: 107px; _width: 117px; float: left;	padding-left: 8px; }

#absmclients span { width: 62px;}

#absmclients span.normal { background-image: url(../layout/wclients.gif); }

#absmclients span.highl { background-image: url(../layout/bclients.gif); }

#absmclients span.curr { background-image: url(../layout/bclients.gif); }

/* ******************************************** */

/* ############################## about submenu ####################### end # */
  
  
  
  
  
  
  /* #################################### links ########################### begin # */
#htmlarealinks {
	width: 750px;
	height: 355px;
	color: #333;
	background-color: #FFF;
}

#htmlarealinks p {
	font-size: 0.9em;
	color: #333;
}
/*\*/
html*#htmlarealinks p {
[color: red;
color: #333;
font-size: 0.85em;
]color: #333;
}/**/

#htmlarealinks h1 {
	font-size: 0.9em;
	color: #333;
	border-top: 9px solid white;
}
/*\*/
html*#htmlarealinks h1 {
[color: red;
color: #333;
font-size: 0.85em;
]color: #333;
}/**/


#htmlarealinks a {
	color: #000;
	font-weight: normal;
	background-color: #F7F7F7;
}

#htmlarealinks a:hover {
	color: #666;
	background-color: #FFF;
}

#htmlarealinks div p {
	border-top: 9px solid white;
}

#htmlarealinks p.header {
	height: 30px;
	_height: 40px;
	border-top: 70px solid white;
	border-bottom: 20px solid white;
}

#htmlarealinks div.box1 {
	width: 180px;
	_width: 355px;
	height: 355px;
	border-left: 134px solid white;
	border-right: 41px solid white;
	float: left;
}

#htmlarealinks div.box2 {
	width: 148px;
	_width: 189px;
	height: 355px;
	border-right: 41px solid white;
	float: left;
}

#htmlarealinks div.box3 {
	width: 154px;
	height: 355px;
	float: left;
}

  /* #################################### links ########################### end ### */