html, body { height:100%; overflow: auto;}

body {
font:12px/18px "Century Gothic", Arial, Helvetica, sans-serif;
background:#454545;
margin:0;
padding:0;
}

a, a:link, a:visited { color:#555; text-decoration:none;}

a:hover { color:#CC6600; text-decoration:none;}

img { border:none;}

img, div { behavior: url("iepngfix.htc") }

#wrap {
position:absolute;
width:928px;
height:616px;
left:50%;
top:50%;
margin-left:-464px;
margin-top:-308px;
text-align:center;
background:transparent url(images/bg.jpg) no-repeat center top;
}

#top {
width:928px;
height:83px;
background:transparent url(images/bg_top.jpg) no-repeat center top;
}

#content {
width:900px;
height:450px;
background:transparent url(images/bg_content.jpg) no-repeat center top;
}

#left {
float:left;
width:450px;
height:450px;
}

#right {
float:right;
width:450px;
height:450px;
}

#footer {
width:928px;
height:83px;
background:transparent url(images/bg_footer.jpg) no-repeat center top;
}

#footer p {
color:#CCC;
font-size:10px;
margin:0;
padding:20px 0px 0px;
}

#footer a { color:#CCC;}

#footer a:hover { color:#FFF;}

#nav-wrap {
width:450px;
height:70px;
background:transparent url(images/bg_menu.jpg) no-repeat left top;
}

#nav-wrap-home {
width:450px;
height:70px;
background:transparent url(images/bg_menu_home.jpg) no-repeat left top;
}

ul#nav {
padding:0;
margin:0 auto;
width:293px;
height:58px;
}
ul#nav li {
padding:0;
display:block;
float:left;
text-indent:-9999px;	
}
ul#nav li a {
border:0;
display:block;
text-decoration:none;
overflow:hidden;
background:transparent url(images/menu.jpg) no-repeat;
}
li#home a {width:55px; height:58px;}
li#about a {width:63px; height:58px;}
li#products a {width:93px; height:58px;}	 
li#contact a {width:82px; height:58px;}
li#home a:hover, li#home a:focus {background-position:0px -58px;}
li#about a:link, li#about a:visited {background-position:-55px 0px;}
li#about a:hover, li#about a:focus {background-position:-55px -58px;}
li#products a:link, li#products a:visited {background-position:-118px 0px;}
li#products a:hover, li#products a:focus {background-position:-118px -58px;}
li#contact a:link, li#contact a:visited {background-position:-211px 0px;}
li#contact a:hover, li#contact a:focus {background-position:-211px -58px;}

/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#about-page ul#nav li#about a {background-position:-55px -58px;}
body#products-page ul#nav li#products a {background-position:-118px -58px;}
body#contact-page ul#nav li#contact a {background-position:-211px -58px;}

.navigation {
width:450px;
height:33px;
background:transparent url(images/bg_slider.gif) no-repeat left top;
text-align:left;
}

.navigation p {
	padding-left:7px;
	line-height:33px;
	margin: 0px;
}

.navigation a {
font-size:16px;
color:#666;
padding:7px 12px;
text-decoration:none;
border-right:1px solid #777;
}

.navigation a:hover { background:#666; color:#CCC;}

.navigation a.navcurrent { background:#777; color:#CCC;}

.navigation a:focus { outline:none;}

.content {
width:450px;
text-align:left;
}

.content p { margin:0; padding:20px 20px 0;}

.heading {
height:33px;
margin:0;
padding:0;
background:transparent url(images/bg_slider.gif) no-repeat left top;
text-align:left;
}

.heading p {
margin:0;
padding:7px 0 0 20px;
font-size:16px;
}

.maintext { margin-top:117px;}

.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.alignright { float:right;}

.alignleft { float:left}

#imageContainer { width:450px; height:450px;}

#imageContainer img {
display:none;
position:absolute;
left:14px;
}

.thumbnail-wrap {
width:450px;
padding:30px 0px 0px;
}

.thumbnail {
float:left;
width:125px;
height:125px;
margin:12px 0px 0px 12px;
padding:0px;
}

.clearboth { clear:both; }

/*form*/
.form{ padding-top: 20px;}
.form input{ height:18px; width:190px;}
.form textarea{ overflow:auto; display:block; height:150px; width:190px; margin-bottom:5px;}
.form textarea, .form input{
border:1px solid #666666;
color:#555;
font-size:1em;
font-family:Arial;
padding-left:4px;
background:#CCC;
}
.form-link{ margin-left:100px; margin-right:14px;}
.row-box-1{
width:200px;
float:left;
padding-left:20px;
}
.row-box-2{
width:200px;
float:right;
padding-right:13px;
}
.indent-form{ height:30px;}
.link-1{ color:#555; background:transparent url(images/link-1.gif) center left no-repeat; padding:0 0 0 9px;}
.indent-top{ display:block; margin-top:30px;}