/*
Optimised code model
By Michael Goodwin
Em: headsaw at gmail dot com
*/

/* Areas & Boxes */

#area_0{/*wrap*/
padding:0px;
height:100%;
width:1000px;
position:relative;
margin:0 auto;}

#area_1{/*header*/
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
position:absolute;
top:35px;
width:360px;
height:65px;
left:0px;}


.logo{/*header*/
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
position:absolute;
top:37px;
width:360px;
height:65px;
left:145px;}


#area_2{/*nav*/
height:55px;
width:1000px;}

#area_3{/*main content*/
width:1000px;
position:relative;
top:200px;}

#area_4{/*left*/
}

#area_5{/*double left*/
width:685px;
float:left;
margin-right:10px;}

#area_6{/*center*/
}

#area_7{/*double center*/
}

#area_8{/*right*/
width:300px;
float:left;}

#area_9{/*double right*/
}

#area_10{/*footer*/
height:460px;
width:100%;
float:left;
clear:both;}

.w_full{
width:100%;}

.w_half{
width:49%;}

.w_300{
width:300px;}

.w_600{
width:600px;}

.w_685{
width:685px;}

.h_20{
height:20px;}

.h_50{
height:50px;}

.h_100{
height:100px;}

.h_150{
height:150px;}

.h_325{
height:325px;}

.h_500{
height:500px;}

/* Text & Links */

.link_green_1{
font-size:14px !important;
color:green !important;
font-weight:normal !important;}

.link_orange_1{
font-size:12px !important;
color:orange;
text-decoration:underline;}

.link_orange_2{
cursor:pointer!important;
font-size:13px !important;
color:white !important;
background-color:orange !important;
font-weight:bold !important;}

.link_orange_3{
font-size:13px !important;
color:orange !important;}

.link_grey_1{
font-size:12px !important;
color:grey !important;
text-decoration:underline !important;}

.text_black_1{
font-size:13px !important;
font-weight:bold !important;
color:black !important;}

.text_white_1{
font-size:13px !important;
color:white !important;}

.text_grey_1{
font-size:12px !important;
color:grey !important;}

.text_grey_2{
font-size:13px !important;
color:grey !important;}

.text_grey_3{
font-size:13px !important;
font-style:italic !important;
text-decoration:none !important;
color:grey !important;}

.text_orange_1{
color:orange !important;
font-size:20px !important;}

.text_hidden{
display:none;}

/* Link, Visited, Hover, Active */

.hover_1:hover{
text-decoration:underline;}

.hover_2:hover{
color:red !important;}

/* Positions, Alignment & Floats */

.pos_t{
position:absolute;
top:0;}

.pos_r{
position:absolute;
right:0;}

.pos_b{
position:absolute;
bottom:0;}

.pos_l{
position:absolute;
left:0;}

.pos_t_r{
position:absolute;
top:0;
right:0;}

.pos_b_r{
position:absolute;
bottom:0;
right:0;}

.pos_t_l{
position:absolute;
top:0;
left:0;}

.pos_b_l{
position:absolute;
bottom:0;
left:0;}

.ali_right{
text-align:right;}

.ali_left{
text-align:left;}

.ali_center{
text-align:center;}

.ali_justify{
text-align:justify;}

.float_r{
float:right;}

.float_l{
float:left;}

/* Padding & Margins */

.padding_1{
padding:20px 0;}

.padding_2{
padding:5px;}

.padding_3{
padding-left:20px;}

.padding_4{
padding-left:10px;}

.margin_1{
margin-bottom:20px;}

.margin_2{
margin:10px;}

.margin_3{
margin-left:20px;}

/* Borders */

.border_1{
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:lightgrey;}

.border_2{
background-image:url(../images/dot.gif);
background-position:bottom;
background-repeat:repeat-x;}

.border_3{
border-right-style:solid;
border-right-width:1px;
border-right-color:lightgrey;}

/* Lists */

.list_none li{
display:inline;
list-style-type:none;
margin:10px 25px 0 0;
overflow:hidden;}