/*	---------------------------------------------------------------------------------------
	Imports layout (not for old browsers)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@import "layout.css";

/*	---------------------------------------------------------------------------------------
	Default styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

body { text-align: center; font: 75%/1.5 sans-serif; color: #566d74; background: #fff url('../self-storage-brookfield-wisconsin-images/body.png') top left repeat-x; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
address { font-style: normal; }
a:hover , a:focus { text-decoration: none; }
label , table { font-size: 100%; }

/*	---------------------------------------------------------------------------------------
	Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#main { text-align: left; background: url('../self-storage-brookfield-wisconsin-images/brookfield-self-storage-top.jpg') left top no-repeat; }

/*	---------------------------------------------------------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#header { background: #fff url('../self-storage-brookfield-wisconsin-images/header.gif') left bottom repeat-x; }
#logo a { font-size: 200%; color: #1b2022; }
#logo span { background: url('../self-storage-brookfield-wisconsin-images/logo.png') left top no-repeat; }
#menu li a { text-transform: uppercase; text-decoration: none; color: #45565a; background: url('../self-storage-brookfield-wisconsin-images/menu_a.gif') right center no-repeat; }
#menu li.last a { background: none; }
#menu li a:hover , #menu li a:focus , #menu li.active a { color: #fff; background: #e44b01 url('../self-storage-brookfield-wisconsin-images/menu_a_active.gif') right top repeat-x; }

#main #headlines h1 { line-height: 1.2; text-transform: uppercase; font-size: 275%; font-weight: bold; color: #333; }
h1 em { text-align: right; text-transform: none; font-weight: normal; font-style: normal; color: #57757b; }
h1 span { background: url('') right top no-repeat; }
#main #headlines h2 { text-align: center; font-size: 200%; color: #292929; }
h2 span { background: url('../self-storage-brookfield-wisconsin-images/brookfield-self-storage-facility.jpg') left top no-repeat; }

/*	---------------------------------------------------------------------------------------
	offer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#offer h2 { font-size: 110%; }
#offer { color: #cdcece; background-color: #1c2122; }
#offer li { background: url('../self-storage-brookfield-wisconsin-images/brookfield-self-storage-points.png') 25px top no-repeat; }
#offer li a span.clean { background: url('') left top no-repeat; }
#offer li a span.secure { background: url('') left top no-repeat; }
#offer li a span.easy { background: url('') left top no-repeat; }
#offer li a span.affordable { background: url('') left top no-repeat; }
#offer li a { text-transform: uppercase; color: #fff; }

/*	---------------------------------------------------------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#maincontent { color: #000; background-color: #fff; }
#maincontent a { color: #fe5c11; background-color: #fff; }
.column , #content { background-color: #fff; }
#content { line-height: 1.7; }
.column address { font-size: 90%; font-weight: bold; }
.column address strong { font-size: 130%; color: #fe5c11; }
h4, #sub h2 { font-size: 180%; color: #fe5c11; }
.ir span.location { background: url('') left top no-repeat; }
.ir span.moving { background: url('') left top no-repeat; }
.ir span.contact { background: url('') left top no-repeat; }
#content em.imp { padding: 4px 2px; font-style: normal; color: #1d3338; background-color: #dcecef; }
#content ul li { list-style: none; margin-bottom: 4px; padding-left: 18px; background: url('../self-storage-brookfield-wisconsin-images/li.gif') left 5px no-repeat; }
#content h3 { text-transform: uppercase; }

/*	News --------------------------------------------------------------------------------*/

.news-item h3 { font-size: 100%; background-color: #c5d4d8; }
.news-item p.info { text-transform: lowercase; font-weight: bold; }

/*	Project -----------------------------------------------------------------------------*/

#main .project .image { text-align: center; background: url('../self-storage-brookfield-wisconsin-images/project_image.png') center bottom no-repeat; }
.project .image img { vertical-align: middle; }
.project .info { background-color: #edf2f3; }
.project .info li { font-size: 90%; }
.project .info li.first { text-transform: uppercase; }
.project .info li strong { text-transform: none; }
.plus { font-size: 80%; }
.plus span { background: url('../self-storage-brookfield-wisconsin-images/plus.gif') left top no-repeat; }

/*	---------------------------------------------------------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#footer { background: #dce5e7 url('../self-storage-brookfield-wisconsin-images/footer.gif') left top; }
#footer .copy a { text-decoration: none; }
#footer .copy a:hover , #footer .copy a:focus { text-decoration: underline; }
#footer a { color: #000; }
#footer .olmei a { text-decoration: none; }
#footer .olmei a:hover , #footer .olmei a:focus { text-decoration: underline; }


/*storage and contact tables*/
table.storage, table.contact
{
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

th.storage, th.storage_center, td.storage, td.storage_center, th.storage_center_head, th.storage_center_head2
{
    vertical-align: middle;
    text-align: left;
    color: #fe5c11;
    /*color: #f7dcb4;*/
    /*background-color: #5c755e;*/
    background-color: #dce5e7;
    font-weight: bold;
    border: 1px solid black;
    padding: 3px;
}

th.storage_center, td.storage_center, th.storage_center_head, th.storage_center_head2
{
    text-align: center;
}

th.storage_center_head
{
    font-size: 120%;
}

td.storage, td.storage_center
{
    /*background-color: #e5e5e5; */
    background-color: #dce5e7;
    color: black;
    font-weight: normal;
    height: 45px;
}

th.storage_center_head2
{
    font-weight: normal;
    font-size: 12px;
    color: red;
    background-color: #e5e5e5;
}


td.contact, td.contact_data
{
    vertical-align: middle;
    height: 50px;
    text-align: left;
    padding: 5px;
}

/*upload form and table*/
.upload_form
{
    position: absolute;
    text-align: center;
    margin-top: 25px;
    left: 50%;
    width: 800px;
    margin-left: -400px;
}

.upload_table
{
    text-align: center;
}