@charset "utf-8";
/* CSS Document */
.rollover{}
body { background-color: #f1f1f1; color: #585858; /* color: #464154; */ font-family: Georgia, "Times New Roman", Times, serif; font-size: 62.5%; margin: 0; }

/* header area */

.header { width: 980px; padding: 0; margin: 0; }
.header_title { width: 950px; margin: 0px; padding: 27px 0px 25px 30px; }
.navigation_775px { width: 775px; float: left; padding: 0; margin: 0; }
.navigation_980px { width: 980px; }

.nav_work { width: 100%; background-color: #77cb00; }
.nav_about { width: 100%; background-color: #ff37dc; }
.nav_contact { width: 100%; background-color: #64b8ff; }
.nav_404 { width: 100%; background: url(../images/nav_404_background.gif) no-repeat 235px bottom;}
.page_title_bar_LOST_520px { background-color: #322c3c; padding: 8px 0 0 20px; width: 520px; height: 40px; float:left; }
.nav_bar_work_on { color: #ffffff; margin: 0px; padding: 0px; width: 100%; height: 40px; background: #77cb00 url(../images/layout_nav_space_line_wide.gif) no-repeat 0 bottom; }
.nav_bar_about_on { color: #ffffff; margin: 0px; padding: 0px; width: 100%; height: 40px; background: #ff37dc url(../images/layout_nav_space_line_wide.gif) no-repeat 0 bottom; }
.nav_bar_contact_on { color: #ffffff; margin: 0px; padding: 0px; width: 100%; height: 40px; background: #64b8ff url(../images/layout_nav_space_line_wide.gif) no-repeat 0 bottom; }
.nav_title_on {	font-family: Georgia, "Times New Roman", Times, serif; font-size: 3.2em; padding: 2px 40px 0 30px; float:left; }
.nav_bar_work_off { color: #ffffff; margin: 0px; padding: 0px; width: 234px; height: 21px; font-weight: 700; background: #77cb00 url(../images/layout_nav_space_line_wide.gif) no-repeat 0 bottom; border-right: 1px solid #f1f1f1; }
.nav_bar_about_off { color: #ffffff; margin: 0px; padding: 0px; width: 234px; height: 21px; font-weight: 700; background: #ff37dc url(../images/layout_nav_space_line_wide.gif) no-repeat 0 bottom; border-right: 1px solid #f1f1f1; }
.nav_bar_contact_off { color: #ffffff; margin: 0px; padding: 0px; width: 234px; height: 21px; font-weight: 700; background: #64b8ff url(../images/layout_nav_space_line_wide.gif) no-repeat 0 bottom; border-right: 1px solid #f1f1f1; }
.nav_title_off { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; padding: 1px 0 1px 30px; float:left; }

.header_links { width: 185px; padding: 10px 0 0 20px; margin: 0; float:right; }
.breadcrumb { font-size: 1.4em; padding: 17px 20px 4px 0px; float: right; text-align:right; }
.purple_bar_fullwidth { color: #ffffff; background-color: #464154; margin: 0px; padding: 0px; width: 100%; height: 48px; }
.purple_bar_left { color: #ffffff; background-color: #464154; margin: 0px; padding: 0px; width: 235px; float:left; }
.page_title_bar_green { background-color: #283717; padding: 8px 0 0 20px; width: 725px; height: 40px; float:left; }
.page_title_bar_pink { background-color: #283717; padding: 8px 0 0 20px; width: 725px; height: 40px; float:left; }
.page_title_bar_blue { background-color: #283717; padding: 8px 0 0 20px; width: 725px; height: 40px; float:left; }
.page_title_bar_green_520px { background-color: #283717; padding: 8px 0 0 20px; width: 520px; height: 40px; float:left; }

.page_title_bar_pink_520px { background-color: #4a124e; padding: 8px 0 0 20px; width: 520px; height: 40px; float:left; }
.page_title_bar_blue_520px { background-color: #233357; padding: 8px 0 0 20px; width: 520px; height: 40px; float:left; }
.page_title_bar_LOST_520px { background-color: #322c3c; padding: 8px 0 0 20px; width: 520px; height: 40px; float:left; }

/* column structure */

.float_right { float: right; }
.float_left { float: left; }
.clear { clear: both; line-height: 0; font-size: 0;	height: 0; }

.main {	width: 980px; margin: 0; }
.main_1033px { width: 1032px; margin: 0; padding: 0; }
.left_column { width: 185px; padding: 40px 20px 0 30px;	float: left; margin: 0; }
.middle_column { width: 507px; padding: 40px 13px 0 20px; float: left; margin: 0; }

.green_edge_middle { background:url(../images/layout_nav_bar_green_on_edge_middle.gif) no-repeat 0 0; }
.green_edge_right { background:url(../images/layout_nav_bar_green_on_edge_right.gif) no-repeat 0 0; }
.green_edge_wide { background:url(../images/layout_nav_bar_green_on_edge_wide.gif) no-repeat 0 0; }

.middle_column_contact { width: 540px; float: left;	padding: 0; margin: 0; }
.middle_column_contact_inner { background:url(../images/layout_contact_bottom.gif) no-repeat 0 bottom;	background-color:#64b8ff; width: 507px;	padding: 40px 13px 0 20px; margin: 0; font-size: 1.4em;	font-weight: 700; color:#233357; }
.middle_column_wide { width: 725px; padding: 40px 0 0 20px; float: left; margin: 0; }

.blog_view_image_frame { background:url(../images/layout_blog_page_image_frame.gif) no-repeat 0 0; padding-bottom: 15px; }

.right_column {	width: 185px; padding: 40px 0 0 20px; float: left; margin: 0; }

.footer { font-size: 1.4em; text-align:center; padding: 25px 0 30px 0; margin-top: 30px; background:url(../images/layout_dotted_line_on_grey.gif) repeat-x 0 top; }


/* titles and text */

h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.6em; color: #ffffff; margin: 0; padding: 0; font-weight: 400; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: 700; font-size: 3.0em; color: #464154; line-height: 1.2em; margin: 0 0 14px 0; }
h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.2em; color: #464154; margin: 0; }
h4 { font-family: Georgia, "Times New Roman", Times, serif;	font-size: 2.2em; color: #464154; padding: 0; margin: 0 0 5px 0; }
.h4_about { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.2em; color: #958da6; padding: 0; margin: 0 0 5px 0; }
h5 { font-family: Georgia, "Times New Roman", Times, serif;	font-size: 1.1em; color: #464154; padding: 0; margin: 0 0 5px 0; }

p { font-size: 1.4em; margin: 0 0 15px 0; line-height: 1.5em; padding: 0 0 7px 0;}


.blog_post { padding-bottom: 30px; margin-bottom: 10px;	background:url(../images/layout_dotted_line_on_grey.gif) repeat-x 0 bottom; }
.blog_post_last { padding-bottom: 50px;	background: none; }

.side_nav_title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.2em; color: #464154; padding: 0; }

.date_and_tags { margin-bottom: 5px; font-size: 1.1em; }
.date { float:left; }
.tags { float:right; text-align: right;	padding-right: 6px; }
.white { color:#FFFFFF !important; }

.article_date_and_tags { margin-bottom: 10px; font-size: 1.4em; }
.article_date { float:left; }
.article_tags { float:right; text-align: right; }

.weblink_and_employer {margin: 7px 0 20px 0; padding: 0 0 7px 0; font-size: 1.4em; background:url(../images/layout_dotted_line_on_grey.gif) repeat-x 0 bottom;  }
.weblink { float:left; margin: 0; padding: 0; }
.employer { float:right; text-align: right;	padding-right: 6px; }

/* links */
a:link, a:visited { text-decoration: none; color: #464154; font-weight: 700; }
a:hover { text-decoration:underline !important;	color: #333; }

.link_white:link, .link_white:hover, .link_white:visited { color:#fff !important; font-weight: 400; }


/* lists */
ul.nav { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; list-style-type:none; padding: 0; margin: 0 0 25px 0; background:url(../images/layout_dotted_line_on_grey.gif) repeat-x 0 bottom; }
ul.nav li { background:url(../images/layout_dotted_line_on_grey.gif) repeat-x 0 top; padding: 0 0 2px 0; font-weight: 700; margin: 0; }

.left_column li.first { background:url(../images/layout_dotted_line_on_grey.gif) repeat-x 0 top; margin: 0; padding: 0; }

ul.list_view_boxes { list-style-type: none;	padding: 0;	margin: 0; width: 777px; } 
ul.list_view_boxes li {	background:url(../images/layout_list_page_image_frame.gif) no-repeat 0 bottom;	padding: 0 0 4px 0;	margin: 0 52px 40px 0; width: 207px; display: inline; float: left; }

ul.logo_list { list-style-type:none; padding: 0; margin: 0; }
ul.brands_logo_list { list-style-type:none;	padding: 0; margin: 0; width: 720px; display: inline; }
ul.brands_logo_list li { padding: 0; margin: 0 0 15px 0; width: 179px; display: inline; }
ul.largelist { padding: 0; margin: 0; }
li.largelist { padding-left:18px; background:url(../images/icon_right_arrow.gif) no-repeat 0 12px;	list-style-type:none; margin: 0 0 2px 0; /* font-family: Rockwell, Georgia, "Times New Roman", Times, serif; */ font-family: Georgia, "Times New Roman", Times, serif; font-weight: 700; font-size: 3.0em; color: #464154; line-height: 1.0em; }


/* images and icons */
img { border: 0; }
.arrowup { padding-left:13px; background:url(../images/icon_up_arrow.gif) no-repeat 0 5px; }
.arrowleft { padding-left:14px; background:url(../images/icon_left_arrow.gif) no-repeat 0 4px; }
.arrowright { padding-right:14px; background:url(../images/icon_right_arrow.gif) no-repeat 83px 4px; }
.weblinkarrow { padding-left:14px; background:url(../images/icon_right_arrow.gif) no-repeat 0 4px; }


/* Forms */
label { width: 105px; float: left; text-align: right; margin-right: 10px; display: block; font-size: 0.8em; }
.submit input { margin-left: 114px; }
#name, #email { width: 220px; font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: 700; color: #666666; background: #ffffff; background:url(../images/layout_input_background.gif) no-repeat 0 0; border: 0px; display:block; padding: 5px; }
#message { font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: 700; color: #666666; background: #ffffff; background:url(../images/layout_input_background.gif) no-repeat 0 0; border: 0px; padding: 5px; }
/* Login popup */
.green_popup { width: 280px; margin: 19px 0 0 0; color:#FFFFFF;}
.green_popup a,.login_popup a:visited {color:#FFFFFF !important;}
.white_dotted_line {background:url(../images/white_dotted_line.gif) repeat-x 0 0; width:100%; height:1px;}
/* styling for the label texts */
label.username, label.password {color:#FFFFFF; font-size: 1.6em; font-weight: 700; margin-top: 5px;}
/* styling for the text field IDs */
#username, #password { width: 150px; font-family:Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: 700; color: #666666; background: #ffffff; background:url(../images/layout_input_background.gif) no-repeat 0 0; border: 0px; display:block; padding: 5px; margin-bottom: 15px; }

/* Validation - Added by Sean */
label.error{
display: none !important;
}

input.error { 
border: 2px solid red !important; 
}


/* ABOUT page*/
#about_full_width { width: 100%; background: #464154 url(../images/layout_about_bottom.gif) no-repeat 0 bottom; padding-bottom: 76px; color: #FFFFFF; }
#about_left_column { width: 185px; padding: 0 20px 0 30px; background-color: #464154; margin: 0; float: left; }
#about_middle_column { width: 500px; padding: 0 20px 0 20px; background-color: #4a124e; margin: 0; float: left; }
#about_right_column { width: 185px;	padding: 0 0 0 20px; background-color: #464154; margin: 0; float: left; }

ul.about_nav { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em;	list-style-type:none; padding: 0; margin: 0 0 25px 0; background:url(../images/layout_dotted_line_on_purple.gif) repeat-x 0 bottom; }
ul.about_nav li { background:url(../images/layout_dotted_line_on_purple.gif) repeat-x 0 top; color:#FFFFFF; padding: 0 0 2px 0; font-weight: 700;	margin: 0; }

/* Added by Sean */
ul.about_nav li a { color:#FFFFFF !important; }

/* 404 page */
#LOST_full_width { width: 100%; background: #464154 url(../images/layout_404_bottom.gif) no-repeat 0 bottom; padding-bottom: 76px; color: #FFFFFF; }
#LOST_left_column { width: 185px; padding: 0 20px 0 30px; background-color: #464154; margin: 0; float: left; }
#LOST_middle_column { width: 500px; padding: 0 20px 25px 20px; background-color: #322c3c; margin: 0; float: left; }
#LOST_right_column { width: 185px; padding: 0 0 0 20px; background-color: #464154; margin: 0; float: left; }


/* ---- DISPLAY INLINE-BLOCK LIST HACK CODE ------------------- */
.ib-fix li { display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top; word-wrap:break-word; }
* html .ib-fix li { display:inline; }
* + html .ib-fix li { display:inline; }
.ib-fix li > * { display:table; table-layout:fixed; overflow:hidden; }
  
/* Set your specific width via a second class and rules similar to the following ones */
* html .demo-ul li { width:200px; }   /* for IE 6 */
.demo-ul li > * { width:200px; }      /* for all other browser */

/* ---- Page styles - ------------------------ */
.middle_column_list_page {width: 777px; padding: 40px 0 0 20px; margin: 0; float: left;}
#middle_column_list_page { overflow:hidden; zoom:1; width:777px; margin:0; padding: 40px 0 0 20px; }
#middle_column_list_page div { width:777px; }
#middle_column_list_page ul { margin:0; padding:0;}
#middle_column_list_page ul li { width: 200px; margin: 0 48px 20px 0; padding: 0; list-style:none; }
#middle_column_list_page li p { padding: 0 0 7px 0;}




/*
COLOURS
green strip: #77cb00
green overlap: #283717
pink strip: #ff37dc
pink overlap: #4a124e
blue strip: #64b8ff
blue overlap: #233357

grey/purple: #464154
text grey: #585858
background: #f1f1f1
*/