/* CSS Document */
/*-----------------------------------------------------------------------------
Style Sheet

version:   1.0
author:    Justin Brattan
company:   Fordman Systems Ltd
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

/* Class for clearing floats */
.clear {clear:both;}


/* Remove border around linked images */
img {
	border: 0;
}

body {
text-align: center; 
  min-width: 760px;
  background-color:#FFFFFF;
  font: 11px/1.5 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 10px 0 10px 0;
}

h4{
font-size:14px;}

#header {
  height: 136px;
  width:100%;
}

#mainNav {
  list-style: none;
  background-color:#eee;
}

#footer {
height:50px;
clear:both;
}

#footercolour{
background-color:#CCCCCC;
	height:15px;
	line-height:15px;
	text-align:right;
	padding:1px 10px 10px 0px;
	font-size:10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

/* The Core Technique
================================= */

#wrapper {
  width: 760px; 
  margin: 0 auto; 
  text-align: left;
  background-color: #fff; 
}


#content { 
  width: 515px;
  float: right; 
  
  text-align:justify; 
}

#primarycontent { 
  width: 235px;
  margin-right:10px; 
  float: left; 
}  

#subprimarycontent{
	width: 250px;
	
	float:left;
	padding: 0px 0px 0px 0px;
	
}

#home{
float:right;
width:515px; text-align: left;

}
#homepages{
float:right;
width:515px; text-align: left;
}

/* unique 2 pages
================================= */
#house{
margin-top:10px;
	width:100%;
	height:200px;
	text-align: left;
	background-image: url(../images/general/fordman-house.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#secondarycontent{ 
	float:right;
	width:480px; text-align: justify; }
 
 #secondarycontent p{ 
 margin-top:10px; 
 }
 

.bars{
	padding:10px; 
	height:90%;
	border: thin solid #FF0000;
	margin-bottom:10px;}

.electronicrelease {
	background-image: url(../images/bars/barcode.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height:25px;
	line-height:25px;
	padding-left:60px;
	text-decoration: none;}
.electricsml{
width:300px;
display:block;
color:#003399;
font-size:10px;
margin-left:60px;
}
.electricindent{
font-weight:600;
font-size:12px;
margin-left:60px;
}
#subcontainer{

 /* =right instead of left for ie mac fix------------*/
background-image: url(../images/backdrops/grey.gif);
	background-repeat: repeat-x;
	background-position: top;
	width: 505px;
	height:200px;
	
	margin-bottom:10px;
	padding-top: 20px;
}

.subcontent1 {
	width: 235px;
	float:left;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #C0C0C0;
	
}
.subcontent1 p{
padding-right:10px;
}
.subcontent2 {

	width: 235px;
	float:right;
}
.auditcontent1 {
padding-left:30px;
	width: 200px;
	float:left;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #C0C0C0;
	
}
.auditcontent2 {
padding-left:30px;
	width: 200px;
	float:left;
}

object {
	padding: 0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}

#home .container img{float:left;padding-right:10px; margin:0px;}
#home .container p{ width:340px;}
.container {width: 100%;}
.container img{float:right; margin-top:10px;}
.container object{float:left;padding-right:10px;}
.container p{
float:left;
color:#000000;
font-size:11px;
text-align:justify;
width: 320px;
margin:0;
}


.box {width: 100%;}
.box img{float:left;padding-right:10px;}

.box p{
float:left;
color:#000000;
font-size:11px;
text-align:justify;
width: 150px;
margin:0;
}
#popular a {
display:block;
	text-decoration: none;
	font-size:10px;
	color:#666666;
	line-height:20px;
	text-indent: 20px;
	background-image:url(../images/logos/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
	margin:0px;
	height:20px;
}

#popular a:hover, #popular a:active{
	color:#333333;
	text-decoration:underline;
}

.news p {
  float: left;
	width: 350px;
	margin: 0;
	text-align:left;
}

/* The links
================================= */

.mainnav a{
text-align:left;
display: block;
  width: 235px;
  height: 45px;
  line-height: 45px;
  text-decoration: none;
  font-size:15px;
 text-indent: 60px;
 color: #000;
}
a:link, a:visited {
 }
a.home:link, a.home:visited 
{background:  url(../images/submenu/housemenu.gif) no-repeat left top;}
a.about:link, a.about:visited
{background:  url(../images/submenu/aboutmenu.gif) no-repeat left top;}
a.solutions:link, a.solutions:visited
{background:  url(../images/submenu/solutionsmenu.gif) no-repeat left top;}
a.contact:link, a.contact:visited
{background: url(../images/submenu/contactmenu.gif) no-repeat left top;}
a.registered:link, a.registered:visited
{background:  url(../images/submenu/registeredmenu.gif) no-repeat left top;}



a.home:hover, a.about:hover, a.solutions:hover, a.contact:hover, a.registered:hover {
background-position: right top;color:#000066;}
a.home:active, a.about:active, a.solutions:active, a.contact:active, a.registered:active {
display: block;width: 235px;height: 45px;line-height: 45px;text-decoration: none; font-size:15px;
 text-indent: 60px; color:#000066;}
 
 a.tophome:link, a.tophome:visited 
{float:left;display: inline; width: 45px; height: 45px;line-height: 45px;background:  url(../images/topnav/tophouse.gif) no-repeat left top;}
a.topabout:link, a.topabout:visited
{float:left;display: inline;width: 45px; height: 45px;background:  url(../images/topnav/topabout.gif) no-repeat left top;}
a.topsolutions:link, a.topsolutions:visited
{float:left;display: inline;width: 45px; height: 45px;background:  url(../images/topnav/topsolutions.gif) no-repeat left top;}
a.topcontact:link, a.topcontact:visited
{float:left;display: inline;width: 45px; height: 45px;background: url(../images/topnav/topcontact.gif) no-repeat left top;}
a.topregistered:link, a.topregistered:visited
{float:left;display: inline; width: 45px; height: 45px;background:  url(../images/topnav/topregistered.gif) no-repeat left top;}
a.tophome:hover, a.topabout:hover, a.topsolutions:hover, a.topcontact:hover, a.topregistered:hover {
float:left;display: inline; width: 45px; height: 45px; background-position: right top;}

a.tophome:active, a.topabout:active, a.topsolutions:active, a.topcontact:active, a.topregistered:active {
float:left;display: inline; width: 45px;height: 45px;line-height: 45px;}

 a.read:link, a.read:visited {
	display:block;
	padding-right:10px;
	height:30px;
	line-height:30px;
	float:right;
	width:90px;
	color:#027ABB;
	background-image:url(../images/logos/readmore.gif);
	text-decoration: none;
	font-size:10px;
	font-weight:bold;
	text-indent:0px;
	background-repeat: no-repeat;
	background-position: left center;
	text-align:right;
}
a.read:hover, a.read:active {
text-decoration: none;
color:#000033;
}

a.pdf:link, a.pdf:visited, a.pdf:active {
display: block;
text-decoration: none;
	line-height:30px;
	font-size:12px;
	height:30px;
	text-indent:20px;
	background-image: url(../images/icons/file_acrobat.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color:#333333;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #C0C0C0;
}
a.pdf:hover {
color:#FF0000;
}
a.pdflink:link, a.pdflink:visited, a.pdflink:active{
font-size:11px;
color:#333333;
}
a.pdflink:hover {
color:#FF0000;
}

 .modbars{
 color:#FF0000;
 font-size:14px;
 font-weight:normal;
 }
 .modbold{
	color:#000000;
	font-weight:600;
	font-size:12px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #C0C0C0;
	background-image: url(../images/icons/tick.gif);
	background-repeat: no-repeat;
	background-position: right center;
 }
 
 /* =Icons - for titles/links
-----------------------------------------------------------------------------*/
 .tel {
 margin-bottom:5px;
	font-size:11px;
	font-style: normal;
	font-weight:400;
	padding-left: 20px;
	background-image: url(../images/icons/telephone.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
 .fax {
 margin-bottom:5px;
	font-size:11px;
	font-style: normal;
	font-weight:400;
	padding-left: 20px;
	background-image: url(../images/icons/fax.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
 .email { margin-bottom:5px; font-size:11px; font-style: normal;
		font-weight:400; padding-left: 20px; background-image: url(../images/icons/email_open.gif);
		background-position: left center;background-repeat: no-repeat;}
 .flag { margin-bottom:5px; font-size:11px; font-style: normal;
		font-weight:400; padding-left: 20px; background-image: url(../images/icons/flag_red.gif);
		background-position: left center;background-repeat: no-repeat;}
.register { margin-bottom:5px; font-size:11px; font-style: normal;
		font-weight:400; padding-left: 20px; background-image: url(../images/icons/want_user.gif);
		background-position: left center;background-repeat: no-repeat;}
		
/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

#homeform{
background-color:#000066;
margin:0px 0px 0px 0px;
padding:10px 10px;
color:#FFFFFF;
width:202px;

float:left;
text-align:left;

}
#loginform{
background-color:#D9E2FF;
margin:0px 0px 20px 0px;
padding:2px 10px;
color:#000000;
width:400px;
float:left;
}
#loginform legend{
color:#000000;
}
.text {font-size:10px;}

fieldset {
  margin: 1em 0; /*  space out the fieldsets a little*/
  padding: 1em;
  border : 1px solid #ccc;
}

/* legend styling */
legend {
  font-weight: bold;
  color:#FFFFFF;
}


/* style for  labels */
label {
  display: block;
}

/* style for required labels */
label .required {
  font-size: 0.75em;
  color:#760000;
}

input {
  width: 130px;
}


input.radio, input.submit {
  width: auto;
}

/* style form elements on focus */
input:focus, textarea:focus {
  background: #ffc;
}

input.radio {
  float: left;
  margin-right: 1em;
}

textarea {
  width: 130px;
  height: 100px;
}

/* Hack to make sure the floated radio buttons
   sit next to the labels correctly in IE/Mac*/

/* This is the style I want IE/Mac to see */
input.radio + label {
  text-indent: 2em;
}

/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
  text-indent: 0;
}

/* End the hack */

/* =Tables
-----------------------------------------------------------------------------*/
#barstable{
	background-image: url(../../fordman-final-06/images/general/operation.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height:100%;
	width:100%;
}
table {
  border-collapse: collapse;
  border: 1px solid #666;
}

caption {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}

col {border-right: 1px solid #ccc;}

col#albumCol {border: none;}

thead {
  background: #ccc url(../images/tables/bar.gif) repeat-x left center;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}

th {
  font-weight: normal;
  font-size:12px;
  text-align: left;
}


th, td {
font-size:12px;
  padding: 0.2em 1em;
  border-right: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}

.odd {background-color:#edf5ff;}

tr:hover {background-color:#3d80df; color: #fff;}

thead tr:hover {background-color: transparent; color: inherit;}



/* =Misc 1
-----------------------------------------------------------------------------*/



/* =Misc 2
-----------------------------------------------------------------------------*/