@charset "utf-8";
/* CSS Document */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 780px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 145px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
}

img{	
border-style:none;
}
.arrange 
{
	margin-right:10px;
	height:15px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top:4px;
}
.arrange a{
	margin-left:20px;
	text-decoration:none;
}
.arrange a:hover{
	text-decoration:underline;
}
.current a{
	color:#06C;
}
.inactive a{
	color:#000;
}
.button_container 
{
	margin-right:10px;
	height:15px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top:4px;
}

#content {
	float:right;
	display:block;
	margin-right:10px;
}
#first a {
	float:right;
	display:block;
	width:12px;
	height:12px;
	background: url("http://www.aqcpaint.com/images/new/job-record/pagination-arrows-first.gif") 0 0 no-repeat;
	text-decoration: none;
	margin-right:10px;
	margin-top:2px;
}
#first a:hover{
	background-position:0px -15px;
}
#first a:active{
	background-position:0px -30px;
}
#prev a {
	float:right;
	display:block;
	width:12px;
	height:12px;
	background: url("http://www.aqcpaint.com/images/new/job-record/pagination-arrows-prev.gif") 0 0 no-repeat;
	text-decoration: none;
	margin-right:10px;
	margin-top:2px;
}
#prev a:hover{
	background-position:0px -15px;
}
#prev a:active{
	background-position:0px -30px;
}
#next a {
	float:right;
	display:block;
	width:12px;
	height:12px;
	background: url("http://www.aqcpaint.com/images/new/job-record/pagination-arrows-next.gif") 0 0 no-repeat;
	text-decoration: none;
	margin-top:2px;
}
#next a:hover{
	background-position:0px -15px;
}
#next a:active{
	background-position:0px -30px;
}
.container{
	width:800;
	height:400;
	float:left;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	/*background-image: url(../images/new/background.gif);
	background-repeat:repeat-x;*/
	padding-top:0px;
	margin-top:0px;
}
.style12 {color: #FFFFFF; font-size: 14px; }
.style13 {font-size: 10px}
.style15 {font-size: 14px}
.style16 {
	font-size: 16px;
	font-weight: bold;
}
.style17 {font-size: 12px}
A:link.style12 {
	text-decoration: none;
	color: #FFFFFF;
	background-attachment: fixed;
	background-image: url(http://www.aqcpaint.com/images/new/button.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
A:visited.style12 {
	text-decoration: none;
	color: #FFFFFF;
}
A:hover.style12 {
	text-decoration: underline;
	color: #FFFFFF;
}
A:link.underOnHover {
	text-decoration: none;
	color: #000000;
}
A:visited.underOnHover {
	text-decoration: none;
	color: #000000;
}
A:hover.underOnHover {
	text-decoration: underline;
	color: #000000;
}

.style18 {
	font-size: 14px
}
.style19 {font-size: 24px}
.style20 {font-size: 9px}
.style21 {font-size: 36px}
.style22 {
	color: #FF0000;
	font-weight: bold;
}
.style23 {
	color: #0000FF;
	font-weight: bold;
}

.captions {
	font-size: 12px;
	font-weight:normal;
}.pagingBtn {
	font: normal 12px Arial, Helvetica, sans-serif;
}


#navcontainer_entrance
{
	padding-left: 0;
	margin-left: 0;
	margin-top: 0;	
	margin-bottom: 0;
	background-color: #333;
	color: White;
	float: left;
	width: 845px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;overflow:hidden;

}
#navcontainer_entrance ul
{
	padding-left: 0;
	margin-left: 0;
	margin-top: 0;	
	margin-bottom: 0;
	background-color: #333;
	color: White;
	float: left;
	width: 845px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;overflow:hidden;

}

#navcontainer_entrance ul li { display: inline; }

#navcontainer_entrance ul li a
{
padding: 8px;
background-color: #333;
color: White;
text-decoration: none;
float: left;
}

#navcontainer_entrance ul li a:hover
{
background-color: #CCC;
color: #333;
}

#navcontainer_entrance ul li.one a
{
width:150px;
text-align:center;
}

#navcontainer_entrance ul li.one a:hover
{
width:150px;
}


#navcontainer_entrance ul li.two a
{
width:150px;
text-align:center;
}

#navcontainer_entrance ul li.two a:hover
{
width:150px;
}

#navcontainer_entrance ul li.three a
{
width:155px;
text-align:center;
}

#navcontainer_entrance ul li.three a:hover
{
width:155px;
}

#navcontainer_entrance ul li.four a
{
width:160px;
text-align:center;
}

#navcontainer_entrance ul li.four a:hover
{
width:160px;
}


#navcontainer_entrance ul li.five a
{
width:150px;
text-align:center;
}

#navcontainer_entrance ul li.five a:hover
{
width:150px;
}


#navcontainer_painting ul
{
	padding-left: 0;
	margin-left: 0;
	margin-top: 0;	
	margin-bottom: 0;
	background-color: #333;
	color: White;
	float: left;
	width: 845px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;overflow:hidden;

}

#navcontainer_painting ul li { display: inline; }

#navcontainer_painting ul li a
{
padding: 8px;
background-color: #333;
color: White;
text-decoration: none;
float: left;
}

#navcontainer_painting ul li a:hover
{
background-color: #CCC;
color: #333;
}

#navcontainer_painting ul li.one a
{
width:120px;
text-align:center;
}

#navcontainer_painting ul li.one a:hover
{
width:120px;
}


#navcontainer_painting ul li.two a
{
width:130px;
text-align:center;
}

#navcontainer_painting ul li.two a:hover
{
width:130px;
}

#navcontainer_painting ul li.three a
{
width:130px;
text-align:center;
}

#navcontainer_painting ul li.three a:hover
{
width:130px;
}

#navcontainer_painting ul li.four a
{
width:120px;
text-align:center;
}

#navcontainer_painting ul li.four a:hover
{
width:120px;
}


#navcontainer_painting ul li.five a
{
width:129px;
text-align:center;
}

#navcontainer_painting ul li.five a:hover
{
width:129px;
}


#navcontainer_painting ul li.six a
{
width:120px;
text-align:center;
}

#navcontainer_painting ul li.six a:hover
{
width:120px;
}


#navcontainer_stain ul
{
	padding-left: 0;
	margin-left: 0;
	margin-top: 0;	
	margin-bottom: 0;
	background-color: #333;
	color: White;
	float: left;
	width: 845px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;overflow:hidden;

}

#navcontainer_stain ul li { display: inline; }

#navcontainer_stain ul li a
{
padding: 8px;
background-color: #333;
color: White;
text-decoration: none;
float: left;
}

#navcontainer_stain ul li a:hover
{
background-color: #CCC;
color: #333;
}

#navcontainer_stain ul li.one a
{
width:190px;
text-align:center;
}

#navcontainer_stain ul li.one a:hover
{
width:190px;
}


#navcontainer_stain ul li.two a
{
width:201px;
text-align:center;
}

#navcontainer_stain ul li.two a:hover
{
width:201px;
}

#navcontainer_stain ul li.three a
{
width:200px;
text-align:center;
}

#navcontainer_stain ul li.three a:hover
{
width:200px;
}

#navcontainer_stain ul li.four a
{
width:190px;
text-align:center;
}

#navcontainer_stain ul li.four a:hover
{
width:190px;
}



#navcontainer_four ul
{
	padding-left: 0;
	margin-left: 0;
	margin-top: 0;	
	margin-bottom: 0;
	background-color: #333;
	color: White;
	float: left;
	width: 845px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;overflow:hidden;

}

#navcontainer_four ul li { display: inline; }

#navcontainer_four ul li a
{
padding: 8px;
background-color: #333;
color: White;
text-decoration: none;
float: left;
}

#navcontainer_four ul li a:hover
{
background-color: #CCC;
color: #333;
}

#navcontainer_four ul li.one a
{
width:195px;
text-align:center;
}

#navcontainer_four ul li.one a:hover
{
width:195px;
}


#navcontainer_four ul li.two a
{
width:195px;
text-align:center;
}

#navcontainer_four ul li.two a:hover
{
width:195px;
}

#navcontainer_four ul li.three a
{
width:195px;
text-align:center;
}

#navcontainer_four ul li.three a:hover
{
width:195px;
}

#navcontainer_four ul li.four a
{
width:196px;
text-align:center;
}

#navcontainer_four ul li.four a:hover
{
width:196px;
}

#navcontainer_five ul
{
	padding-left: 0;
	margin-left: 0;
	margin-top: 0;	
	margin-bottom: 0;
	background-color: #333;
	color: White;
	float: left;
	width: 845px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;overflow:hidden;

}

#navcontainer_five ul li { display: inline; }

#navcontainer_five ul li a
{
padding: 8px;
background-color: #333;
color: White;
text-decoration: none;
float: left;
}

#navcontainer_five ul li a:hover
{
background-color: #CCC;
color: #333;
}

#navcontainer_five ul li.one a
{
width:153px;
text-align:center;
}

#navcontainer_five ul li.one a:hover
{
width:153px;
}


#navcontainer_five ul li.two a
{
width:153px;
text-align:center;
}

#navcontainer_five ul li.two a:hover
{
width:153px;
}

#navcontainer_five ul li.three a
{
width:153px;
text-align:center;
}

#navcontainer_five ul li.three a:hover
{
width:153px;
}

#navcontainer_five ul li.four a
{
width:153px;
text-align:center;
}

#navcontainer_five ul li.four a:hover
{
width:153px;
}


#navcontainer_five ul li.five a
{
width:153px;
text-align:center;
}

#navcontainer_five ul li.five a:hover
{
width:153px;
}

#menu {
width: 845px;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 169px;
float: left;
}

#menu a.sub, #menu a.header {
font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
display: block;
border-width: 0px;
margin: 0;
padding: 8px 10px;
text-decoration: none;
}

#menu a.header {
color: #fff;
background: #333;
}

#menu a.header:hover {
color: #fff;
background: #666;
}

#menu a.sub {
color: #000;
background: #ccc;
}

#menu a.sub:hover {
color: #666;
background: #ccc;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}