body {
      padding: 0 0 10px 0;
      margin: 0;
      font: 12px verdana,arial,sans-serif;
      text-align: center;
      background: #343645 url(/images/cimlap/header-bg.gif) repeat-x;
}

a, a:visited {
    color: #dc3b21;
    text-decoration: none;
}

a:hover {
    color: #dc3b21;
    text-decoration: underline;
}

img {
    border: 0;
}

/* STRUCTURE */

div#page-wrapper {
    width: 100% !important;
    background: #f3f1ea url(/images/cimlap/page-wrapper-bg.gif) repeat-x;
}

div#content-wrapper {
    width: 700px;
    margin: 0 auto;
    padding-bottom: 20px;
    text-align: left;
}

div#cimlap-header {
    width: 700px;
    margin: 0 auto;
    text-align: left;
    height: 103px;
    
    background: url(/images/cimlap/logo.jpg) left top no-repeat;
    position: relative;
}

div#cimlap-footer {
    width: 100%;
    color: #8c8d96;
    font-size: 11px;
    padding: 20px 0;
}

/* NAV */

div#cimlap-header ul {
    list-style-type: none;
    position: absolute;
    top: 45px;
    right: 20px;
}

div#cimlap-header ul li {
    display: inline;
    margin: 0 10px;
}

div#cimlap-header ul li a {
    color: #fff;
}

/* CIMLAP BOX 1 */



div.cimlap-box-1 {
    padding: 27px 0 20px 0;
    background: #fdfcfa url(/images/cimlap/box-1-bg-bottom.gif) left bottom no-repeat;
    _background-position: 0 70px;
}

div.ie {
	_height: 354px;
	_width: 700px;
	_overflow: hidden;
	_padding-bottom: 10px;
}

div.box-column {
    width: 315px;
    float: left;
    margin: 0 10px 0 20px;
    _margin: 0 20px 0 10px;
}

div.box-column p {
    color: #71655e;
    font-size: 11px;
}

div.cimlap-box-1 h2 {
    color: #5c82a4;
    font-size: 14px;
    margin: 0 0 0 0;
    padding-top: 0;
}

div.cimlap-box-1 h5 {
    font-size: 11px;
    color: #71655e;
    margin: 10px 0 5px 0;
}

dl.via {
    color: #71655e;
    font-size: 11px;
    text-align: right;
    margin: 5px 0;
    padding: 5px 0;
}

dl.via a {
    color: #71655e;
    font-weight: bold;
    text-decoration: underline;
}

dl.bubble-1 {
    background: url(/images/cimlap/bubble.gif) 105px 0 no-repeat;
}

dl.bubble-2 {
    background: url(/images/cimlap/bubble.gif) 195px 0 no-repeat;
}

dl.bubble-3 {
    background: url(/images/cimlap/bubble.gif) 155px 0 no-repeat;
}

div#cimlap-footer a {
    color: #8c8d96;
    font-size: 11px;
}

/* CIMLAP LOGIN */

form#cimlap-login {
    width: 315px;
    height: 158px;
    font-size: 12px;
    background: url(/images/cimlap/cimlap-form-bg.gif) left bottom no-repeat;
    position: relative;
}

form#cimlap-login dl input {
    background: transparent;
    border: 0;
    width: 180px;
    font-size: 15px;
    font-weight: bold;
}

form#cimlap-login input.submit {
    width: 94px;
    height: 30px;
    background: url(/images/cimlap/login.jpg) left top no-repeat;
    border: 0;
		float: right;
		margin: 10px 18px 0 0;
    cursor: pointer;
}

form#cimlap-login dl {
    padding: 26px 0 0 10px;
}

form#cimlap-login dl dt {
    float: left;
    height: 25px;
    width: 70px;
    _width: 70px;
    color: #5c82a4;
    font-weight: bold;
    text-align: right;
    margin-right: 23px;
    padding-top: 2px;
}

form#cimlap-login dl dd {
    height: 27px;
}

.second {
    margin-top: 20px;
}

form#cimlap-login #rememberMe {
			text-align: left !important;
			color: #5c82a4;
			border: 0;
			font-size: 12px;
			font-weight: bold;
			margin: 18px 0 0 15px;
			~margin: 14px 0 0 13px;
}

#rememberMe input {
		background: transparent;
		border: 0;
		margin-left: 15px
}

/* CIMLAP BOX 2 */

div.cimlap-box-2 {
    background: #edeadd url(/images/cimlap/box-2-bg-top.gif) left top no-repeat;
    margin: 20px 0 25px 0;
    padding-top: 22px;
}

div.cimlap-box-2 div.bottom {
    background: url(/images/cimlap/box-2-bg-bottom.gif) left top no-repeat;
    height: 20px;
    width: 700px;
}

div.cimlap-box-2 p {
    margin: 10px 0 0 5px;
}

div.cimlap-box-2 h3 {
    color: #5c82a4;
    font-size: 14px;
    margin: 10px 0 0 5px;
}

/* FEATUREX BOX */

div#box-features {
    padding: 12px 0 0 0;
    margin: 0 20px 0 20px;
    background: #f5f3eb url(/images/cimlap/box-features-top.gif) left top no-repeat;
}

div#box-features div.bottom {
    width: 660px;
    height: 12px;
    background: url(/images/cimlap/box-features-bottom.gif) left bottom no-repeat;
}

div#box-features h2 {
    margin: 0 0 0 20px;
    color: #5c82a4;
}

div.feature {
    width: 141px;
    height: 130px;
    margin: 5px 0 10px 18px;
    _margin: 5px 9px 10px 9px;
    float: left;
}

div.feature img {
    display: block;
}

div.feature p {
    margin: 10px;
    font-size: 11px;
    text-align: center;
}

div.feature p a {
    color: #71655e !important;
    text-decoration: none;
}

/* WIDE */

div#wide h2 {
    color: #5c82a4;
    font-size: 14px;
    padding: 20px;
}

div#wide p, div#wide code, div#wide pre  {
    margin: 0 20px 10px 20px;
    color: #71655e;
    font-size: 11px;
}

div#wide code, div#wide pre {
	display: block;
	width: 95%;
	padding: 5px;
	border: 1px solid #ddd;
	background: #eee;
}

/* HACKS */

/* ffox based float clearing without any extra element */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {
	clear: both;	
}

/* Hide from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide */