/*
    Overwrite Default Setup.
*/
html { width : 100%; height : 100%; margin : 0px; padding : 0px; text-align : center; }
body { width : 100%; height : 100%; margin : 0px; padding : 0px; text-align : center; background-color : #F8F8F4; font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #999; font-size: 0.75em; line-height: 1.38em; }
form  { display : inline; }
textarea.textarea_large { width : 400px; height : 200px; }
textarea.textarea_small { width : 350px; height : 120px; }
input { font-family : Verdana; font-size : 12px; color : #000000; }
a, a:link, a:visited, a:active { font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #999; text-decoration : underline; }
a:hover { font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #D70000; text-decoration : underline; }
h1 { display : inline; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 1.8em; color: #D70000; letter-spacing: 1px; margin-bottom: 0.8em; font-weight : normal; }


/*
    Standard Styles.
*/
.standard_line { position : relative; display : block; left : 0px; top : 0px; width : 100%; height : 21px; background-color : #FFFFFF; overflow : hidden; }
.standard_line_inner { position : absolute; left : 0px; top : 11px; width : 100%; height : 1px; background-color : #F8F8F4; overflow : hidden; }
.standard_title { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 1.8em; color: #D70000; letter-spacing: 1px; margin-bottom: 0.8em; }
.standard_subtitle { color: #666; font-size: 1.1em; margin-bottom: 0.3em; }
.standard_subtitle_red { color: #D70000; font-size: 1.1em; margin-bottom: 0.3em; }
.standard_label { color: #666; font-size: 1.1em; margin-bottom: 0.3em; padding-right : 20px; }
td.standard_highlighted { background-color : #F8F8F4; }
.standard_float_right { float : right; padding-left : 20px; padding-right : 0px; padding-top : 0px; padding-bottom : 20px; }
.standard_box_outer { border : solid 1px #F8F8F4; }
.standard_box_header { background-color : #F8F8F4; padding-left : 20px; padding-right : 20px; padding-top : 5px; padding-bottom : 5px; color: #666; font-size: 1.1em; margin-bottom: 0.3em; }
.standard_box_inner { padding : 20px; }
.standard_box_inner_tight { padding-left : 20px; padding-right : 10px; padding-top : 10px; padding-bottom : 10px; }
.box_outer { position : relative; left : 0px; top : 0px; width : 104px; height : 103px; background-image : url('media/terere/images/box.png'); }


/*
	Form Styles.
*/
tr.form_row:hover { background-color : #F8F8F4; }
input.form_input { display : inline; left : 0px; top : 2px; width : 241px; }
input.form_input_small { display : inline; left : 0px; top : 2px; width : 121px; }
input.form_input_centered { display : inline; left : 0px; top : 2px; width : 241px; text-align : center; }
textarea.form_textarea { position : relative; left : 0px; top : 2px; width : 246px; height : 100px; }
.form_required { color : #D70000; }


/*
    Link Styles.
*/
a.link_bottom, a.link_bottom:link, a.link_bottom:visited, a.link_bottom:active { font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color : #999; text-decoration : underline; }
a.link_bottom:hover { font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color : #D70000; text-decoration : underline; }


/*
    Text Styles.
*/
.text_label { font-family : Verdana; font-size : 12px; color : #000000; }
.text_green { font-family : Verdana; font-size : 12px; color : #048504; }
.text_grey { font-family : Verdana; font-size : 12px; color : #AAAAAA; }
.text_red { font-family : Verdana; font-size : 12px; color : #D70000; }


/*
    Layout - Area.
*/
#area { width : 100%; text-align : center; }
#area_top { position : relative; display : block; width : 100%; height : 144px; background-image : url('media/admin/images/background_top.jpg'); background-repeat : repeat-x; text-align : center; }
#area_top_inner { position : relative; display : block; width : 100%; height : 144px; }
#area_middle { position : relative; display : block; padding-left : 0px; padding-right : 0px; padding-top : 40px; padding-bottom : 40px; background-color : #FFFFFF; }
#area_middle_inner { position : relative; display : block; padding-left : 20px; padding-right : 20px; text-align : justify; }
#area_middle_inner_left { position : relative; height : 100%; width : 67%; padding-right : 20px; }
#area_middle_inner_right { position : relative; height : 100%; width : 33%; padding-left : 20px; border-left : solid 1px #F8F8F4; }
#area_bottom { position : relative; display : block; padding-left : 20px; padding-right : 20px; padding-top : 20px; padding-bottom : 20px; background-color : #F8F8F4; }
#area_bottom_inner { position : relative; display : block; width : 100%; text-align : left; }


/*
    Layout - Area Top Inner.
*/
#area_top_inner_logo { position : absolute; left : 20px; top : 20px; }
#area_top_inner_menu { position : absolute; left : 164px; bottom : 00px; }
#area_top_inner_menu_home { padding-right : 6px; }
#area_top_inner_menu_services { padding-right : 6px; }
#area_top_inner_menu_portfolio { padding-right : 6px; }
#area_top_inner_menu_clients { padding-right : 6px; }
#area_top_inner_menu_account { padding-right : 6px; }
#area_top_inner_0800 { position : absolute; right : 20px; bottom : 20px; }


/*
	Pages.
*/
.page_account_card_cardtype_off { border : solid 1px #FFFFFF; padding : 6px; background-color : #FFFFFF; }
.page_account_card_cardtype_off:hover { border : solid 1px #D70000; padding : 6px; background-color : #FFFFFF; }
.page_account_card_cardtype_on { border : solid 1px #D70000; padding : 6px; background-color : #FFFFFF; }

.page_home_main_splash { display : block; position : relative; width : 100%; height : 420px; background-image : url('media/terere/images/page_home_main_splash.jpg'); }
.page_home_main_splash_text_outer { position : relative; left : 0px; top : 0px; padding : 10px; padding-top : 160px; }
.page_home_main_splash_text_inner { display : block; background-color : #FFFFFF; opacity : .85; filter : alpha(opacity=85); height : 210px; padding : 20px; }
.page_home_main_client_thumbnail { border : solid 1px #FFFFFF; padding : 2px; }
.page_home_main_project_thumbnail { border : solid 1px #F8F8F4; padding : 2px; }

.page_content_projects_thumbnail { border : solid 1px #F8F8F4; padding : 6px; }
.page_content_project_thumbnail { border : solid 1px #F8F8F4; padding : 6px; }