/* CSS Document @import (anteonuk.css) */

/*.............................. Start of Struture ...............................*/

* {margin:0;
padding:0}

body {margin:0;
padding:0;
font: normal 1em arial, tahoma, sans-serif;
color: #000;
background: #fff;
text-align:center}

#container {width:100%;
background-color: #fff;
text-align:left;
margin:0;
padding:0}

#header {
height:100px;
margin:0;
padding:0;
background: #fff url(images/headerbkdrop.gif) repeat-x 0 0;
overflow:hidden;}

#navigation {width: 191px;
background: #fff url(images/08left-banner.jpg) repeat-x 0 0;
float:left;
margin:0;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 10px 5px;
voice-family: "\"}\"";
voice-family:inherit;
width:180px}

body>#navigation {width:180px}

#content {position:relative;
margin: 0 0 0 191px;
padding: 10px}

#footer {clear:left;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
margin:0;
padding:10px;
text-align: center;
font-size: .8em;
line-height: .8em;
color: rgb(51,51,152)}

/*........................ End of Structure .....................................*/

/*...................... Essential Items ....................................*/

p {margin-top: 0}


h1, h2, h3, h4 {color: rgb(51,51,152);
margin-top:0;}

h1 {font-size: 1.6em;
margin-bottom: 20px;}
h2 {font-size: 1.4em}
h3 {font-size: 1.2em}
h4 {font-size: 1em}

a {text-decoration: underline;
font-weight: bold}
a:link, a:visited {color: rgb(51,51,152)}
a:hover, a:active {color: rgb(101,101,202);
text-decoration:none}

em {color: rgb(51,51,152)}

img, img a {border:none;
padding:0;
margin:0;}

/*............... images to be positioned ...............................*/

.center {text-align: center;
padding: 20px 5px}

.floatright {float:right;
margin: 0 -10px 0 0}

.loosefloat {float:right;
margin: 10px;
padding: 10px;
border-style: none}

.loosefloat a {border-style: none}

/*.......................... end of centered .............................*/

/*......................... start of navigation specific ......................*/

#navigation h2 {padding: 0 5px 10px;
margin: 0 -5px 10px;
border-bottom: 1px solid #666666}

#navigation p {line-height: 1.5em}

#navigation ul {list-style-type: square;
color: rgb(51,51,152);
margin: 5px 0}

#navigation li {margin: 5px 0 0 25px}

#navigation a {font-weight: bold}

#navigation a:hover {background-color: rgb(51,51,152);
color: #fff}
#navigation a:active {background-color: rgb(51,51,152);
color: #fff}

/*......................... end of navigation specific ......................*/

/* .......................start of content elements ........................*/

#content ul {list-style-type: square;
margin: 5px 0 5px 10px}

#content li {margin: 5px 0 0 25px}

#content h3 {color: #000;
font-weight: normal}

#content h4 {font-weight: normal}

/*....................... start of style selectors ...........................*/

.producttitle {color: rgb(51,51,152);
font-weight: bold}

.clear {text-decoration:none;}

p.contact {font-size: .9em !important;
line-height: 1.2em !important;
font-weight: normal !important;}

a.contact {font-size: .9em !important;
line-height: 1.1em !important;
font-weight: normal !important;
background: transparent !important;}

a.contact:hover {color: rgb(101,101,202) !important}

.smalltext {padding:0;
margin:0;
text-align:left;
font-size: .7em;
color: #000000;}

/*....................... end of style selectors ...........................*/

