body { background-image: url(../img/bg.gif); background-repeat: repeat-x; margin: 0; padding: 0; background-color: #fff;}

#main_container { margin: 0px auto; width: 900px; }

img { border:0; margin:0; padding:0; display: block; }
.clear {clear:both;}

#page_header {width: 900px; height: 200px; margin: 0 0 20px 0;}

#header_logo {width: 270px; height: 200px; margin: 0; padding: 0; float: left;}
#header_menu { float: right; padding-top: 130px; padding-bottom: 5px; }
#header_menu a { color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; margin-left: 25px; line-height: 12px; padding: 4px 0 4px 0;}
#header_menu a.home {padding-left: 32px; height: 20px; background-image: url(../img/icon_home.png); background-repeat: no-repeat;}
#header_menu a.philosophy { padding-left: 30px; height: 20px; background-image: url(../img/icon_philosophy.png); background-repeat: no-repeat;}
#header_menu a.services { padding-left: 30px; height: 20px; background-image: url(../img/icon_services.png); background-repeat: no-repeat;}
#header_menu a.showcase { padding-left: 30px; height: 20px; background-image: url(../img/icon_showcase.png); background-repeat: no-repeat;}
#header_menu a.contact { padding-left: 32px; height: 20px; background-image: url(../img/icon_contact.png); background-repeat: no-repeat;}


#page_content {width: 900px; margin: 0;}

.page_layout_container { width: 900px; }

.page_layout_2split { width: 435px; float: left;}
.page_layout_3split { width: 280px; float: left;}
.page_layout_3split_big { width: 590px; float: left;}
.margin_right { margin-right: 30px; }


/* SHOWCASE */
.showcase_field { width: 900px; }
.showcase_field span, .showcase_field a { font-size: 30px; line-height: 32px; text-decoration: none; font-weight: bold;}
.showcase_field span.divider { color: #ccc; padding: 0 10px;}
.showcase_field a.odd {color: #009ff0;}
.showcase_field a.even {color: #666;}
.showcase_field a.odd:hover {background-color: #009ff0; color: #fff; }
.showcase_field a.even:hover {background-color: #666; color: #fff;}
/* END SHOWCASE */

* { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; }

h1 { font-size: 16px; color:#009ff0; font-weight: bold; text-transform: uppercase; margin:0; padding:0 0 5px 0; }
h2 { font-size: 14px; color:#009ff0; font-weight: bold; margin:0; padding:0 0 5px 0;}
h3 { color:#009ff0; font-weight: normal; margin: 0 0 3px 0; padding:0 0 5px 0;}

h1.icon {padding-left: 32px; line-height:32px; background-image: url(../img/icon_jiwe.gif); background-repeat: no-repeat;}

p { color:#666; margin:0 0 24px 0; padding:0; line-height: 24px;}

a {color:#009ff0; text-decoration: underline; }

.area_shade_top { width: 900px; height: 10px; background-image: url(../img/area_shade_top.gif); background-repeat: no-repeat; margin: 20px 0;}
.area_shade_bottom { width: 900px; height: 10px; background-image: url(../img/area_shade_bottom.gif); background-repeat: no-repeat; margin: 20px 0;}

/* BUTTONS */
.btn_clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../img/btn_right.png') no-repeat scroll top right;
    color: #777;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 34px;
    margin-right: 6px;
    padding-right: 20px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../img/btn_span.png') no-repeat;
    display: block;
    line-height: 20px;
    padding: 5px 0 9px 20px;
}

a.button:active {
    background-position: bottom right;
    color: #777;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 8px 20px; /* push text down 1px */
}
/* END BUTTONS */


/* FORM STYLING */
form { margin: 0; padding: 0;}
label { line-height: 32px; color: #009ff0;}
input {color: #666;}
.form_styles {
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #f0f0f0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	background: transparent url(../img/form_field_bg.gif) repeat-x;
	background-color: #fff;
	margin-bottom: 5px;
}

.input_height { height: 14px; line-height: 14px; padding: 8px 0 8px 3px; }
.dropdown { height: 30px;}
 
.field_newsletter {width: 180px; float: left;}

.rowElem { width: 590px; clear: both; }
.rowElem input, .rowElem div { width: 460px; float:right; }
.rowElem label { float: left; }
.rowElem div { padding-left: 3px; }
.rowElem div.form_styles {padding-top: 6px; }
.rowElem div.form_styles textarea {width: 455px; border: 0; color: #666;}

p.success { color: #009ff0;}


/*
div.form_input {
    background: transparent url('../img/form_input_right.gif') no-repeat scroll top right;
    color: #fff;
    display: block;
	padding-right: 20px;
    text-decoration: none;
	margin-bottom: 5px;
}

div.form_input input {
	color: #fff;
    background: transparent url('../img/form_input_tile.gif') no-repeat;
    display: block;
	border: 0;
	border: none;
	border-top: 0;
	border-style: none;
	height: 32px;
    line-height: 32px;
	margin: 0;
    padding: 0 0 0 20px;
}
*/
/* END FORM STYLING */