/* 

Document:				layout.css
Last edited by:			Steven Fenwick
Documentation:			legal-info-tech.com
Notes:					Specific file for re-skin

CSS used in this file is for layout, typography and colour:
-----------------------------------------------------------------

/*	1.	Global reset and site defaults	*/
		
* {
	margin: 0;
	padding: 0;
	}

html, body {	/* required for 100% height container div */
	height: 100%;
	}

body {
	background: url(img/body_bgrd.gif) 50% 0%  #fff;
	overflow: -moz-scrollbars-vertical !important; /* removes mozilla scrollbars when not required */
	color: #000;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 78%;
	}

h1, h2, h3 {
	margin: 0;
	color: #000;
	}
	
h1 {
	width: 430px;
	height: 42px;
	}	

h1#main {
	background:transparent url(img/h1_legal_info_tech.gif) top left no-repeat scroll;
	margin-top: 43px;
	}
h1#about {
	background:transparent url(img/h1_about.gif) top left no-repeat scroll;
	}
h1#ourservices {
	background:transparent url(img/h1_our_services.gif) top left no-repeat scroll;
	}
h1#casestudies {
	background:transparent url(img/h1_case_studies.gif) top left no-repeat scroll;
	height: 68px;
	}
h1#casestudies {
	background:transparent url(img/h1_case_studies.gif) top left no-repeat scroll;
	height: 68px;
	}
h1#contactus {
	background:transparent url(img/h1_contact.gif) top left no-repeat scroll;
	}
h1#objective_coding {
	background:transparent url(img/h1_objective_coding.gif) top left no-repeat scroll;
	width: 483px;
	height: 68px;
	}
h1#data {
	background:transparent url(img/h1_data.gif) top left no-repeat scroll;
	width: 483px;
	height: 68px;
	}
h1#compass {
	background:transparent url(img/h1_compass.gif) top left no-repeat scroll;
	width: 483px;
	height: 68px;
	}
h1#digital {
	background:transparent url(img/h1_digital.gif) top left no-repeat scroll;
	width: 491px;
	}
h1#edisclosure {
	background:transparent url(img/h1_electronic.gif) top left no-repeat scroll;
	width: 491px;
	height: 68px;
	}
h1#legal {
	background:transparent url(img/h1_legal.gif) top left no-repeat scroll;
	width: 491px;
	}

p {
	color: #444;
	line-height: 18px;
	margin-bottom: 14px;
	}

img {
	border: none;
	}

img.hidden {
	display: none;
	}

#container a {
	cursor: pointer;
	color: #444;
	text-decoration: none;
	}

#container a:hover {
	text-decoration: underline;
	}

acronym {
	cursor: help;
	border-bottom: 1px dotted;
	}

fieldset {
	border: none;
	}

legend {
	margin-left: -7px; /* for ie 6 and 7 */
	}

html:not([dummy]) legend {
	margin-left: 0;	/* reset for ff and safari as */
	}

input, textarea {
	font-size: 9px;
	}

select {
	width: 146px;
	color: #2E4557;
	font-weight: bold;
	}

.replace {
	text-indent: -9000px;
	font-size: 0.1em;
	}

div {
	color: #eee;
	font-size: 1.1em;
	padding: 0;
	margin: 0;
	}

ul {
	list-style: none;
	}

/*	2.	Image rollover - extends image replacement and identical across all brands */
	
.rollover:hover, .rollover_current {
	background-position: bottom left !important;
	}
	

/* 	3.	Standard clear fix - clear the container div in the absence of a child clearing div */
			
.clear_fix:after, #container:after, #header:after, #wrapper:after, #main_section:after{	/* gecko browsers */
	content: ".";
	display: block;
	height: 0 !important;
	clear: both;
	text-indent: -9000px;
	}

 /* ie7 (http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/) */
.clear_fix, .prodlistwrapper, #container {
	overflow: hidden;
	}

* html .clear_fix, * html .prodlistwrapper { /* ie6 */
	height: 1%;
	overflow: visible;
	}
				
/* ff and safari - ignored by all ie browsers (http://www.ceprix.net/archives/css-filter-for-ie7/) */
html:not([dummy]) .clear_fix {
	 padding-bottom: 0 !important; /* reset ie7 padding */
	}
	
/*	2.	Container  */

#wrapper {
	width: 920px;
	margin: 0 auto;
	}

#header {
	background: #fff;
	width: 864px;
	height: auto;
	margin: 0;
	padding: 60px 28px 0 28px;
	}

#header h1 {
	background: url(img/header.gif) top left no-repeat;
	color: #8F9090;
	font-weight: normal;
	float: right;
	width: 312px;
	height: 55px;
	overflow: hidden;
	margin-right: 12px !important;
	margin-right: 6px;
	}

#header h2 a {
	background: url(img/logo.gif) top left no-repeat;
	display: block;
	float: left;
	width: 198px;
	height: 110px;
	margin: -10px 0 0 0;
	overflow: hidden;
	}

#top_nav {
	float: left;
	display: inline;
	margin: 15px 0 0 0;
	height: 39px;
	width: 660px;
	list-style: none;
	height: 30px;
	background: url(img/top_nav_border_bgrd.gif) bottom left no-repeat;
	}
*html #top_nav {margin-left: -3px;}

#top_nav li {
	float: left;
	margin-right: 9px;
	text-transform: lowercase;
	}

#top_nav li a {
	display: block;
	width: 123px;
	height: 21px;
	color: #000;
	font-weight: bold;
	font-size: 0.9em;
	padding: 7px 0 0 0;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	}

#top_nav li a#home {
	background: url(img/top_nav_bgrd_home.gif) top left no-repeat;
	}
#top_nav li a#about {
	background: url(img/top_nav_bgrd_about.gif) top left no-repeat;
	}
#top_nav li a#our_services {
	background: url(img/top_nav_bgrd_services.gif) top left no-repeat;
	}
#top_nav li a#case_studies {
	background: url(img/top_nav_bgrd_case_studies.gif) top left no-repeat;
	}
#top_nav li a#contact_us {
	background: url(img/top_nav_bgrd_contact.gif) top left no-repeat;
	}
	
#container {
	width: 920px;
	min-height: 500px;
	margin: 0 auto;
	background: #fff;
	}

#content {
	background: #fff;
	padding: 16px 0 0 10px;
	}

#content span {
	font-weight: bold;
	color: #008ac3;
	}

#main_section {
	min-height: 390px;
	color: #000;
	}

* html #main_section {
	height: 390px;
	}

#main_section p#bread_crumb {
	color: #000;
	font-weight: bold;
	text-transform: lowercase;
	}

#main_section p#bread_crumb a {
	text-decoration: underline;
	font-weight: normal;
	}

#main_section p#bread_crumb span {	
	color: #000;
	font-weight: normal;
	}

#main_section p  {
	color: #000 !important;
	font-size: 0.7em;
	font-weight: normal;
	margin: 14px 0;
	width: 570px;
	padding-left: 3px;
	}

#main_section p a {	
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	}

#main_section ul  {
	color: #000 !important;
	font-size: 0.7em;
	font-weight: normal;
	margin: 0 0 0 18px;
	list-style: disc;
	}

#main_section li  {
	margin: 10px 0;
	}

#main_section_left {
	float: left;
	display: inline;
	width: 574px;
	padding: 0 32px;
	}

#main_section_left span#italic {
	font-size: 0.7em;
	font-weight: normal;
	font-style: italic;
	color: #000;
	}


#main_section_left h2 {
	margin-top: 10px;
	font-size: 0.9em;
	padding-left: 4px;
	}

#main_section_left p#contact_para {
	background: url(img/contact_us.png) 8px 7px no-repeat #FFFFDD;
	padding: 14px 0 11px 47px;
	border: 1px solid #F3F3C0;
	color: #444;
	}

#main_section_left p#contact_para a {
	background: transparent url(img/link.gif) repeat-x scroll left bottom;
	padding-bottom: 1px;
	}
	
#inner_left, #inner_right {
	float: left;
	display: inline;
	width: 266px;
	height: 494px;
	}	

#inner_left ul, #inner_right ul {
	padding: 0;
	margin: 0;
	}	

#inner_left li, #inner_right li {
	background: url(img/reverse_bullet.gif) 0 0 no-repeat;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding-left: 30px;
	margin: 0 0 14px -2px;
	width: 261px;
	min-height: 40px;
	}
	
* html #inner_left li, * html #inner_right li {
	height: 40px;
	}

#inner_left h3, #inner_right h3 {
	color: #000;
	font-size: 0.8em;
	padding: 6px 0 0 5px;
	}

#inner_left ul.lists , #inner_right ul.lists {
	margin: 12px 0 0 0 !important;
	margin: 6px 0 0 0;
	}

#inner_left ul.lists li, #inner_right ul.lists li {
	background: none;
	width: 270px;
	color: #000;
	padding: 0 !important;
	margin: 0 0 0 19px !important;
	list-style: disc;
	font-size: 0.9em;
	}
* html #inner_left ul.lists li, * html #inner_right ul.lists li {height: 0 !important;}

#inner_left ul.lists #tall {
	width: 291px;
	}

#inner_right {
	float: right;
	}	

#inner_left li span, #inner_right li span, #inner_left li a, #inner_right li a {
	text-decoration: underline;
	font-weight: normal;
	color: #000;
	}	

#inner_left li a:hover, #inner_right li a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #008ac4;
	}	

#main_section_right {
	float: left;
	display: inline;
	width: 231px;
	height: 70px;
	}

#main_section_right_notes {
	background: transparent url(img/main_section_right.gif) 0 9px no-repeat;
	float: left;
	display: inline;
	width: 236px;
	height: 370px;
	margin: 87px 0 0 0px;
	padding: 18px 16px 0 16px;
	}
	
#main_section_right_notes a {
	color: #000 !important;
	}

#main_section_right.long_right {
	height: 400px;
	}	

#main_section_right.long_right ul#top_right {
	height: 250px;
	}	

#main_section_right.long_right ul#top_right li#current span {
	color: #008ac3;
	}	

#main_section_right.long_right ul#top_right li span, #main_section_right.long_right ul#top_right li a {
	background: url(img/reverse_bullet.gif) 0 0 no-repeat;
	display: block;
	width: 240px;
	font-weight: normal;
	text-decoration: underline;
	color: #000;
	font-size: 1.0em;
	padding-left: 28px;
	margin-left: -31px;
	height: 29px;
	}	

#main_section_right.long_right #main_section_right_notes {
	margin-top: 0 !important;
	}	
	
#main_section_right.long_right h3 {
	color: #000;
	margin-top: 54px;
	}	

#main_section_right_notes.fixed {
	background: transparent url(img/main_section_right_fixed.gif) 0 9px no-repeat !important;
	}	
	
#main_section_right_notes.fixed h3 {
	margin-top: 22px;
	color: #008ac3;
	}	

h3, #main_section_right h3 {
	display: block;
	font-size: 0.8em;
	font-weight: bolder !important;
	color: #008ac3;
	width: 174px;
	line-height: 1.1em;
	padding-top: 3px;
	}

#main_section_right ul {
	width: 166px;
	height: 324px;
	margin: 0;
	font-size: 0.7em;
	}

#main_section_right li {
	background: url(img/special_bullet.gif) -1px 2px no-repeat;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding-left: 28px;
	width: 160px;
	line-height: 1.15em;
	}
	
#main_section_right li#bullet_footer {
	background: url(img/special_bullet_footer.gif) 0 0 no-repeat;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	width: 171px;
	height: 250px;
	position: relative; 
	margin: 10px 0 0 -16px !important;
	padding: 0 29px 0 42px;
	}
	
*:first-child+html #main_section_right ul#short li#bullet_footer {
	height: 170px;
	}

	
#main_section_right li a {
	text-decoration: underline;
	}

#main_section_right li a:hover {
	color: #009dcf;
	}

#footer {
	background: transparent url(img/footer.gif) top left;
	width: 920px;
	height: 545px;
	font-size: 0.9em;
	margin: 0 auto;
	color: #fff;
	}

#footer ul {
	float: left;
	}

#footer li {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	color: #E61000;
	}

#footer li a {
	padding-left: 4px;
	color: #444;
	}

#footer li a:hover {
	color: #E61000;
	text-decoration: none;
	}

#footer ul#right {
	float: right;
	}

#footer ul #top {
	padding-right: 12px;
	background: url(img/top.gif) 28px 3px no-repeat;
	}