/*  
Theme Name: Cantilever
Theme URI: http://www.letterbox.net.au/
Description: Custom theme for Cantilever Interiors
Author: Niels Oeltjen
Author URI: http://www.nails.net.au/
Version: 1.0
.
Theme is copyright Letterbox 2008.
.
*/
/*Generic*/
body { color: #666; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: left; margin: 10px 0 0; padding: 0 0 50px; }

/*Layout*/
#wrapper { width: 900px; margin: 40px auto 0; padding: 0; }
#banner { margin: 0; padding: 0; }
#head { width: 900px; height: 22px; margin-top: 20px; margin-bottom: 20px; }
#home { width: 18px; height: 22px; margin: 0; padding: 0; display: block; }
#home a { background-image: url(images/home.gif); background-repeat: no-repeat; background-position: 0 0 ; margin: 0; padding: 0; outline-style: none; display: block; }
#home a:hover { background-image: url(images/home.gif); background-repeat: no-repeat; background-position: -18px 0; margin: 0; padding: 0; display: block; }

/*Menu*/
#menu { margin: 0; padding: 0; color: #54bceb; font-size: 9pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; line-height: 9pt; text-decoration: none; text-transform: uppercase; margin: 0 0 40px; padding: 0; border-top: 1px solid #54bceb; }
#pages { overflow: hidden; margin: 0; padding: 3px 0; border-bottom: 1px dotted #54bceb; border-top-width: 0; border-right-width: 0; border-left-width: 0; }
#pages ul { overflow: hidden; margin: 0 0 0 -10px; list-style-type: none; padding: 0; }
#pages li { margin: 0; padding: 6px 10px 5px; float: left; border-left: 1px solid #54bceb; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; }
#pages a { color: #54bceb; text-decoration: none; float:left; margin: 0; padding: 0; outline-style: none; cursor: pointer; display: block; }
#pages a:hover { color: #999; }

#cat { margin: 0; padding: 3px 0; border-bottom: 1px solid #54bceb; border-top-width: 0; border-right-width: 0; border-left-width: 0;; }
#cat ul { overflow: hidden; margin: 0 0 0 -6px; padding: 0; list-style-type: none; }
#cat li { margin: 0; padding: 6px 0 5px 6px; float: left; border-left: 1px solid #feffff; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; }
#cat a { color: #54bceb; background-image: url(images/bullet01.gif); background-repeat: no-repeat; text-decoration: none; text-transform: none; display: block; margin: 0 0 0 3px; padding: 0 0 0 10pt; outline-style: none; cursor: pointer; }
#cat a:hover { color: #999; text-decoration: none; }

/*quicklink*/
.quicklink { width: 225px; height: 150px; overflow: hidden; float: left; margin: 0; padding: 0; border-style: none; }
.quicklink a { background-repeat: no-repeat; width: 245px; height: 150px; background-position: 0 0; text-decoration: none; overflow: hidden; margin: 0; padding: 0; border: 0 #feffff; outline-style: none; outline-width: 0; display: block; }
.quicklink a:hover { background-repeat: no-repeat; width: 245px; height: 150px; background-position: 0 -150px; text-decoration: none; border: 0 #feffff; outline-style: none; outline-width: 0; }

/*Footer*/
#footer { clear: both; color: #999; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none; text-align: left; width: 900px; margin-top: 40px; padding: 10px 0; border-top: 1px solid #999; }
#footer ul { margin: 0; padding: 0; list-style-type: none; }
#footer li { margin: 0; padding: 0; list-style-type: none; }
#footer a { color: #999; font-weight: normal; font-style: normal; text-decoration: none; }
#footer a:hover { color: #000; font-style: normal; font-weight: normal; text-decoration: none; }

/*Post*/
.post { width: 900px; margin: 0 0 40px; padding: 0; }
#title { color: #999; font-size: 9pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; }
#excerpt { color: #999; font-size: 9pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: right; }

/*Content*/
#page { color: #666; font-size: 9pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; line-height: 11pt; text-decoration: none; text-align: left; width: 900px; margin: 0; padding: 0; }
#page h1 { color: #999; font-size: 9pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; line-height: 11pt; text-decoration: none; text-align: left; text-transform: uppercase; text-indent: 0; vertical-align: top; list-style-type: none; display: block; margin: 0 0 5px; padding: 0; width: 180px; float: left; clear: both; }
#page h2 { color: #f47422; font-size: 9pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; text-align: left; text-transform: uppercase; text-indent: 0; }

#page blockquote { color: #999; font-size: 9pt; font-style: normal; font-weight: normal; line-height: 12pt; text-decoration: none; text-align: left; text-transform: none; vertical-align: top; display: block; margin: 0 0 5px 220px; padding: 0; }
#page img { float: left; margin: 0 0 10px 0; padding: 0; /*border-top: 1px solid #999; border-bottom: 1px solid #999; border-right-width:*/ 0; border-left-width: 0; outline-style: none; outline-width: 0; }
#page strong { color: #f37421; font-weight: normal; font-style: normal; margin: 0; padding: 0; }
#page a { color: #666; font-weight: normal; font-style: normal; text-decoration: none; margin: 0; padding: 0; outline-style: none; }
#page a:hover { color: #54bceb; text-decoration: none; border-bottom: 1px dotted #54bceb; }

#page ol { color: #666666; font-size: 9pt; font-style: normal; font-weight: normal; line-height: 12pt; text-decoration: none; text-transform: none; margin: 0 0 20px 40px; padding: 0 0 0 0; min-height: 15pt;}

#page ul { color: #666666; font-size: 9pt; font-style: normal; font-weight: normal; line-height: 12pt; text-decoration: none; text-transform: none; margin: 0 0 0 40px; padding: 0 0 0 0; min-height: 15pt; }

#page li { margin: 0.2em 0 0 0; padding: 0; vertical-align: top;  border-top: #b5b5b5 solid 0 1px 1px 0; }

/*Links page*/
#links { color: #999; font-size: 9pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; line-height: 11pt; text-decoration: none; text-align: left; margin: 0; padding: 0; position: relative; width: 900px; }
#links a { color: #666; font-style: normal; font-weight: normal; text-decoration: none; margin: 0; padding: 0; border-bottom: 1px dotted #666; outline-style: none; }
#links a:hover { color: #54bceb; border-bottom: 1px dotted #54bceb; }
#links ul { text-indent: 0; list-style-type: none; margin: 3px 0; padding: 0 0 0 1px; }
#links ul li { text-indent: 0; list-style-type: none; margin: 40px 0 3px; padding: 0; }
#links ul li h2 { color: #999; font-size: 9pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; line-height: 11pt; background-repeat: no-repeat; text-transform: uppercase; display: block; margin: 0; padding: 0; }
#links ul li ul li { background-image: url(images/link01.gif); background-repeat: no-repeat; background-position: 0 3pt; margin: 5pt 0; padding-left: 13px; list-style-type: none; }

/*Errors etc*/
.red { color: #f00; font-size: 9pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; line-height: 11pt; text-align: left; margin: 0 0 20px; padding: 0; position: relative; width: 900px; clear: both; }
.error { color: #999; font-size: 9pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; width: 890px; height: auto; margin: 10px 0; padding: 5px; border: solid 1px; }
.brake { color: #feffff; font-size: 1px; line-height: 1px; }

/*Contact page*/
#map { background-image: url(images/map.gif); background-repeat: no-repeat; background-position: 0 0; width: 400px; height: 275px; margin: 0; padding: 0; }
input, textarea { color: #999; font-size: 9pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 3pt 0 5pt; padding: 4pt 5pt 5pt; border: solid 1px; outline-width: 0; }
.button { color: #feffff; font-size: 9pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #54bceb; background-repeat: no-repeat; background-position: 0 0; text-transform: uppercase; width: auto; margin: 0; padding: 4pt 6pt 3pt; border: solid 1px #54bceb; outline-style: none; outline-width: 0; cursor: pointer; display: block; }
.button:focus, .button:hover { color: #666; background-color: #54abeb; background-position: 0 0; outline-style: none; outline-width: 0; }





/*Profile Page */
#profile div.left_column_profile
{
float: left;
width: 213px;
margin-right: 10px;
}

#profile div.right_column
{
float: left;
font-size: 12px;
width: 675px;
font-family:Arial, Helvetica, sans-serif;
line-height: 14px;
}

#profile div.right_column a
{
border: none;
color: #45B4DB;
text-decoration: none
}


#profile div.right_column a:hover
{
border: none;
color: #45B4DB;
text-decoration: underline;
}

#profile div.right_column p
{
margin-top: 0px;
}

#profile span.orange_title
{
color: #F37421;
font-weight: bold;
}

#profile div.hrule
{
margin-top: 15px;
height: 1px;
color: #9EA1A4;
background-color: #9EA1A4;
margin-bottom: 10px;
}

#profile img
{
border: none;
}



/* COMMERCIAL */

div#commercial
{
width: 900px;
}

#commercial div.left_column
{
float: left;
width: 213px;
margin-right: 10px;
}

#commercial div.right_column
{
float: left;
font-size: 10px;
width: 675px;
font-family:Arial, Helvetica, sans-serif;
line-height: 14px;
}

#commercial div.right_column a
{
color: #45B4DB;
text-decoration: none
}


#commercial div.right_column a:hover
{
color: #45B4DB;
text-decoration: underline;
}

#commercial div.right_column p
{
margin-top: 0px;
}

#commercial span.orange_title
{
color: #F37421;
font-weight: bold;
}

div.hrule
{
margin-top: 15px;
height: 2px;
color: #9EA1A4;
background-color: #9EA1A4;
margin-bottom: 10px;
width: 675px;
}

div.top_left_column
{
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
width: 161px;
text-align: right;
float: left;
height: 100px;
}

div.top_right_column
{
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color: #666666;
width: 675px;
margin-left: 60px;
float: left;
line-height: 22px;
}


table.galleries
{
font-size: 10px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 11px;
color:#000000;
margin-top: -10px;
}

td.paddingtop
{
}

/* MEDIA */

div#media
{
width: 900px;
}

#media div.left_column
{
float: left;
width: 213px;
margin-right: 10px;
height: 213px;
}

#media div.right_column
{
float: left;
font-size: 10px;
width: 675px;
font-family:Arial, Helvetica, sans-serif;
line-height: 14px;
}

#media div.right_column a
{
color: #45B4DB;
text-decoration: none;
border: none;
}


#media div.right_column a:hover
{
color: #45B4DB;
text-decoration: underline;
border: none;
}

#media div.right_column p
{
margin-top: 0px;
}

#media span.orange_title
{
color: #F37421;
font-weight: bold;
}

#media div.hrule
{
margin-top: 15px;
height: 2px;
color: #9EA1A4;
background-color: #9EA1A4;
margin-bottom: 10px;
width: 675px;
}

#media div.top_left_column
{
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
width: 161px;
text-align: center;
float: left;
height: 70px;
}

#media div.top_right_column
{
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color: #666666;
width: 675px;
margin-left: 60px;
float: left;
line-height: 22px;
}


#media table.galleries
{
font-size: 10px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 11px;
}

#media td.paddingtop
{
padding-top: 7px;
padding-bottom: 7px;
}

#media img
{
border: 0px;
}

.eco_text
{
margin-top: 30px;
font-size: 12px;
color: #666666;
}


.table_heading
{
background: #666666;
color: #FFFFFF;
}

.even
{
background: #eeeeee;
}

.odd
{
background: #e2e2e2;
}