/* @override 
	http://localhost:8080/clients/prowdpainters/css/style.css
	http://kjwdesign.com.au/clients/prowdpainters/css/style.css
	http://www.prowdpainters.com.au/css/style.css
*/

@import	url('lightbox.css');

body {
font-family: Arial, Helvetica, san-serif;
width:897px;
margin:20px auto;

}
img{
border: 0px none;
}

a, a:focus, a:link, a:visited {
color: #666;

text-decoration: none;


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

.print_only{
visibility: hidden;
display: none;
}

#corner_top{
background: url(../images/page_back_top.gif);
background-repeat: no-repeat;
height:50px;
width:50px;
}

#corner_bottom{
background: url(../images/page_back_bottom.gif);
background-repeat: no-repeat;
height:60px;
width:65px;
position: relative;
left:730px;
bottom: 15px;
}

#company_logo{
width:400px;
height:80px;
margin: -10px 0 0 53px;
}
/*navigation*/
#navigation{
position: relative;
top:135px;
left:345px;
color:#fff;
background: #9E9E9E;
width:551px;
border-left:#000 solid 2px;
padding:2px 2px;
font-size:90%;
background-image:url(../images/navigation_back.gif);
background-repeat: no-repeat;
height:34px;
margin: -10px 0;
}

#navigation ul{
margin: 0;
padding: 0;
}

#navigation ul li{
margin: 0;
display: inline;
list-style: none;
float: left;

}
#navigation ul li a, #navigation ul li a:focus, #navigation ul li a:link, #navigation ul li a:visited {
font-family: Eurostile, Arial, Helvetica, san-serif;
color: #fff;
padding: 0 6px;
margin: 0 2px;
text-decoration: none;
display: block;


}
#navigation ul li a:hover{
background: #888;
}
#navigation_bottom{
position: relative;
left: 350px;
top:92px;
background-color: #515050;
height:21px;
width:520px;
border-left:#000 solid 2px;
margin: -10px 0;
}
#navigation_bottom_fp{
position: relative;
left: 350px;
top:113px;
background-color: #515050;
height:21px;
width:520px;
border-left:#000 solid 2px;
margin: -10px 0;
}

#navigation2{
position: relative;
top:59px;
left:345px;
color:#fff;
background: #9E9E9E;
width:547px;
border-left:#000 solid 2px;
padding:2px 4px;
font-size:90%;
height:32px;
background-image:url(../images/navigation_back.gif);
background-repeat: no-repeat;
margin: -10px 0;
z-index: 1;
}


#navigation2 ul{
margin: 0;
padding: 0;
}

#navigation2 ul li{
margin: 0;
display: inline;
list-style: none;
float: left;

}

#navigation2 ul li a, #navigation2 ul li a:focus, #navigation2 ul li a:link, #navigation2 ul li a:visited {
font-family: Eurostile, Arial, Helvetica, san-serif;
color: #fff;
padding: 0 6px;
margin: 0 2px;
text-decoration: none;
display: block;

}
#navigation2 ul li a:hover{
background: #888;
}
/*Footer*/
#footer{
font-size:70%;
text-align: center;
margin: 20px 0 0 0;

}
#footer p{
margin: 0;
color:#999;}

#footer a, #footer a:focus, #footer a:link, #footer a:visited {
color:#999;
text-decoration: none;
}
#footer a:hover{
text-decoration: underline;
}

/*front page*/


#image_background{
width:593px;
height:126px;
margin: 0px 0 0 150px;
background-image: url(../images/navigation/paint.jpg);
}



#slogan_wrapper{
margin: 0 0 20px 37px;
color: #444;

}
#slogan {
text-align: right; 
padding: 99px 8px 0 0;
width: 300px; 
border-right: 2px solid #000;

}
#slogan h1{
font-size:90%;
color: #444;
margin: 0px;
}
.content_box2{
width:452px;
height:86px;
position: relative;
right:70px;
top:72px;
float: right;
font-size: 80%;
margin: -50px 0;
padding: 2px 4px;
background: #000000
}

/*site general layout*/

#content_wrapper{
margin: 0px 0 20px 46px;
color: #444;
z-index: -1;

}
#page_title {
text-align: right; 
width: 295px; 
text-transform: uppercase;
border-right: 2px solid #000;
padding: 232px 4px 0 0;
}
#page_title h1{
font-size:1.3em;
margin: 0;
font-weight:normal;
color: #444;

}

#page_title2 {
text-align: right; 
width: 295px; 
text-transform: uppercase;
border-right: 2px solid #000;
padding: 232px 4px 0 0;

}

* html body #page_title2 {
text-align: right; 
width: 295px; 
text-transform: uppercase;
border-right: 2px solid #000;
padding:232px 4px 0 0;
clear: both;
margin:-130px 0 0 0;
}
#page_title2 h1{
font-size:1.3em;
margin: 0;
font-weight:normal;
color: #444;

}
/*
#sidebox{
border-right: 2px solid #000;
padding: 0px 4px 0 0;
width:138px;
left:157px;
position: relative;
min-height:257px;

}
* html body #sidebox{
border-right: 2px solid #000;
padding: 0px 4px 0 0;
width:138px;
left:155px;
position: relative;
_height:255px;

}*/



#image_background2{
width:593px;
height:52px;
margin: 0px 0 0 150px;
}
.content_box{
width:382px;
height:230px;
position: relative;
right:127px;
top:78px;
margin: -50px 0;
float: right;
overflow: hidden;
font-size: 12px;
}

#scrollbar{
float: right;
width:20px;
height:226px;
position: relative;
right:108px;
top:76px;
margin: -50px 0;
font-size: 80%;

}
#scrollbar img{
padding: 0 0 4px 0;
}
#scroll{		position:relative;

}
.content_box p{
margin: 0 0 10px;
}


/*services menu*/
#sidenavigation{
float: right;
position: relative;
padding:2px 0px;
font-size:85%;
right:150px;
top:94px;

font-family: Eurostile, Arial, Helvetica, san-serif;
text-align: right;
margin: -80px -2px 0 0;
text-transform: uppercase;
z-index:2;
border-right: #000000 solid 2px;

}

html>body* #sidenavigation{
font-size:90%;
top: 96px;
}
* html body #sidenavigation{
top: 96px;

}
#sidenavigation2{
background: #fff;
padding:2px 0px;
font-size:90%;
font-family: Eurostile, Arial, Helvetica, san-serif;
text-align: right;
margin: 0px -2px 0 0;
text-transform: uppercase;

}

.sidenav{
padding:0px 0px;
font-size:90%;
font-family: Eurostile, Arial, Helvetica, san-serif;
text-align: right;
margin: 0 -2px 0 0;
text-transform: uppercase;
z-index:2;
}

.sidenav ul{
margin: 0;
padding: 0;
list-style: none;

}
.sidenav ul li{
display: inline;
}

.sidenav ul li a, .sidenav ul li a:focus, .sidenav ul li a:link, .sidenav ul li a:visited {
padding: 2px 6px;
margin: 0 2px 0px 0px;
_margin: 0 2px 0px 0px;
text-decoration: none;
display: block;
color: #000000;
width:128px;
}
.sidenav ul li .selected{
background: #ddd;
padding: 1px 0px;
display: inline;
color: #000000;
}
.sidenav ul li a:hover{
background: #888;
color: #fff;
}


.nav_link ul{
margin: 10px 0 0;
padding: 0;
list-style: none;

}

.nav_link ul li{

	display: inline;
}

.nav_link ul li a, .nav_link ul li a:focus, .nav_link ul li a:link, .nav_link ul li a:visited {
padding: 2px 6px;
margin: 0 2px 0px 0px;
_margin: 0 2px 0px 0px;
text-decoration: none;
display: block;
color: #000000;
width:128px;
font-weight: bold;
}

.nav_link ul li a:hover{
background: #888;
color: #fff;
}
.nav_link ul li .selected{
background: #ddd;
padding: 2px 1px;
display: inline;
color: #000000;
font-weight: bold;
}
.nav_link ul li .selected2{
background: #ddd;
padding: 1px 1px;
display: inline;
margin: 0px 8px 0;
color: #000000;
font-weight: bold;
}
.nav_link2 ul{
margin: 10px 0 0;
padding: 0;
list-style: none;

}
.nav_link2 ul li{

	display: inline;
}
.nav_link2 ul li .selected{
background: #ddd;
padding: 2px 1px;
display: inline;
margin: 0px 0px 0 0;
color: #000000;
font-weight: bold;
}
.nav_link2 ul li a, .nav_link2 ul li a:focus, .nav_link2 ul li a:link, .nav_link2 ul li a:visited {
padding: 2px 6px;
margin: 0 2px 10px 0px;
_margin: 0 2px 0px 0px;
text-decoration: none;
display: block;
color: #000000;
width:128px;
font-weight: bold;
}

.nav_link2 ul li a:hover{
background: #888;
color: #fff;
}

.sidenav p{
margin: 0 6px;
font-size:80%;
font-family: Arial, Helvetica, san-serif;
}
/*services navigation menu*/

#navigation li ul {
	position: absolute;
	background: #fff;
	width: 86px;
	padding:0px 13px 0 0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  }

*html body #navigation li ul{

	padding:0px 0px 0 0;

}


#navigation ul li:hover ul{
	left: auto;
	margin: 0 0 0 5px;

}
 #navigation ul li.sfhover ul{
 	left: auto;

 }
#navigation ul li:hover ul li, #navigation ul li.sfhover ul li{
background: #fff;

}
#navigation ul li ul li a, #navigation ul li ul li a:focus, #navigation ul li ul li a:link, #navigation ul li ul li a:visited {
padding: 2px 6px;
margin: 0 2px 0 0px;
text-decoration: none;
display: block;
color: #000000;
width:86px;
background-color: #fff;
text-transform: uppercase;
font-size: 80%;

}
#navigation ul li.sfhover ul li a, #navigation ul li.sfhover ul li a:focus, #navigation ul li.sfhover ul li a:link, #navigation ul li.sfhover ul li a:visited{
padding: 2px 8px;
margin: 0 2px 0 -2px;
text-decoration: none;
display: block;
color: #444;
background-color: #fff;
width:86px;
text-transform: uppercase;
font-size: 80%;
}
#navigation ul li ul li a:hover, #navigation ul li.sfhover ul li a:hover{
background: #888;
color: #fff;
}

#navigation2 li ul {
	position: absolute;
	background: #fff;
	width: 86px;
	padding:0px 13px 0 0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  }
*html body #navigation2 li ul{

	padding:0px 0px 0 0;

}

#navigation2 ul li:hover ul{
	left: auto;
	margin: 0 0 0 5px;

}
 #navigation2 ul li.sfhover ul{
 	left: auto;

 }
#navigation2 ul li:hover ul li, #navigation2 ul li.sfhover ul li{
background: #fff;

}
#navigation2 ul li ul li a, #navigation2 ul li ul li a:focus, #navigation2 ul li ul li a:link, #navigation2 ul li ul li a:visited {
padding: 2px 6px;
margin: 0 2px 0 0px;
text-decoration: none;
display: block;
color: #000000;
background-color: #fff;
width:86px;
text-transform: uppercase;
font-size: 80%;
z-index: 3;
}
#navigation2 ul li.sfhover ul li a, #navigation2 ul li.sfhover ul li a:focus, #navigation2 ul li.sfhover ul li a:link, #navigation2 ul li.sfhover ul li a:visited{
padding: 1px 8px;
margin: 0 2px 0 -2px;
text-decoration: none;
display: block;
color: #444;
background-color: #fff;
text-transform: uppercase;
font-size: 79%;
width:86px;

}
#navigation2 ul li ul li a:hover, #navigation2 ul li.sfhover ul li a:hover{
background: #888;
color: #fff;
}

/*form styles*/
.formstyle{
font-family: Arial, Helvetica, san-serif;
font-size:100%;
padding: 1px;
}

.formbutton{
background: #666;
border: #222 solid 1px;
color: #fff;
text-transform: uppercase;
text-align: center;
font-size: 95%;
font-weight: normal;
padding:2px 6px;
}
* html .formbutton{
padding:2px 0px;

}

.formbutton:hover{
background: #888;
border: #222 solid 1px;
color: #fff;
}
.formbutton:active{
background: #888;
border: #222 solid 1px;
color: #fff;
}



/*photos*/
#photos{
margin:5px 0;
}
#photos img{
border: 1px solid #777;
}

/*projects links*/
#projects{
font-size:90%;
text-align: right;

}

#projects ul{
margin: 0;
padding: 0;
list-style: none;

}
#projects ul li{
display: inline;
}

#projects ul li a, #projects ul li a:focus, #projects ul li a:link, #projects ul li a:visited {
padding: 02px 6px;
margin: 0 0px px 0px;
text-decoration: none;
display: block;
color: #444;
text-transform: uppercase;

}
#projects ul li .selected{
background: #ddd;
}
* html body #projects ul li .selected{
background: #ddd;
}
#projects ul li a:hover{
background: #888;
color: #fff;
}

/*project content*/
.project h2{
margin: 0;
font-size:100%;
font-weight: normal;
}
.photos{

position: absolute;
bottom: 0;
}

.photos img{
margin: 0 4px 0 0;
border: 1px solid #333;

}


.director{
border: 1px solid #444;
padding:4px;
clear:both;
}
.director .imgbox1{
float:left;
width:180px;
height:242px;
margin:4px;
}
.director .imgbox1 .mainimg{
width:180px;
height:190px;
margin:0px;
text-align: center;
}
.director .imgbox1 .subimg{
width:180px;
height:42px;
margin:2px 0 0 0px;
text-align: left;
}
.director .imgbox1 .subimg img.spacer{
margin: 0 2px 0 0;
}
.director .imgbox2{
float:right;
width:180px;
height:242px;
margin:4px;

}
.director .imgbox2 .mainimg{
width:180px;
height:190px;
margin:0px;
text-align: center;
}
.director .imgbox2 .subimg{
width:180px;
height:42px;
margin:2px 0 0 0px;
text-align: left;
}
.director .imgbox2 .subimg img.spacer{
margin: 0 2.5px 0 0;
}


/*vertical drop down*/
	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		width : 140px;
	}
	
	#nav li { /* all list items */
		position : relative;
 
		width: 128px;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 12.8em;
		margin-top : -1.65em;
z-index: 30;
		background: #fff;
		text-align: left;
}
html>body* #nav li ul{
			margin-left : 10.78em;
		margin-top : -1.50em;

}
* html body #nav li ul{
		margin-left : 0em;
		margin-top : -1.75em;

}
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	

	
	#nav li a:hover {
		color : white;

	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}


/*nav2*/
	#nav2, #nav2 ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		width : 140px;
	}
	
	#nav li { /* all list items */
		position : relative;
 
		width: 128px;
	}
	
	#nav2 li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 12.8em;
		margin-top : -1.65em;
z-index: 30;
		background: #fff;
		text-align: left;
	}
html>body* #nav2 li ul{
			margin-left : 12.08em;
		margin-top : -1.50em;

}
* html body #nav2 li ul{
		margin-left : 0em;
		margin-top : -1.75em;

}
	#nav2 li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	

	
	#nav2 li a:hover {
		color : white;
	z-index:10;
	}
	
	#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}


/*associations*/
.associations_box {
	width: 370px;
background: #eee;
margin: 10px 0 6px;
}
.alt{
	background: #fff !important;

}
.ab_left{
	width: 140px;	
		text-align: center;
		padding: 6px 0 0 2px;
		vertical-align: top;

}


/* .ab_left img{
	border: 2px #fff solid;
} */
.ab_right{

padding: 6px 4px 2px;
vertical-align: top;
}