/* CSS Document */

* {
margin: 0;
padding: 0;
font-family: Helvetica, Arial, sans-serif;
font-size: small;
line-height: 1.4em;
}
.centre {width: 940px; margin: 0 auto; position: relative;}
.clear {clear: both;}
img {border: none;}

body {background: #252525 url(http://www.grimaldimedia.com/images/site/body_top_bar.gif) repeat-x top left;}

a {text-decoration: none;}

p {padding: 10px 0;}

/***********HEADER************/

#alt_clock {
text-align: center;
width: 284px;
float: right;
position: absolute;
padding-left: 50px;
top: 0;
right: 0;
background: #303030 url(http://www.grimaldimedia.com/images/site/clock_backer.gif) no-repeat bottom center;
}

.header_logo {padding: 67px 0 20px 0; float: left;}
#header_nav {float: right; list-style-type: none; margin: 115px 40px 0 0; padding-top: 2px;}
#header_nav li {display: inline;}
#header_nav li a {padding: 0 5px; color: #666666;}
#header_nav li a:hover, #header_nav li a:active {color: #fff}

#header_nav li.deli_link a {
padding: 2px 20px 0 0;
background: #303030 url(http://www.grimaldimedia.com/images/site/deli_icon.gif) no-repeat top right;
}


/***********HEADER END************/

/***********BANNER************/

#banner_home {background: #252525 url(http://www.grimaldimedia.com/images/site/banner_backer.gif) repeat-x top center;}
#banner_container {width: 940px; margin: 0 auto; position: relative; min-height: 320px; color: #ebebeb;}
* html #banner_container {height: 320px;}
#folio_banner_container {width: 940px; margin: 0 auto; position: relative; min-height: 400px; color: #ebebeb;}
* html #folio_banner_container {height: 400px;}

#banner_backer {background: #000000 url(http://www.grimaldimedia.com/images/site/banner_backer_body.gif) repeat-x bottom center;}
#folio_banner_backer {background: #252525 url(http://www.grimaldimedia.com/images/site/folio_backer.jpg) repeat-x top center;}
#banner_top {background: url(http://www.grimaldimedia.com/images/site/banner_backer_top.gif) repeat-x top center;}
#banner_txt {width: 490px; padding: 6.5em 20px 90px 20px; z-index: 2;}
#banner_txt p.banner_home_txt {padding: 10px 0 0 10px}
#banner_txt a {color: #34aae0;}
#banner_txt span.banner_pink {background-color: #ed1e79; padding: 0 10px; font-size: 120%; font-weight: bold; line-height: 2em;}
#banner_txt p {padding: 5px 10px;}
#banner_txt a:hover, #banner_txt a:active {color: #fff}

#flash img {float: none; padding: 0; position: static;}
#flash {position: absolute; top: 0px; right: 5px;}
#serv_flash {position: absolute; bottom: 28px; right: 45px;}
#map_cont {float:right;}
#serv_flash img.smarties {margin-bottom: 50px;}
#map {margin: 0 5px 28px 0; border: 8px solid #333333;}
#flash p.no_flash {width: 200px; text-align: center; margin: 50px 70px 0 0;}
#serv_flash p.no_flash {width: 200px; text-align: center; margin: 0 70px 60px 0;}


#banner_txt h2 {
display: inline;
width: 100%;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #ebebeb;
background-color: #34aae0;
font-size: 200%;
padding: 0 10px;
}

#banner_txt h3 {
font-size: 120%;
color: #ebebeb;
font-weight: normal;
padding: 0 10px;
}


#nav_bar {
position: absolute;
top: 13px;
left: 0;
padding-left: 17px;
background: url(http://www.grimaldimedia.com/images/site/nav_bar_left.gif) repeat-y bottom left;
}

#nav_bar ul {
float: left;

list-style-type: none;
padding-right: 50px;
background: url(http://www.grimaldimedia.com/images/site/nav_bar_right.gif) no-repeat bottom right;
}

#nav_bar li {display: inline; float: left; }
#nav_bar li a {color: #252525;  padding: 7px 15px; display: block; background-color: #ffffff;}
#nav_bar li a:hover, #nav_bar li a:active {color: #ffffff; background-color: transparent;}
#nav_bar li a.selected {color: #ffffff; background-color: transparent;}


/***********BANNER END************/


#main_content {width: 940px; margin: 0 auto; padding-bottom: 20px; margin-top: -10px; color: #818181;}

.three_col_cont1, .three_col_cont2, .three_col_cont3 {
display: inline;
margin: 20px 11px 20px 36px;
float: left;
width: 266px;
min-height: 40px;
}
.three_col_cont2 {margin: 20px 23px 20px 24px;}
.three_col_cont3 {margin: 20px 36px 20px 11px;}

.three_col_cont1 img, .three_col_cont2 img, .three_col_cont3 img {margin-bottom: 5px;}

#main_content p {padding: 10px 0;}

#main_content a {
color: #34aae0;
text-decoration: none;
}

#main_content a:hover, #main_content a:active {color: #ebebeb;}

#primary_content { 
width: 600px;
float: left;
}

p.back_top {text-align: right; font-size: 80%;}

#secondary_content { 
width: 290px;
float: left;
}

.rec_pro img.project_img { border: 5px solid #ebebeb; margin-top: 10px}
.rec_pro h4.project_header {font-size: 120%; padding: 5px 0; color: #ebebeb;}
.rec_pro p { margin: -7px 10px 0 0;}
.rec_pro { margin-bottom: 10px; 1px solid #80807b; padding-bottom: 15px;}
#what_did {margin: 10px 0 0 10px; width: 140px; float: left;}


#recent_project_desc { margin: 10px 10px 0 0; width: 380px; float: left;}

#body_text {
padding: 0 20px 0 35px;
}

#body_text p.spacer {padding-bottom: 30px;}
#body_text ul, #secondary_content ul {list-style-type: none;}
#body_text li, #secondary_content li {
padding: 2px 0 2px 20px;
background-image: url(http://www.grimaldimedia.com/images/site/blue_arrow.gif);
background-repeat: no-repeat;
background-position: 0 7px;
color: #34aae0;
}

#main_content h1 {
font-size: 200%;
color: #34aae0;
padding: 5px 0;
border-bottom: 1px solid #80807b;
margin-bottom: 20px;
}

#main_content h2 {
font-family:  Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 200%;
color: #34aae0;
padding: 5px 0;
border-bottom: 1px solid #80807b;
margin-bottom: 15px;
}

#main_content h2.top_padd {margin-top: 20px;}

#main_content h3 {
font-size: 120%;
color: #ebebeb;
font-weight: normal;
padding: 5px 0;
}
#main_content h3.home_intro {margin-top: 27px; font-family: Georgia, "Times New Roman", Times, serif}
#main_content h3 a {font-size: 100%;}

/***********SECONDARY CONTENT************/

#xmas_box {background: #252525 url(http://www.grimaldimedia.com/images/site/xmas_box_backer.gif) no-repeat bottom left; margin: 25px 0 10px 40px;}
#xmas_box p.xmas_para {background: url(http://www.grimaldimedia.com/images/site/xmas_box_top.gif) no-repeat top left; padding: 50px 20px 20px 20px;}

span.work_header {

font-size: 120%;
color: #ebebeb;
font-weight: normal;

}


#quick_form {padding-left: 20px; width: 283px;}
#quick_form p {padding-left: 20px; padding-bottom: 2px;}
#news {padding-left: 20px; width: 283px;}
#sc_cont {margin: 0 0 30px 40px; padding: 0;}

#quick_form h2.blue {margin-left: 20px;}
#quick_form input.yellow_fix {
color: #666666;
border: none;
margin: 3px 0 0px 0px;
padding: 4px 0 7px 5px;
width: 243px;
background-color: #000000 !important;
}

#quick_form textarea.enquiry_box {
margin-left: 0px;
.margin-left: -20px;
width: 225px;
border: none;
background-color: transparent;
height: 115px;
overflow: hidden;
color: #666666;
}

#quick_form p.textarea_para {
text-align: left;
width: 262px;
height: 140px;
background: url(http://www.grimaldimedia.com/images/site/textarea_backer.gif) no-repeat top left;
margin: 3px 0 0 20px;
}

#quick_form input.sub_btn {
width: 4em;
text-align: left;
float: right;
color: #26a9e0;
font-size: 120%;
padding-left: 15px;
margin-right: 0px;
background: url(http://www.grimaldimedia.com/images/site/blue_arrow.gif) no-repeat center left;
background-color: transparent;
border: none;
}
#quick_form input.sub_btn:hover {color: #ffffff;}
#quick_form label {color: #ffffff;}


/***********FOOTER************/

#footer {background: #000000 url(http://www.grimaldimedia.com/images/site/footer_backer.gif) repeat-x top center; padding-top: 120px;}

#footer_container {
position: relative;
color: #666666;
width: 870px; 
margin: 0 auto; 
padding: 20px 35px 20px 35px; 
text-align: right;
}

#footer_container ul {
text-align: left;
list-style-type: none;
width: 85px;
float: left;
padding-right: 15px;
}

#footer_container p {color: #666666; font-size: 89%; padding: 0 0 20px 0}
#footer_container a {color: #666666; font-size: 100%;}
#footer_container a:active, #footer a:hover {color: #ffffff;}
.white_txt {color: #ffffff;}
#footer_container a.white_txt {color: #ffffff;}
#footer_container p.copy {padding-right: 40px;}
#footer_container p.copy a {color: #666666; font-size: 100%; padding: 0 5px;}
#footer_container p.copy a:active, #footer p.copy a:hover {color: #ffffff;}

#GMdog {
position: absolute;
bottom: 42px;
right: 20px;
}

#random_link a {color: #666666; font-size: 100%;}
#random_link a:active, #footer a:hover {color: #ffffff;}
.white_txt {color: #ffffff;}