body { background: #fff url(bg/bg.jpg) top left repeat; margin: 0px; padding: 0px; }
p, h1, h2, h3, h4, h5, h6, li, fieldset, legend, td { margin: 0px; }
#cargo   { font-family: "Lucida Grande", Tahoma, Verdana, Helvetica, sans-serif; }

/* elements */
p { color: #777777;  font-size: 13px; font-weight: normal; line-height: 17px; margin-top: 4px 0;}
h1 { color: #777777; font-size: 24px; font-weight: normal; line-height: 30px; }
h2 { color: #777777; font-size: 18px; font-weight: normal; line-height: 24px; }
h3 { color: #777777; font-size: 16px; font-weight: normal; line-height: 22px; }

td { color: #777777;  font-size: 13px; font-weight: normal; line-height: 17px; }
b,strong { color: #DDCC00; font-weight: bold }
i,em     { color: #55BB77; font-style: italic; font-weight: normal }
blockquote, tt { color: #fff; font-family: "Courier New", Courier, monospace; font-size: 13px; line-height: 18px; margin: 0 0 0 20px; }

ul { color: #777777; font-size: 13px; font-weight: normal; text-align: left; line-height: 17px; margin: 0px 0px 0px 10px;
list-style: none outside url(/designs/bg/bullet1.gif); }
li { color: #777777; font-size: 13px; font-weight: normal; text-align: left; line-height: 17px; margin: 2px 0px 2px 10px;
list-style: none outside url(/designs/bg/bullet1.gif) ; }

form { padding: 10px 50px 0 30px; }
fieldset { border: 1px #eee dashed; padding: 10px; }
.tall p { font-size: 30px; line-height: 36px;}
.small p { font-size: 9px; line-heught: 12px;}

/* links */
a:link img, a:visited img  { border: 0px solid #fff; text-decoration: none; }
a:hover img, a:visited hover img  { border: 0px solid #fff; text-decoration: none; }

a:link, a:visited        { color: #CC2288; font-weight: normal; text-decoration: none; border: 0px dotted ; }
a:hover, a:visited hover { color: #FFFF00; font-weight: normal; text-decoration: none; border: 0px 0px 1px 0px dashed #ddd; background-color: #CC2288; }
a:active { color: white; background-color: red; }

/* menubar */
#bar_left  { float: left;  margin: 7px 0; padding: 0 0px 0 125px; } /* this way works for both ie and standard */
#bar_right { float: right; margin: 7px 0; padding: 0 125px 0 0px; text-align: right;}
.menubar ul, .menubar li { display: inline; margin: 0px 15px 0px 0px; }
.menubar a:link, .menubar a:visited      	{ color: #FFFFFF; font-size: 16px; font-weight: normal; text-decoration: none; background: none; }
.menubar a:hover, .menubar a:visited hover  { color: #FFFF00; font-weight: normal; text-decoration: none; border: 0px 0px 1px 0px solid #FFFF00; background: none; }
.active { color: #blue; font-weight: bold; text-decoration: none; }

/* beautableau */
.beautableau table { border-spacing: 0px; border-top: #fff 1px solid; }
.beautableau td   { border-bottom: #fff 1px solid; padding: 2px;}

/* comments */
.comments_error { color: #000; background-color: #fff4f4; }
ul.comments_error { padding: 0.3em; list-style-type: circle; list-style-position: inside; border: 2px solid #fdd; }
div#cpreview { color: #000; background-color: #f1f1f1; border: 2px solid #ddd; }
form#txpCommentInputForm td { vertical-align: top; }

/* letter */
.letter_title { font-size: 20px; line-height: 20px; font-weight: normal; }
.letter_recent_title {font-size: 17px; font-weight: normal; padding: 20px 0 0 0; }
.letter_recent_excerpt 	{font-size: 12px; line-height: 16px; }
.letter_part 			{font-size: 12px; line-height: 16px; padding: 20px 0 0 0; }
.letter_recent_more     {font-size: 11px; line-height: 14px; font-weight: normal; padding: 0px; margin-top: 0px; border-bottom: 1px dotted silver }

/* zem contact */
.zemSubmit            { color: #000; font-size: 13px; }
.zemContactForm label { color: #777; font-size: 13px; padding-top: 7px;}

/* img */
.txpThumb { float: left; padding: 2px; }
.txpThumbAlt { color: #ffffff; font-size: 12px; font-weight: normal; text-align: left; line-height: 17px; margin: 4px 10px; }
.txpThumbCap { color: #ffffff; font-size: 12px; font-weight: normal; text-align: left; line-height: 17px; margin: 4px 10px; }

img.frame   { background: transparent; border: 1px solid #222; display: block;  margin: 5px 5px 5px 5px;  padding: 4px; position: relative; }
img.left    { background: transparent; border: 1px solid #fff; display: inline; margin: 5px 15px 5px 0px; padding: 3px; position: relative; float: left;}
img.right   { background: transparent; border: 1px solid #fff; display: inline; margin: 5px 5px 5px 15px; padding: 3px; position: relative; float: right;}

img.frame_t { background: transparent; border: 1px solid #fff; display: block;  margin: 0px 0px 0px 0px;  padding: 0px; position: relative; }
img.left_t  { background: transparent; border: 1px solid #fff; display: inline; margin: 0px 0px 0px 0px;  padding: 2px 0px 2px 0px; position: relative; float: left;}
img.right_t { background: transparent; border: 1px solid #fff; display: inline; margin: 0px 0px 0px 0px;; padding: 1px; position: relative; float: right;}

.divide { border-bottom: 1px solid #fff; margin: 8px 0px 8px 10px; overflow: hidden; position: relative; }

/* inside boxes */
#top2 p     { color: #ffffff; font-size: 12px; text-align: left; padding: 0px 0px 0px 98px; }
#bottom2 p, #bottom2 li  { color: #999999; font-size: 9px; font-weight: normal; text-align: center; line-height: 14px; }
.section_list li, .section_list ul { display: inline; }
.section_list { margin: 0px auto; text-align: center; padding: 0px 0px;}
p.linklist  { color: #777777; font-size: 10px; font-weight: normal; line-height: 13px; }
.linklist h2 { color: #777777; font-size: 14px; font-weight: bold; line-height: 14px; }

.box_left p   { color: #444444; font-size: 11px; background: transparent; padding: 6px; text-align: right; }
.box_left h1  { color: #ffffff; font-size: 22px; font-weight: normal; line-height: 22px; padding: 2px 4px; text-align: right; }
.box_right p  { color: #777777; font-size: 13px; background: transparent; padding: 6px; text-align: left; }
.box_right h1 { color: #777777; font-size: 22px; font-weight: normal; line-height: 22px; padding: 2px 4px; text-align: left; }

/* boxes (are class, so a page can contain several boxes) */
.box_left  { float: left;  width: 36%; margin: 8px 10px 0px  2px; padding:  0px; background: transparent; border: 1px dashed #777777; }
.box_right { float: right; width: 46%; margin: 8px  5px 0px 20px; padding: 10px; background: transparent; }

/* layout */
#dev_message { position: absolute; width: 200px; top: 20px; right: 90px; background: #555; border: 4px dashed #000; z-index: 1000; 
				opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60);}
#dev_message p, #dev_message ul, #dev_message h1 { color: #ffffff; font-size: 11px; text-align: left; padding: 8px; background: #000;}
#dev_message ul { padding-left: 30px; list-style-type: square; list-style-position: outside; }
#dev_message h1 { background: #111;}
#accessibility { position: absolute; top: -10000px; }
#cargo { width: 1100px; margin: 0px auto; }

#top1     { height: 158px; background: transparent url(bg/top1.jpg) top center no-repeat; }
#top2     { height: 44px; background: transparent url(bg/top2.jpg) top center no-repeat; padding: 10px 150px 0px 150px; }
#top3     { height:  8px; background: transparent url(bg/top3.jpg) top center no-repeat; }

#splash   { height: 350px; background: transparent url(bg/splash.jpg) top center repeat-x; overflow: hidden; padding: 0px 100px; }

#menubar1 { height: 12px; background: transparent url(bg/menubar1.jpg) top center no-repeat; }
#menubar2 { height: 32px; background: transparent url(bg/menubar2.jpg) top center repeat-y; }
#menubar3 { height: 20px; background: transparent url(bg/menubar3.jpg) top center no-repeat; }

#mid  	  { height: auto; background: transparent url(bg/mid.jpg) top center repeat-y; }
#mid2 	  { height: 75px; background: transparent url(bg/mid.jpg) top center repeat-y; padding: 0px 120px 0px 120px; }

#bottom1  { height: 32px; background: transparent url(bg/bottom1.jpg) top center no-repeat; }
#bottom2  { height: auto; background: transparent url(bg/bottom2.jpg) top center repeat-y; padding: 5px 160px 10px 160px ;}
#bottom3  { height: 24px; background: transparent url(bg/bottom3.jpg) top center no-repeat; }

/* layouts */
#container { width: 900px; } /* container margin-top differs in standard and special browsers: why? */
.pad { margin: 0; padding: 4px 30px; }
.clean { clear: both; height: 1px; font-size: 1px; border: none; margin: 0; padding: 0; }

/* 3-col */
#left   { float:left;  width: 0px; margin: 0; padding: 0; }
#right  { float:right; width: 240px; margin: 0; padding: 0; text-align: right; }
#center { margin: 0 220px 0 10px; }

/* 2-col */
#left_2c  { float:left;  width: 0px; margin: 0; padding: 0; }
#right_2c  { float:right; width: 370px; margin: 0; padding: 0; }
#center_2c { margin: 0 370px 0 0px; }