/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	color: black;
	background: white;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}
/* Structure */
* {margin:0;padding:0}
html,body{margin:10px 0px;;padding:0}
body{text-align:center;font-size:12px;font-family:arial;color:#000;background:url(http://content.onlineagency.com/sites/71785/images/lf_windowbg.gif);}

div#bodycontainer{text-align:left;}
div#bodycontainer{background:url(http://content.onlineagency.com/sites/71785/images/lf_contbg.gif);border:1px solid #6e6d6d;}
div#bodycontainer{width:960px;margin:0 auto;}
div#container{width:960px;margin:0;}
div#wrapper{float:left;width:100%;}
div#content{overflow:hidden;position:relative;padding:8px;width:635px;margin-left:280px;margin-top:15px;text-align:justify;clear:both;border:0px solid red;}
div#content p{margin-top:10px;text-align:left;line-height:18px;}
div#navigation{position:relative;float:left;width:224px;margin-left:-945px;margin-top:15px;border:0px solid red;}
div#extra{margin:0px;padding:0px;float:left;width:0px;margin-left:0px;display:none;}
div#footer{clear:both;width:948px;margin;0px;padding:6px;background:#2aac4a;text-align:center;color:#fff;font-family:Trebuchet Ms;font-size:13px;font-weight:bold;}
.tideTitle{color:#000;font-family:Trebuchet Ms;font-size:22px;font-weight:bold;margin-left:0px;}

/* Structure */


/* Color */

/* Font */

/* Content */
div#content ul {margin-left: 20px;}
div#content ul li {margin-left: 20px;}
div#content .lf_service {display: none}
div#content .tideTitle {margin-bottom: 10px;}

div#content .tideBody h4 {color: #ffffff; background: #224a86; width: 435px; padding: 5px; margin: 10px;}
/* Header */
div#header{position:relative}
div#container{text-align:left;}
div#header{position:relative;width:960px;height:117px;}
div#header h1 {position:relative; width:960px;height:117px;font-size:12px;}
div#header h1 span {position:absolute;width:100%;height:100%;background:url(http://content.onlineagency.com/sites/71785/images/lf_header.gif) no-repeat;}
div#header .head_logo{position:relative;margin:0px;padding:0px;margin-top:-95px;float:left;}
div#header .tech_logo{position:relative;margin:0px;padding:0px;margin-top:-95px;float:right;}
/* Header */


/* Footer */

/* Navigation */
div#navigation .lf_link_box{position:relative:margin:0px;margin-top:-3px;padding:0px;float:left; clear: both; width: 200px}
div#navigation .lf_link_box ul{margin:0px;padding:0px;float:left;list-style:none;}
div#navigation .lf_link_box li{margin:0px;padding:0px;font-size:11px;text-align:left;padding-left:15px;padding-top:4px;padding-bottom:4px;}
div#navigation .lf_link_box li a{color:#0068b4;font-weight:bold;text-decoration:none;font-family:arial;font-size:11px;}
div#navigation .lf_link_box li a:hover{color:#008f25;font-weight:bold;text-decoration:none;font-family:arial;font-size:11px;}
div#navigation .lf_link_box li.last{border-bottom:0px inset #669a0a;}
div#navigation img{margin-bottom:5px;margin-top:5px;}
div#navigation .lf_link_box h1 {background-color: 0068b4; padding: 5px;}
div#navigation .lf_link_box h1 a.lf_marker {color: #ffffff; font-size: 13px;  text-decoration: none;}
/* Navigation */

div#navigation .lf_pages {display: none;}
/* Extra */
.lf_service{dsiplay:none;}

/* LF Pages */
div#content .lf_pages {float:left;position:relative;margin:0px;clear:both;width:500px;margin-top:10px;}
div#content .lf_pages h1 {float:left;background:#5A5C68;color:#fff;font-size:12px;text-align:left;padding:3px 6px;clear:both;width:495px;margin-top:10px;}
div#content .lf_pages h1 a{color:#fff;text-decoration:none;font-family:"arial";}
div#content .lf_pages ul {display:block;list-style-type:none;}
div#content .lf_pages li  {display:block;width:400px;float:left;margin-top:2px;margin-left:5px;background:#0068B4;text-align:left;}
div#content .lf_pages li a {display:block;color:#fff;width:100%;font-size:11px;padding:5px;text-decoration:none;font-family:"arial";}
div#content .lf_pages li a:hover {color:#fff;}
/* LF Pages */
/* Extra */


/* Search */

/* Forms */

/* Custom */

div#video {margin-left: 190px;}

div#quicklinks{float: right; width: 300px; text-align: left; padding: 5px; border: 1px solid #666666; background: #cccccc; margin-left: 10px}

div#quicklinks ul {list-style-type:none;}

div#quicklinks h1 a.lf_marker{color: #000000; font-size: 14px; text-align: center; text-decoration: none; margin-left: 100px;}


div#quicklinks ul li {padding: 3px 0px; margin:3px 0px; border: 1px solid black; background-color: #fff;}

div#quicklinks ul li a {color: #000033; margin-left: 7px; text-decoration: none; font-weight: bold;}

div#quicklinks ul li a:hover {color: red;}
/* Blog */
div#content .lf_blog {clear:left;margin-left:0px;margin-top:0px;color:#000;font-size:13px;margin-bottom:10px;font-family:"trebuchet ms";text-align:left;}
div#content .lf_blog li {list-style-type:none; margin-left: 0px;}
div#content .lf_blog h1 {color:#000066;font-size:16px;margin-top:20px;font-family:"trebuchet ms";}
div#content .lf_blog a {color:#1F9B15;}
div#content .lf_blog a:hover {color:#000066;}
div#content .lf_blog p {margin-top:10px;}

.lf_blog_category {clear:left;margin-bottom:10px;float:left;}
.lf_blog_archive {clear:left;margin-top:0px; display: none;}
.lf_blog_category li {float:left;margin-right:25px;width:200px;margin-top:10px;}


/* Menu */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;

}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
margin-left:-7px;
	position:		absolute;
z-index: 1;
	top:			-999em;
	width:			250px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			250px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			250px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	font-size: 11px;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}
.sf-menu li {
	background:		#0068B4;
}
.sf-menu li li {
	background:		#0068B4;
}
.sf-menu li li li {
	background:		#0068B4;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#224A86;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('http://content.onlineagency.com/sites/71785/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('http://content.onlineagency.com/sites/71785/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* menuVertical */
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	240px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	240px; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}