@import url("layout.css");
@import url("typography.css");

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0; padding:0;}
body{background:#222326; text-align:center;}

ul li{list-style:none;}
a img{border:0}
.clear{clear:both;}
.assist_text{position:absolute; left:-5000px; top:-1000px}
.print {display: none;}

.leftpic{float:left; margin:0 10px 0 0}
.rightpic{float:right; margin:0 0 0 10px}
.midpic{display:block; margin:auto}

abbr{cursor:help}

/*============================ BRANDING & MAIN NAV=========================*/

#branding{background:#fff}

#main_nav li{float:left;padding-right:14px;padding-left:8px;background:url(../images/nv_dv.gif) right center no-repeat}
#main_nav li.last{padding-right:0; background:0}

#search_form input#ajaxSearch_input {padding:3px; color:#666; width:250px; border:1px solid #ccc; border-right:0;margin:0}
#search_form input#ajaxSearch_input:focus{color:#000; background:#f9f7e1}
#search_form #ajaxSearch_submit{border:1px solid #2e3136; background:#2e3136; color:#fff;padding:2px 4px 2px 4px;line-height:1.4}
#search_form #ajaxSearch_submit:hover{cursor:pointer}

/*============================ STRIP =========================*/

#services_strip{background:#2e3136 url(../images/strip_bg.gif) left top repeat-x; }
#services_strip .container{background:url(../images/strip_gfx.jpg) 30px 21px no-repeat}

#screen_slideshow{position:absolute; right:20px;top:1px; width:322px; height:286px; background:url(../images/screen_bg.gif) left top no-repeat}

/*============================ CONTENT =========================*/

#main{background:#f4f4ed url(../images/main_bg.jpg) left top repeat-x; overflow:hidden;border-top:7px solid #bebeb9;}
#home #main{background:#f4f4ed;border-top:0;}
#sup_content{background:url(../images/lower_bg.jpg) left top no-repeat; clear:both;overflow:hidden;padding:40px 20px 20px 20px}

#main_content ul, #main_content ol, #main_content table{margin-bottom:1.5em}
#main_content ul li{padding-left:20px;background:url(../images/blt.gif) left 5px no-repeat;}
#main_content ol li{margin-left:20px}
#main_content li.archive_link{background:none;}

.thum{padding:7px; background:#fff; border:1px solid #ccc}

/* Home Page */
#home #main_content #featured_list{margin:15px 0 35px 0; overflow:hidden}
#home #main_content #featured_list li {width:300px;margin-right:20px; height:181px;position:relative}
#home #main_content #featured_list li img{}
#home #main_content #featured_list li a{color:#fff}
#home #main_content #featured_list li a em{position:absolute;bottom:7px; left:-5000px; color:#fff; width:269px; height:20px;background:url(../images/trans_bg.png);padding:3px 5px 5px 10px}
#home #main_content #featured_list li a:hover em{ left:8px; }

/* Data Tables*/
table.data-table{width:100%; border-collapse:collapse; margin:0 0 20px 0}
table.data-table caption{position:absolute;left:-5000px}
table.data-table td, table.data-table th{border-bottom:1px solid #ccc; padding:7px 2px 7px 3px}
table.data-table td{background:#eee}
table.data-table tr.odd td, table.data-table tr.odd th{background:#fff}
#main table.data-table tr:hover td{background:#f7efc0}
table.data-table .date {width:70px}
#main_content table.data-table .date {width:100px}

/* General Forms */
.general_form{}
.general_form fieldset{border:0;padding:10px}
.general_form legend{font-size:1.2em; font-weight:bold;margin:0 0 20px 0}
#main_content .general_form p{overflow:hidden; margin:0 0 10px 0;}
.general_form label{float:left;width:8.5em; text-align:right}
.general_form input, .general_form select{float:left; margin-left:20px}
.general_form input:focus, .general_form textarea:focus{color:#000; background:#f9f7e1}
.general_form em.help_text{float:left; width:200px; margin-left:20px; color:#666;font-size:0.9em}
#main_content .general_form strong.error_msg{margin:3px 0 0 9.5em; color:#990000; clear:both;float:left; font-size:0.9em}
.general_form button{background:#f5f5f5;border:3px double #bbb;border-top:3px double #ccc;border-left:3px double #ccc; padding:3px 7px 3px 7px;margin:10px 0 0 7.8em; cursor:pointer; overflow:visible; text-align:left }
.general_form button:hover{background:#dff4ff ; border:3px double #c2e1ef;color:#336699;}

#contact-form input, #contact-form select{width:300px; border:1px solid #ccc; padding:2px }
#contact-form select{width:305px}
#contact-form #message_label{text-align:left;width:auto}
#contact-form textarea{width:455px;border:1px solid #ccc;margin-top:5px}

#main p.submit{border-top:1px solid #ccc;  letter-spacing:0.01em;  text-align:center; clear:both; font-size:1.5em;margin-bottom:0;margin-top:20px; overflow:visible }
	#main p.submit input{position:relative;top:-13px; background:#efefe7;padding:1px 6px 2px 6px; background:#333; color:#fff; text-decoration:none; letter-spacing:0.04em;width:auto; cursor:pointer;float:none; border:0;font-variant:small-caps; }
	#main p.submit input:hover{background:#f4f3ee; color:#444;}

#thanks_message{padding:10px 15px; background:#d1edc6;border:1px solid #98d281; line-height:1.5;margin:0}
div.errors{padding:10px 15px; background:#fdc0cd; border:1px solid #cb8f8f;line-height:1.5; margin:0 0 20px 0}

/* News Listing */
#home_posts{border-bottom:1px solid #ccc; padding-bottom:10px}
#home_posts li{ padding:11px 10px 9px 100px; }
#home_posts li.Roan{background:url(../images/roan.gif) 5px 6px no-repeat}
#home_posts li.Peter{background:url(../images/pete.gif) 5px 6px no-repeat}
#home_posts li.Sara{background:url(../images/sara.gif) 5px 6px no-repeat}
#home_posts li.Ian{background:url(../images/ian.gif) 5px 6px no-repeat}
#home_posts li.Brian{background:url(../images/bri.gif) 5px 6px no-repeat}
#home_news .feed-ico{float:right;position:relative;top:0px; vertical-align:bottom; margin-right:15px}

/* Contact Box */
#contact_box{padding:15px;padding-bottom:5px;background:#fff}
#contact #contact_box{background:#fff url(../images/subcont_bg.gif) left bottom no-repeat; padding-bottom:20px}
#contact_box p{clear:both;margin-bottom:20px;line-height:1.4}
#contact_box strong{float:left; width:50px; height:32px; text-indent:-5000px}
#contact_box .org, #contact_box a, #contact_box .tel_no{float:left}
#contact_box strong#address-label{background:url(../images/address-ico.gif) left top no-repeat}
#contact_box strong#tel-label{background:url(../images/phone-ico.gif) left top no-repeat; margin-top:-5px}
#contact_box strong#email-label{background:url(../images/mail-ico.gif) left top no-repeat; margin-top:-2px}
#contact_box strong#subscribe-label {background:transparent url(../images/news-ico.gif) no-repeat scroll left top;margin-top:-2px;}
#contact_box address{float:left; width:150px}
#contact_box #vcard_link{padding:7px 0 7px 50px; background:url(../images/vcard.gif) left 3px no-repeat; overflow:hidden}

#main .sub_content1 #contact_box strong{width:40px}
#main .sub_content1 #contact_box #vcard_link{padding:6px 0 6px 40px}

#google-map{border:1px solid #ccc; margin-bottom:20px}

/*============================ WEB DESIGN =========================*/

#main_content p#wd_intro{background:url(/assets/images/illustrations/illustration_tailor.jpg) right bottom no-repeat; padding:16px 140px 116px 0;margin-bottom:-1.5em}

#featured_list li{float:left; margin:0 20px 0 0;padding:0; width:220px}
#main_content #featured_list li {margin-left:0;padding:0}


/* Portfolio display */
#image_list{position:relative}
#image_list li{display:none; position:absolute;}
#paginator{display:none;}
#paginator li a.current{background:#E6E5E1;}
#text_list{background:#fff url(../images/subcont_bg.gif) left bottom no-repeat;padding:20px 15px 20px 15px; overflow:hidden}
#text_list p.prevnext{display:none;overflow:hidden;}
#text_list p.prevnext a.prev{float:left;}
#text_list p.prevnext a.next{float:right;}
#image_list li.default, #text_list li.default{display:list-item}
#image_list img{padding:5px;border:1px solid #ccc; background:#fff;margin-bottom:1em}

#paginator{margin:400px 0 0 10px}
#paginator li{float:left;}
#paginator li a{float:left;display:block;padding:0 5px; background:#eee;border:1px solid #ccc; margin-right:10px; font:1.2em/1.3 Verdana, Arial, Helvetica, sans-serif; text-decoration:none}

#client_select_form{display:none;}
#client_select_form select{border:1px solid #ccc; padding:2px; width:214px}

/*============================ TRAINING COURSES =========================*/

/* Calendar */
#training_calendar{width:100%;border-left:1px solid #A2ADBC;border-collapse:collapse; margin-bottom:20px}
#training_calendar caption{position:absolute;left:-5000px}
#training_calendar td {border-right: 1px solid #A2ADBC;border-bottom: 1px solid #A2ADBC;text-align: center;background: #eee;margin:0}
#training_calendar thead tr th {padding: 3px;background: #848587;color: #fff;text-align: center; border:0}
#training_calendar th {color: #616B76;background: #D9E2E1;border-right: 1px solid #A2ADBC;border-bottom: 1px solid #A2ADBC;border-top: 1px solid #A2ADBC; text-align: center;}
#training_calendar td.day{padding:4px}

#training_calendar td a {text-decoration: none;font-weight: bold;display: block;padding:4px}
#training_calendar td a:link, #calendar td a:visited {color:#608194;background: url(images/bg_calendar.gif) no-repeat;}
.sub_content1 #training_calendar td a:hover, .sub_content1 #calendar td a:active {color: #000;}
#training_calendar td.today a{background:#c8e6ec}
.sub_content1 #training_calendar td.filled a {background:#f9e78e}

#course_lowdown{margin-bottom:20px;background:#fff url(../images/subcont_bg.gif) left bottom no-repeat;padding:20px 15px 20px 15px; overflow:hidden}
#course_lowdown li ul{float:left;margin-bottom:20px;}

/* Tooltip */
#tooltip {position: absolute;z-index: 3000;border: 1px solid #A2ADBC;background-color: #eee;padding: 5px;opacity: 0.85;}
#tooltip h3, #tooltip div { margin: 0;}

/* Partner Logos */
#training_partners{background:#fff url(../images/subcont_bg.gif) left bottom no-repeat;padding:20px 15px 20px 15px; text-align:center}
#training_partners li{margin-bottom:10px}

#ila_approved{background:#fff; border:1px solid #ccc; padding:15px; overflow:hidden; margin-bottom:20px}
#ila_approved img{float:left;}
#ila_approved p, #ila_approved h2{float:left;margin-left:20px; width:320px}

/* Enquiry Form */
#enquiry-form, #enquiry-form p{overflow:hidden}
#enquiry-form fieldset{border:0}
#enquiry-form{clear:both}
#enquiry-form p{margin-top:5px; overflow:hidden; line-height:1.5}
#enquiry-form input, #enquiry-form textarea{border:1px solid #ccc; padding:2px;width:214px }
#enquiry-form input:focus, #enquiry-form textarea:focus{color:#000; background:#f9f7e1}

.vevent{display:none;}

/* Course Descriptions */
div.course_contents{width:200px; float:left;margin-bottom:20px}
div.course_contents_wide{width:460px;clear:both;float:left;margin-bottom:20px}
div.skills_gained{width:190px; background:#fff; border:1px solid #ccc; border-width:1px 0 1px 0; padding:15px; float:right; margin:0 0 20px 20px}
#course_download{padding:7px 10px 7px 45px; background:#f9e78e url(../images/downloadpdf.gif) 10px center no-repeat; border:1px solid #cfb535; margin:2em 0 1em 0; clear:both; line-height:1.2}

/*============================ BLOG =========================*/

.blogpic{margin:auto;display:block;padding:5px; background:#fff; border:1px solid #ccc}

/*============================ ABOUT US =========================*/

#staff_info{display:none; background:#fff;border-bottom:1px solid #ccc;padding:15px}
#staff_close{float:right}

#staff_profiles{position:relative; overflow:hidden}
#staff_profiles li{display:none; padding-right:120px; padding-bottom:20px}

#staff_profiles li#sd_profile{background:url(../images/sara_illustration.gif) right 0 no-repeat}
#staff_profiles li#rl_profile{background:url(../images/roan_illustration.gif) right 0 no-repeat}
#staff_profiles li#pg_profile{background:url(../images/pete_illustration.gif) right 0 no-repeat}
#staff_profiles li#rc_profile{background:url(../images/rick_illustration.gif) right 0 no-repeat}
#staff_profiles li#im_profile{background:url(../images/ian_illustration.gif) right 0 no-repeat}
#staff_profiles li#bp_profile{background:url(../images/brian_illustration.gif) right 0 no-repeat}

#main_content #staff_profiles{border-top:1px solid #ccc;background-color:#fff;}
#main_content #staff_profiles li{display:list-item;padding-left:120px; border-bottom:1px solid #ccc}

#team_list li{float:left; width:140px;margin:20px 20px 0 0}
#team_list li p{display:none}
#team_list img{padding:4px; background:#fff; border:1px solid #ccc}
#main #team_list h3, #team_list h4, #team_list p {margin-left:0}



/*============================ SITE INFO =========================*/

#site_info{overflow:hidden; border-top:1px solid #fff; background:url(../images/footer_bg.jpg) left top repeat-x}
#site_info .container{padding:30px 0 20px 0; }
#site_info li{float:left; margin-right:20px}