/* ========================== MAIN ================================== */

html
{
	margin:0;padding:0
}

body
{
	font: 14px Helvetica,sans-serif;
	text-align: center;
	background: #e8eef7;
	padding-bottom:20px;
	margin:0;
	padding:0;
}

p
{
	margin-top:0; 
	padding-left: 10px;
}

h1,h2,h3
{
	font: normal normal 160% "Trebuchet MS",Arial,sans-serif;
	padding-left: 10px;
}

h2
{
	font-size:140%
}

h3
{
	font-size:120%we cv
}

img {
	border: 0;
	padding-left: 10px;
	padding-right: 5px;
	padding-top:5px;
	padding-bottom:5px;
}


a:hover {
color: #990000;
text-decoration: none;
background-color: transparent;
border-color: #333333;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
}

/* ========================== HEADER ================================== */
div#header
{
	width:100%;
	overflow:hidden;
	background: #e8eef7
}

div#header h1,div#menu
{
	width:870px;
	margin:0 auto;
	text-align:left;
}

div#header h1
{
	padding: 30px 0 10px;
	color: #FFF
}


div#header img
{
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
}


/* ========================== MENU TOP ================================== */
div#menu
{
background: #aabbcc;
clear:both;
width:850px;
margin:0 10px 0;
padding: 10px 0;
background: #aabbcc;
color: #FFF;
margin-bottom: 10px;
}

div#cl-topnav
{
font-size:11px;
padding-bottom: 5px;
margin: 0px;
font-family: Verdana;
text-decoration:none;
text-transform:uppercase;
padding-right: 10px;
}

div#cl-topnav a
{
text-decoration:underline;
}

/* ========================== CONTENT ================================== */

div#container{width:870px;margin:20px auto 10px;padding:20px 10px 10px 10px;text-align:left;background:#FFF}
div#cl-container{width:870px;margin:20px auto 10px;padding:20px 10px 10px 10px;text-align:left;background:#FFF}
div#content{float:left;display:inline;width:610px;margin:10px 0 10px 10px}

div#content h2{margin: 10px 0;color: #007BC4}
div.date{float:left;width: 4em;padding: 5px 0;background: #F1DDC4;color:#B0001E;
    text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9}
div.date span{display:block;font-size: 150%;font-weight:bold}

/* ========================== MENU (NOT USED ANYMORE)================================== */

ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:right;font-size: 100%}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;width: 95px;padding: 5px 0;background: #556677;text-decoration:none;color: #FFF}
ul#nav a:hover{background: #aabbcc;color: black}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #aabbcc;color: black}

ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0}
ul#intro{width:100%;overflow:hidden;margin-bottom:20px}
ul#intro li{float:left;width:180px;margin-right:10px;padding: 10px 0}
li#mission{background: #E65714}
li#services{background: #42B4AC}
ul#intro li#more{margin-right:0;background: #7D63A9}
ul#intro p,ul#intro h3{margin:0;padding: 0 10px}
ul#intro h3{text-transform:uppercase;padding-bottom:3px;color: #FFF}

/* ========================== COMMENTS ================================== */
div.comments div{background: #EEF7FF;margin-bottom:10px}
div.comments p{padding: 10px;margin:0}
div.comments div.odd{background:#DAE6FE}

/* ========================== FOOTER ================================== */
div#footer{clear:both;width:850px;margin:0 10px 0;padding: 10px 0;
    background: #aabbcc;color: #FFF;text-align:center}
div#footer p{margin:0;font-size: 12px}

/* ========================== PRODUCT ================================== */
div#side{float:right;display:inline;width: 210px;background:#aabbcc; margin-top:10px; margin-right:10px; margin-bottom:10px; padding: 10px; }

ul.postnav,ul.postnav li{margin:0;padding:0;list-style-type:none}
ul.postnav li{width: 210px;font-size:90%;margin-top: 10px}
ul.postnav a{display:block;width:210px;padding:5px 0;font: bold 100% Verdana,Arial,sans-serif;
    text-transform:none;background: #e8eef7;color: black;
    text-decoration:none;text-align:left}
ul.postnav a:hover{background: white;color:black}

.download {
background: #909AAF;
padding-top: 10px;
padding-bottom: 10px;
}

.product {
background: #eef7ff;
padding-top: 10px;
padding-bottom:10px;
}
.product-title {
font-size:12px;
font-weight:bold;
text-align:left;
padding-top: 5px;
padding-bottom: 5px;
margin: 0px;
}

.product-spacer {
height:10px;
}

.product-desc {
text-align:left;
font-size:10px;
font-weight:normal;
padding: 0px;
padding-right: 5px;
margin: 0px;
}

.left {
	float: left;
}

.product-section-title 
{
font-family: Verdana;
font-size:14px;
font-weight:bold;
text-align:left;
padding-top: 5px;
padding-bottom: 5px;
padding-left:5px;
padding-right:5px;
margin: 0px;
}


.product-section-desc
{
text-align:left;
font-size:10px;
font-weight:normal;
padding-left: 5px;
padding-right: 5px;
margin: 0px;
}

/* ========================== BLOCKQUOTE ================================== */

blockquote {
 margin: 0;
 padding: 0;
 color: #555;
}

blockquote p {
 font: italic 1em Georgia, Times, "Times New Roman", serif; 
 font-size: 1em;
 margin: 1.5em 2em 0 1.5em;
 padding: 0;

}

blockquote .source {
 text-align: right;
 font-style: normal;
 margin-right: 2em;
}

blockquote p:before {

 content: "\201C"; 

 font-size: 1.2em;

 font-weight: bold;

 font-family: Georgia, Times, "Times New Roman", serif;

}

blockquote p:after {

 content: "\201D"; 

 font-size: 1.2em;

 font-weight: bold;

 font-family: Georgia, Times, "Times New Roman", serif;

}

cite:before {

 content: "\2014 ";

}

cite {

 display: block;

 text-align: center;

}