/* Reset default browser styles */
@import url('style/css/reset.css');

/* Rebuild default browser styles */
@import url('style/css/typography.css');


/***** General Layout *****/
/* ----------------------------------------- */
body { background-color: #231f20; }
br.dirtyLittleTrick { clear: both; }
#wrapper { width: 960px; margin: 0 auto; position: relative; }


/***** Header *****/
/* ----------------------------------------- */
#header { width: 430px; height: 410px; position: absolute; top: 0; left: 10px; background: transparent url(style/images/header.png) no-repeat; text-indent: -9999px; }


/***** Navigation *****/
/* ----------------------------------------- */
#navigation { width: 460px; height: 80px; margin: 40px 10px 0 0; float: right; }
#navigation ul { list-style-type: none; margin: 0; }
#navigation li { float: left; }
#navigation a { width: 220px; height: 80px; display: block; background: transparent url(style/images/navigation.png) no-repeat top; }
#navigation a:hover { background-position: bottom; }
#navigation a.last { margin: 0 0 0 20px; }

/***** Content *****/
/* ----------------------------------------- */
#content { width: 460px; margin: 100px 10px 0 0; float: right; clear: right; }
#content address { width: 220px; float: left; display: block; margin: 0 0 40px 0; }


/***** Sidebar *****/
/* ----------------------------------------- */
#sidebar { width: 400px; position: absolute; top: 450px; left: 70px; }
#sidebar dl { margin: 0; }

#sidebar #logos img { float: left; margin: 20px 20px 0 0 ; }


/***** Footer *****/
/* ----------------------------------------- */
#footer { width: 960px; height: 688px; clear: right; background: transparent url(style/images/footer.png) no-repeat; }


/***** Modal *****/
/* ----------------------------------------- */

label                       { width: 190px; display: block; }
input[type=text], textarea  { width: 350px; outline: none; color: #231f20; }
input 						{ color: #231f20; }
.rowElem 
label.error                 { float: none; font-style: italic; color: red;
                              position: absolute; top: 16px; left: 0; 
                              font-size: 12px; }                            
#changeTypeArea             { float: left; margin: 0 0 10px 0; width: 350px; }
.rowElem                    { position: relative; clear: both; min-height: 35px; }
.rowElemSelect              { clear: both; min-height: 35px; }
.thanks                     { color: #f3ca36; font-weight: bold; }