* { margin:0; border:0px; }

body{ 
	font-family: Georgia, Tahoma Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#545454; 
	background:url(/img/blue/page.png) repeat-x;
	padding:0; 
	margin:0 
}

a {text-decoration:none; color:#3a74a9}
a:hover {text-decoration:underline}

h1, h2, h3 { font-family:Georgia, Arial,Helvetica,sans-serif; color: #002e61; margin:10px auto }
h1 {font-size:19px; font-weight:bold; text-align:center;}
h2 {font-size:17px; font-weight:bold; text-align:left;}

h2.worktitle {font-size:14px; color:#545454;  font-weight:bold; text-align:left; margin:25px 0 2px 0}
h2.worktitle2 {font-size:14px; color:#545454;  font-weight:bold; text-align:right; margin:25px 0 2px 0}

.spacer { clear:both; height:0px; display:block; }

#container {width:900px; position:relative; margin: auto;}
a.homeLink, a.homeLink:hover  {position:absolute; top:0; left:0; width:180px; height:60px; text-decoration:none; cursor:pointer;}

#fold {
	position:absolute;
	top:0px;
	left:8px;
	width:200px;
	height:360px;
	padding:0;
	z-index:999;
	background:#fff url(/img/blue/fb.png) top left no-repeat;		
}

#header { height:79px; position:relative;}
#flags { position:absolute; top:5px; right:15px;}
#outerContent { min-height:300px; background:#fff; margin-bottom:15px; }
#content { border:1px solid #e1e1e1; background:#fff; border-top:none;  margin:auto}
#footer {height:30px; position:relative; background:#346397; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; color:#fff; padding:8px 0 0 0; margin:auto}
#footer #setheme { position:absolute; top:15px; right:2px; width:60px; text-align:center;}

.leftClmn { width:190px; margin:14px 0px 14px 14px; float:left;  }
.rightClmn { width:666px; margin:14px 15px 14px 0px; float:right; } 
* html .leftClmn { margin:14px 0px 14px 7px; }
* html .rightClmn { margin:14px 7px 14px 0px; width:656px;  } 
#bn { width:666px; height:168px; background:#346397 url(/img/bn.jpg) no-repeat; border:1px solid #ccc; margin:0 auto }

/**** Top Menu *****/
#topNav {float:right; margin-top:50px;}
#topNav ul { list-style:none; }
#topNav li { float:left; margin-left:2px; }
#topNav a { display:block; font-family:Arial, Helvetica, sans-serif;  font-size:14px; background:url(/img/blue/mtleft.gif) top left no-repeat; color:#FFF; padding-left:8px; font-weight:bold; letter-spacing:-1px; }
#topNav a span { display:block; background: url(/img/blue/mtright.gif) top right no-repeat; padding:7px 13px 6px 5px;  }
#topNav a:hover { text-decoration: none; background:url(/img/blue/mtleft.gif) bottom left no-repeat; color:#2a2a2a; }
#topNav a:hover span { background:url(/img/blue/mtright.gif) bottom right no-repeat; }

/**** Left Menu *****/
#main-nav {width:170px; float:left; clear:left; list-style:none; margin:83px 0 20px 2px; padding:0 0 0 10px}
#main-nav li { line-height:28px; height:28px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size:12px; background:url(/img/arrow.gif) 4px 11px no-repeat; border-bottom:1px solid #d2d4d5}
* html #main-nav li {line-height:26px;height:26px;}
*:first-child+html #main-nav li {line-height:26px;height:26px;}
#main-nav li a { display:block; padding-left:19px; color:#1d282d; font-weight:bold}
#main-nav li a:hover { text-decoration:none; color:#fff; background:#999 url(/img/arrow.gif) 4px 11px no-repeat}
#main-nav li.current a { text-decoration:none; color:#fff; background:#FF6600 url(/img/arrow.gif) 4px 11px no-repeat}

ul.libs {text-align:left; padding:0 5px; margin:0 auto}
ul.libs li {list-style:none; list-style-type:none; border-bottom:1px solid #ccc; padding:5px}	
	
.workholder { width:666px; clear:both; border-top:1px solid #ccc; padding:5px 5px 5px 0; margin:0 auto 20px auto}
.workholder .wPreview { float:left; width:210px; margin:0;}
.workholder .wInfo {float:right; width:450px; margin:0;}
.workholder .wPreview2 { float:right; width:210px; margin:0;}
.workholder .wInfo2 {float:left; width:450px; margin:0;}
.workholder p { font-size:13px; padding:5px; line-height:1.5 }
.leftBlock { text-align:center; margin:20px auto 10px auto;}
.leftBlock p {font-size:12px; text-align:left;}
.leftBlock p.title {text-align:center;}

p { padding:5px; line-height:1.5; margin:0; }
ul.content li, ol.content li  {line-height:1.5;}
img.aright {float:right; margin:5px;}

table#pricetable {width:400px; margin:10px; border:1px solid #ccc;}
table#pricetable2 {width:300px; margin:10px; border:1px solid #ccc;}
table#pricetable thead th, table#pricetable tfoot td,
table#pricetable2 thead th, table#pricetable2 tfoot td  {background:#ccc; color:#000; padding:5px;}
table#pricetable tr td, table#pricetable2 tr td {padding:5px 4px; text-align:right;	border-right:1px solid #ccc; border-bottom:1px solid #ccc}
tr.ruled{background:#9cf;}    


#form_box { width:80%;font-size:12px; font-weight: bold; padding: 10px; margin: 10px auto 2px auto}
#form_box div {height: 30px; padding: 10px 15px}
#form_box div.tarea { height: 60px; padding: 10px 15px}
#form_box p { float: left; margin: 4px 0pt; width:120px}
div.subm { clear:both; text-align:center; margin:10px auto 0 auto}
#log { width:350px; padding: 5px; margin:0 auto}
#log_res {overflow: auto}
#log_res.ajax-loading { padding: 20px 0; background: url(/img/spin.gif) no-repeat center}
input, textarea {border:1px solid #ccc;}
span.err { color:red; font-size:14px}
span.succ { color:green; font-size:14px}
div#errpage { border:1px solid #ccc; padding:20px; margin:20px}
#footer a {	color:#ccc;}

 pre#hack {
		white-space: pre-wrap;		/* css-3 */
		white-space: -moz-pre-wrap !important;		/* Mozilla, since 1999 */
		white-space: -pre-wrap;		/* Opera 4-6 */
		white-space: -o-pre-wrap;	/* Opera 7 */
		word-wrap: break-word;		/* Internet Explorer 5.5+ */
}

pre {
  overflow: auto;
  cursor:text;
  position:relative;
}

pre code {
  display: block;
  margin:10px;
  padding:4px;
  border:1px solid #ddd;
  background:#F5F5F5;
  font:10px Lucida Sans Typewriter, Courier, monospace;
}


.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}
.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
padding:6px
}
.cssform textarea{
width: 300px;
height: 150px;
padding:6px
}
* html .threepxfix{margin-left: 3px;}
.cssform #submitter {padding:6px 20px;}