/* CSS Document */

/* slightly enhanced, universal clearfix hack */ 
.clearfix:after {
clear:both;
content:" ";
display:block;
font-size:0;
height:0;
visibility:hidden;
}

.clearfix {
display:inline;
}

* html .clearfix {
height:1%;
}

.clearfix {
display:block;
}

html {
font-size:100%;
}

body {
color:#333333;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1em;
margin:0;
padding:0;
text-align:center;
}

img {
border:0 none;
}

h1 {
color:#666666;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:2.5em;
line-height:1.4em;
padding:0.7em 0 0.7em 0 ;
margin:0;
text-align: left;
}

h2 {
color:#999999;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:2em;
line-height:1.4em;
padding:0  0 0.7em 0;
margin:0;
text-align: left;
}

h3 {
color:#999999;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.2em;
line-height:1.4em;
padding:0 0 0.7em 0;
margin:0;
text-align: left;
}

ul {
font-size:0.9em;
line-height:1.3em;
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin:0;
padding-bottom:0.8em;
}

a {
color:#666666;
text-decoration: none;
}

a:hover {
color: #FF9933;
text-decoration: underline;
}

p {
color:#666666;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:0.819em;
line-height:1.5em;
margin:0;
padding-bottom:1em;
text-align:left;
text-indent:0;
}

/*----------------------------------------------------------------------------*/

#container {
background-image:url(../assets/gfx-background.jpg);
background-position:left top;
background-repeat:repeat-x;
margin-left:auto;
margin-right:auto;
padding:0;
width:100%;
}

#inner-container {
margin-left:auto;
margin-right:auto;
padding:0;
width:960px;
}

#content-container {
background-image:url(../assets/gfx-background-content.jpg);
background-position:left top;
background-repeat:repeat-x;
margin-left:auto;
margin-right:auto;
padding:0;
width:100%;
}

/*--------------------------------headers--------------------------------------------*/

#header-container {
height:198px;
margin:0 auto;
padding:0 0 2px;
width:960px;
}

#header-container-content {
margin:0 auto;
padding:0 0 2px 0;
width:960px;

}

#logo-home {
background-image:url(../assets/gfx-home-logo.gif);
background-position:left top;
background-repeat:no-repeat;
float:left;
height:160px;
width:243px;
}

#logo-content {
background-image:url(../assets/gfx-content-logo.gif);
background-position:left top;
background-repeat:no-repeat;
padding: 0 0 18px 0;
float:left;
height:134px;
width:190px;
}

#header-home {
background-image:url(../assets/gfx-home-header-image.jpg);
background-position:left top;
background-repeat:no-repeat;
height:249px;
margin:0 auto;
padding:1px 0 0;
width:960px;
}

#header-content-pages {
background-image:url(../assets/gfx-header-image.jpg);
background-position:left top;
background-repeat:no-repeat;
height:154px;
width:750px;
margin:0;
padding:0;
float: left;

}

#text-container-header {
color:#FFFFFF;
float:left;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:2em;
line-height:1.4em;
margin:0;
padding:10px 0 0;
text-align:left;
width:400px;
}

/*----------------------------------------links------------------------------------*/


#links-container {
float:left;
height:36px;
margin:0;
padding:5px 0 0;
width:960px;

}

#links-container ul {
height:100%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#links-container li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#links-container li a:link, #links-container li a:visited {
color:#FFFFFF;
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:4px 4px 0 0;
text-decoration:none;
}

#links-container li a:hover, #links-container li a:active {
color:#FF9933;
display:block;
text-decoration:none;
}

.dividers {
color:#333333;
}



/*------------------------------homepage content----------------------------------------------*/

#column-left {
background-image:url(../assets/gfx-home-pic-left.jpg);
background-position:center bottom;
background-repeat:no-repeat;
color:#666666;
float:left;
font-size:0.8em;
height:190px;
line-height:1.4em;
margin-right:30px;
padding:20px 0 0;
text-align:left;
width:300px;
}

#column-centre {
background-image:url(../assets/gfx-home-pic-centre.jpg);
background-position:center bottom;
background-repeat:no-repeat;
color:#666666;
float:left;
font-size:0.8em;
height:190px;
line-height:1.4em;
margin-right:30px;
padding:20px 0 0;
text-align:left;
width:300px;
}

#column-right {
background-image:url(../assets/gfx-home-pic-right.jpg);
background-position:center bottom;
background-repeat:no-repeat;
color:#666666;
float:left;
font-size:0.8em;
height:190px;
line-height:1.4em;
margin:0;
padding:20px 0 0;
text-align:left;
width:300px;
}

/*-------------------------------content pages---------------------------------------------*/


#text-container {
background-color:#ffffff;
float:left;
margin:0;
padding:0;
text-align:left;
width:600px;

}

/*-------------------------------product pages---------------------------------------------*/



#flash-area {
width:960px;
margin: 0;
padding:0;


}

#content-panel{
width:960px;
padding:0;
margin:0;

}

#content-column-1{
width:180px;
float:left;
}


#content-column-1 p{
font-size:0.8em;
line-height:1.5em;
}
#content-column-1 p, #content-column-3 p{
color:#666666;
}

#content-column-2{
width:500px;
padding-top: 40px;
float:left;

}
#content-column-2 img{
margin-left:auto;
margin-right:auto;


}


#content-column-3{
width:275px;
float:left;
padding-bottom:30px;

}
#content-column-3 img{
margin-top:1em;
border:1px solid #CCCCCC;
float:left;
cursor:pointer;


}

.content-image-spacer{
width:20px;
height:20px;
float:left;
}



/*------------------------------------footer----------------------------------------*/

.footer-line {
border-bottom:1px dotted #999999;
float:left;
width:960px;
}
#footer-container-inner {
float:left;
font-size:0.8em;
margin-left:auto;
margin-right:auto;
padding:30px 0 0;
width:900px;
}
#footer-text {
color:#666666;
float:left;
margin:0;
padding:20px 0 0;
width:960px;
}
#footer-text a, #footer-text a:visited {
color:#666666;
text-decoration:none;
}
#footer-text a:hover, #footer-text a:active {
color:#CC0000;
text-decoration:none;
}
.komodo {
float:right;
margin-bottom:20px;
}
.copyright {
float:left;
}