/*
-------------------------------------------
Livetap - Project Fire Group

Created By Rob W @ www.oyster-creative.co.uk
------------------------------------------- 

*/
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color:#FFFFFF;
	margin:0px 0px 10px;
}

h1 {
	font-size:1.8em;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
h2, h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.6em;
}
h3 { 	font-size:1.6em; color:#d92128;}
h4 { color:#999999; }
p {
	color:#636466;
	font-size:1.1em;
}
p strong{
	color:#333333;
}
a {
	text-decoration:none;
	font-size:1.0em;
	color:#2388C5;
}
a:hover {
	color:#d92128;
}
img {
	border:0;
}

iframe  {
	border: 1px solid #CCCCCC;
}
.date {
font-family:Arial, Helvetica, sans-serif;
}
/*---- Frame -------*/
#frame {
	width:926px;
	margin:1% auto;
}
#frame:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* ----- Header ------*/

#frame #header {
	padding-top:129px;
	width:926px;
	min-height:62px;
	background:url(../images/layout/header_background.jpg) no-repeat;
	position:relative;
}

#frame #header ul{
	list-style:none;
	width:911px;
	display:block;
	height:6.3em;
	margin:0px;
	padding:0px 0px 0px 15px;
	background: #78bde8 url(../images/layout/navigation_background.jpg) no-repeat center bottom;
}
#frame #header ul li {
	float:left;
	color:#FFFFFF;
	font-size:10px;
	margin:2.7em 5px 0  3px;
}
#frame #header ul li  a{
	font-size:1.33em;
	color:#FFFFFF;
	padding-right: 5px;
	line-height:2.6em;
	padding-bottom:4px;
}
#frame #header ul li  a:hover, a.current_page{
	border-bottom: 5px solid #E7E7E8
}
/* ----------------
		Content 
-------------------*/
#frame #content {
	width:747px;
	float:left;
	margin:35px 0px 20px 20px;
	display:inline;
	clear:both;
}
#frame #content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#frame #content h1 span, #frame #content  p.news_item  .news-title span{
	color: #828282;
	font-size:0.6em;
	display:block;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
#frame #content .news_item  a {
	text-decoration:none;
}
#frame #content h2 {
	font-size:2em;
	margin:10px 0px;
	color:#7abee8;
}#frame #content h2 span{
	color: #828282;
	font-size:0.5em;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
#frame #content p {
	width:550px;
	padding:0px;
	margin:10px 0px;
}
#frame #content ul {
	font-size:1.1em;
	width:520px;
	padding:0px;
	margin:10px 0px 10px 20px;
	list-style:circle;
}#frame #content ul li{
	margin:10px 0px 0px 20px;
}

#frame #content img.image_box{
	float: right;
	padding:2px;
	border:1px solid #F4F4F4;
	margin-right:20px;
}
/* ---- Nav  ----*/
#frame #content #navigation {
	background: #F0F0F0;
	list-style:none;
	margin:15px 0px 20px;
	padding:3px 5px 2px;
	display:block;
	width:700px;
	border-bottom: 2px solid #E1E1E1;
}
#frame #content #navigation li{
	display:inline;
	margin:5px 9px 0px 2px;
}
#frame #content #navigation li a{
	color:#636466;
}	
#frame #content #navigation li a:hover, #frame #content #navigation li .current_page{border-bottom: 2px solid #DA2129; }


/* ---- Contact ----*/
#frame #content #contact_form {
	width:390px;
	float:left;
}
#frame #content #contact_form   p {
	width:350px;
}
#frame #content p label input, #frame #content p label textarea{
	display:block;
	width:300px;
}
#frame #content fieldset p label input, #frame #content  fieldset p label textarea{
	width:400px;

}
#frame #content #address {
	width:300px;
	padding-bottom:2px;
	float:left;
	display:inline;
}
#frame #content #address p {
	width:220px;
}
#frame #content #distributors {
	width:390px;
	clear:left;
	float:left;
	border-top:1px dashed #CCCCCC;
	margin-top:40px;
}
#frame #content #distributors ul{
	width:280px;
	list-style: circle;
	margin:0px 0px 0px 15px;
	padding:0px;
	font-size:1.1em;
}
#frame #content #team {
	width:300px;
	float:left;
	display:inline;
	border-top:1px dashed #CCCCCC;
	margin-top:40px;
}
#frame #content  #distributors ul li{
	margin:5px 0px 10px;
}
#frame #content #documentation  {
	width:300px;
	float:left;
	display:inline;
}
#frame #content #documentation  ul {
	width:300px;
	list-style:none;
	margin-left:2px;
	clear:left;
}


#frame #content  #distributors ul li a{ display:block; font-size:0.9em;}
/* ---- News ----*/
#frame #content p.news_item {
	padding-left:10px;
	margin:20px 0 30px;
	border-left:1px dashed #e1e1e5;
}
#frame #content p.news_item .news-title {
	background:url(../images/layout/li_arrow_background.jpg) no-repeat 0px 4px;
	text-indent:19px;
	font-size:1.5em;
	display:block;
	margin:5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#7abee8;
	font-weight:bold;
}
#frame #content p.news_item .news-title span{

	padding:0px;
}
#frame #content p.news_item span{
	display:block;
	padding-left:19px;
}
#frame #content p.news_item a{
	display:block;
	text-indent:19px;
}
#frame #content p .news_image {
	border:1px solid  #E8E8E8;
	padding:5px; 
}



/* -----Benefits ----*/

#frame #content #system_benefits {
	width:278px;
	text-align:justify;
	margin-top:30px;
	float:left;
}
#frame #content #system_benefits h2{
	text-indent:10px;
	color:#7abee8;
	margin:10px 0px;
	padding:0px;
}
#frame #content #system_benefits ul{
	width:258px;
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 10px;
	font-size:1.4em;
	border-left: 1px dashed #D7D9DB;
}

#frame #content #system_benefits ul li{
	background:url(../images/layout/li_arrow_background.jpg) no-repeat 0px 4px;
	text-indent:19px;
	margin:5px 0px;
}
#frame #content #system_benefits p{
	width:225px;
	border-left: 1px dashed #D7D9DB;
	margin:0px;
	padding:10px 0px 10px 10px;
}
/* ----- Demo ----*/
#frame #content #demo {
	width:425px;
	margin-top:30px;
	float:left;
}
#frame #content #demo h2{
	color:#7abee8;
	margin:10px 0px;
	padding:0px;
}
#frame #content #demo ol {
	width:420px;
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:1.1em;
}
#frame #content  ol li{
	border: 1px dashed #e1e1e5;
	width:230px;
	
	position:relative;
	margin:10px 0px;
	padding:10px 16px 10px 10px;
	border-left:0;
}	
#frame #content #demo ol li span{
	right:-15px;
	top:35%;	
	position: absolute;
	width:26px;
	height:26px;
}
#frame #content #demo ol li span img{
	position: relative;
	left:inherit;
	top:inherit;
}
#frame #content #demo ol li .image{
	top:2px;
	right:-210px;
	float:none;
	position: absolute;
}
/*----- Courses ---*/
#frame #content .course_day {
	 border:1px dashed #DFDFDF;
	 position:relative;
	 width:630px;
	 padding:10px 10px;
	 margin:20px 10px 20px 60px;
}
#frame #content .course_day h3 {
	color:#78BDE8;
	letter-spacing:-1px;
	word-spacing:4px;
	font-size:1.6em;
	margin:0px;
}

#frame #content .course_day h3 a {	color:#78BDE8;}
#frame #content .course_day h3 a:hover { color:#D81D2E;}

#frame #content .course_day p {
	margin:0px 0px 0px;
	width:400px;
}
#frame #content  .course_day  p.course_details {
	position:absolute;
	right:0px;
	bottom:5px;
	width:140px;
}
#frame #content  .course_day  p.course_details a{
	color:#636466;
	font-weight:bold;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
#frame #content  .course_day  p.course_details a:hover{ color:#D81D2E;}
#frame #content .course_day .date {
	position:absolute;
	text-align:center;
	width:40px;
	padding:15px 5px 5px;
	left:-60px;
	font-size:1.5em;
	color:#FFFFFF;
	font-weight:bold;
	top:-1px;
	height:3.4em;
	background:#DA2129 /*#FFFFDC #DFDFDF*/  ;
	border:1px solid  #DFDFDF;
}

#frame #content .course_day .date span, #frame #content h2 .date span{
	display:block;
	font-size:0.6em;
	text-transform: uppercase;
	letter-spacing:0.1em;
}
#frame #content #course_details{
	float:none;
	width:740px;
	clear:both;
	display:block;
	margin: 10px 0px;
	height:7em;
}
 #frame #content #course_details .date {
	display:inline;
	float:left;
	text-align:center;
	width:40px;
	height:3.6em;
	margin:0px;
	padding:9px 5px 0px;
	font-size:1.4em;
	font-weight:bold;
	background:#E8E9EA /*#FFFFDC #DFDFDF*/  ;
	border:1px solid  #DFDFDF;
 }
 #frame #content #course_details .date span{
	display:block;
	font-size:0.6em;
	text-transform: uppercase;
	letter-spacing:0.1em;
 }
#frame #content #course_details p{
	width:640px;
	height:4.4em;
	float:left;
	border:1px dashed #DFDFDF;
	margin: 0px 5px;
	padding:5px 5px ;
}

#frame #content fieldset {
	border:none;
	margin-top:15px; padding-top:10px;
}

#frame #content  form fieldset legend {
	font-size:1.4em;
	color: #999999;
	font-style:italic;
}

#frame #content .image_holder {
	margin:0px 20px 0px 0px;
	list-style:none;
	width:148px;
	float:right;
	font-size:0.9em;
	color: #999999;
	text-align:center;
}

#frame #content .image_holder li {  margin:0px 0px 5px ;}
#frame #content .image_holder li a{
	display:block;
	padding:3px 3px 0px; border:1px solid #CCCCCC;  
}

#frame #content .image_holder li a img{
	border:0px; padding:0px;
}

#frame #content .image_holder li a:hover{
	background:#78BDE8;
}

	
#frame #content .product_table {
	width:630px;
	margin: 10px 0px 20px;
	border: 1px solid #F0F0F0;
	border-right:0px;
	font-size:1.1em;

}
#frame #content .product_table  caption {
	font-size:1.5em;
	color:#44A5DF;
	text-align:left;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
}

#frame #content .product_table th{
	font-size:0.9em;
	border-bottom:1px solid #CCCCCC;
	padding: 5px 4px 5px 4px;
	text-align:left;
	border-right: 1px solid #F0F0F0;
}

#frame #content .product_table .centred {
	text-align:center;
	
}
#frame #content .product_table td {
	padding: 10px 4px 10px 4px;
	border-right: 1px solid #F0F0F0;
}
#frame #content .product_table td a{font-weight:bold;}
#frame #content .product_table .odd {	background:#EDF3FE;}
#frame #content .product_table .over {	background-color: #FFFFF4;	border-bottom:1px solid  #CCCCCC;}
#frame #content .product_table .over a{	color:#DA2129;}

/* ----- Case Studies ------*/


#frame #content #case_study_layout{	width:697px;}
 /* Case Header */

#frame #content #case_study_layout  #case_study_header{
	position:relative;
	
	border:2px solid #E7E7E7;
	border-bottom:0px;
	width:693px;
	padding:10px 0px;
}
#frame #content #case_study_layout  #case_study_header h1 { position:absolute; top:-29px;  font-size:1.0em; font-weight:normal;}
#frame #content #case_study_layout  #case_study_header h1 a { color:#B0B0B0; } 
#frame #content #case_study_layout  #case_study_header h1 a:hover { color:#78BDE8; } 

#frame #content #case_study_layout  #case_study_header h1, #frame #content #case_study_layout  #case_study_header h2 { width:680px; padding:0px; margin: 10px;}
#case_study_header h2 { margin-top:0px; }
#frame #content #case_study_layout  #case_study_header h2 { font-weight:normal; }
#frame #content #case_study_layout  #case_study_header p { margin:3px 10px; width:80px; text-align:right;  position:relative;}

#frame #content #case_study_layout  #case_study_header p strong { position:absolute; right:-410px; top:1px; display:block; width:400px; text-align:left;} 

#frame #content #case_study_layout  #case_study_header img{
	position:absolute;
	bottom:-10px;
	left:-2px;
}
/* Case Content */
#frame #content #case_study_layout #case_study_content {
	width:404px;
	margin-top:25px;
	float:left;
}	
#frame #content #case_study_layout  #case_study_content p, #frame #content #case_study_layout  #case_study_content h3 {
	width:398px;
	margin:10px 10px ;
}

#frame #content #case_study_layout #case_study_content .client { margin:10px 10px 20px; border-bottom:1px dashed #CCCCCC; padding-bottom:5px;  	width:402px;}

#frame #content #case_study_layout #case_study_content .client p, #frame #content #case_study_layout #case_study_content .client h3 { margin:0px; padding:0px;} 

#frame #content #case_study_layout #case_study_content .client p { font-size:1.0em;}
#frame #content #case_study_layout #case_study_content .client h3 { font-size:1.3em; margin-bottom:8px;}



#frame #content #case_study_layout  #case_study_content .feature_image { 
	border:1px solid #F3F3F4;
	position:relative; 
	background:#FDFDFD; 
	padding: 20px 10px 20px 210px; 
	width:178px;
	font-size:1.8em;
	margin: 20px 10px 30px;
	min-height:90px; 
}

#frame #content #case_study_layout  #case_study_content .feature_image img { position:absolute;top:-7px; right:200px; background:#FFFFFF;padding:5px; border:1px solid #DEDEE0; }
/* Case Secondary Content*/

#frame #content #case_study_layout #case_study_secondary_content { width:237px; background: #F3F3F4 url(../images/layout/casestudy_second_background.jpg) bottom no-repeat;  float:right; display:inline; 	margin-top:35px;
padding:190px 0px 75px; position:relative;}

#frame #content #case_study_layout #case_study_secondary_content #first_image { position:absolute; top:8px; padding:5px; border:2px solid #F3F3F4; background:#FFFFFF; left:-8px; }

#frame #content #case_study_layout #case_study_secondary_content p, #frame #content #case_study_layout #case_study_secondary_content h3{ width:200px; margin:2px 10px;}
#frame #content #case_study_layout #case_study_secondary_content h3{ margin-top:15px; color:#333333; font-weight:normal; }


#frame #content #case_study_layout #gallery {
	list-style:none;
	width:230px;
	padding:10px 0px 10px;
	margin:0px 0px 0px 10px;
}

#frame #content #gallery:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#frame #content #case_study_layout #gallery li{ float:left; margin: 0px  5px 5px 0px;}

#frame #content  #case_study_layout #gallery li a{
	display:block;
	line-height:0px;
	padding:3px; border:1px solid #CCCCCC;  
}

#frame #content #case_study_layout #gallery li a img{	border:0px; padding:0px;}
#frame #content #case_study_layout #gallery li a:hover{ background:#78BDE8; }

/* Video */
#frame #content .video {
	margin-top:40px;
	
}

#frame #content .video p{
	font-size:1.0em;
	margin-top:0px;
	margin-right:80px;
	width:300px;
	float:right;
}

#frame #content .video p strong {
	display:block;
	font-size:1.2em;
}


#frame #content #gallery {
	list-style:none;
	width:600px;
	padding:10px 0px 5px;
	margin:0px 0px;
}

#frame #content #gallery:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#frame #content #gallery li{ float:left; margin: 0px  5px 5px 0px;}

#frame #content   #gallery li a{
	display:block;
	line-height:0px;
	padding:3px; border:1px solid #CCCCCC;  
}

#frame #content #gallery li a img{	border:0px; padding:0px;}
#frame #content #gallery li a:hover{ background:#78BDE8; }

/* -------------------- 
	Secondary Content
 ----------------------*/

#frame #secondary_content {
	width:157px;
	float:right;
	overflow:hidden;
}

#frame #secondary_content p{
	padding:0px;
	margin:0px;
}
#frame #secondary_content p a, #frame #secondary_content p img{
	padding:0px;
	text-decoration:none;
	margin:0px;
}
#frame #secondary_content #sidebar {
	border: 1px dashed #D7D9DB;
	margin:40px 0px 20px;
	position:relative;
}
#frame #secondary_content #sidebar  h2{
	color:#8b8c8f;
	font-weight:bold;
	letter-spacing: -1.5px;
	padding:0px;
	margin:0px;
	position: absolute;
	top:-0.7em;
	left:6px;
	background:#FFFFFF;
	padding: 0px 4px;
}
#frame #secondary_content #sidebar  p{
	margin:5px 4px 5px 10px;
}
#frame #secondary_content #sidebar  p strong{
	padding-top:15px;
	font-style:italic;
	color: #333333;
	display:block;
}
#frame #secondary_content #sidebar ul {
	list-style:none;
	margin:5px 2px 5px 12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
}
#frame #secondary_content #sidebar ul li a span{
	display:block; color:#78BDE8;
	font-size:1.3em; font-weight:bold;
}
#frame #secondary_content #sidebar a {
	display:block;
}

#frame #secondary_content #sidebar form, #frame #secondary_content #sidebar #user_controls{
	margin:15px 4px 5px;	text-align:center;
	background:#78bde8;	
}
#frame #secondary_content #sidebar #user_controls p, #user_controls p a{
	text-align: left;	
	margin:5px 10px;
	padding-bottom:10px;
	color:#000000;
}
#user_controls p a{ color:#FFFFFF; }
#user_controls p a:hover{
	color:#DA2129;
}
#frame #secondary_content #sidebar form fieldset {
	border:0;
	padding:0px;
}
#frame #secondary_content #sidebar form fieldset legend, #frame #secondary_content #sidebar #user_controls h3 {
	font-size:1.5em;
	padding:5px 0px 5px 10px;
	font-weight:bold;
	color:#333333;
}
 #frame #secondary_content #sidebar #user_controls h3 { padding:5px 0px 2px; margin-bottom:0px;
 }
#frame #secondary_content #sidebar  form fieldset p{
	color:#FFFFFF;
	margin:5px 20px;
}
#frame #secondary_content #sidebar  form fieldset p label{
	display:block;
	padding: 2px 0px;
}
#frame #secondary_content #sidebar  form fieldset p input {
	width:100px;
}#frame #secondary_content #sidebar  form  .button {
	margin-top:7px;
	width:60px;
	height:30px;
	border:1px solid #FFFFFF;
	background:#78bde8;	
	color:#333333;
}

/* ----- Footer ------*/
#frame #footer {
	padding:0px 0px ;
	background:#77BCE7;
	width:920px;
	height:3em;
	border-bottom:9px solid #E8E9EA;
	clear:both;
	position:relative;
}
#frame #footer ul{
clear:both;
	list-style:none;
	display:block;
	margin:0 0 0 10px;
	padding:0px;
}
#frame #footer ul li {
	float:left;
	color:#FFFFFF;
	font-size:1.2em;
	margin:5px 0px 5px 5px;
}

#frame #footer ul li#oyster{
	position:absolute;
	top:0px;
	margin:0px;
	padding:0px;
	right:0px;
}#frame #footer ul li#oyster a{
	text-indent:-2000px;
	overflow:hidden;
	background:url(../images/oyster.jpg);
	width:204px;
	height:30px;
	display:block;
}

#frame #footer ul li a {
	color:#FFFFFF;
	padding-right:4px;
}#frame #footer ul li a:hover {
	color:#B40B22;
}

/* -- misc -- */

p.error {
	color:#DA2129;
	font-weight:bold;
	position:relative;

}p.error img{
	position:absolute;
	left:-21px;
	top:2px;
}
#frame #content fieldset p.error {
	margin-left:21px;
}

#frame #secondary_content #sidebar .error  {
	background:none;
	text-indent:0;
	padding-top:20px;
}
#frame #content p.note  {
	width:710px;
	padding:10px;
	font-weight:bold;
	margin:10px 0px;
	border:1px solid #CCCCCC;
	background-color: #FDFEF1;
}

#frame #content .warning {
	font-style:italic;
	padding-bottom:4px;
	background: url(../images/layout/note.jpg) no-repeat;
	font-weight:bold;
	text-indent: 23px;
}

a.pdf {	background: url(../images/layout/pdf-icon.jpg) no-repeat left; padding-left:28px; }

a.word { background: url(../images/layout/word-icon.jpg) no-repeat left; padding-left:28px; }

a.excel { background: url(../images/layout/xls-icon.jpg) no-repeat left; padding-left:28px; }

a.ppt { background: url(../images/layout/powerpoint-icon.jpg) no-repeat  left;	padding-left:28px; }
a.dwg {   background: url(../images/layout/dwg-icon.jpg) no-repeat  left;	padding-left:28px; }

#course_details a.pdf {	background: url(../images/layout/pdf-icon.jpg) no-repeat right; padding-right:28px; padding-bottom:5px; }

#course_details a.word { background: url(../images/layout/word-icon.jpg) no-repeat right; padding-right:28px; padding-bottom:5px;}

#course_details a.excel { background: url(../images/layout/xls-icon.jpg) no-repeat right; padding-right:28px; padding-bottom:5px;}

#course_details a.ppt { background: url(../images/layout/powerpoint-icon.jpg) no-repeat  right;	padding-right:28px;padding-bottom:5px; }