@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; 
}

p {
	margin:0;
	padding:0;
	color:#555555;
	font-size:11px;
}

p a:link, a:visited, a:active, a:focus {
	text-decoration:  none;
}

h1 {
	margin:0 0 0 0;
	padding:0;
	color:#555555;
	font-size:12px;
}
/*
margin-top
margin-right
margin-bottom
margin-left
*/
h2 {
	margin:0;
	padding:0;
	color:#555555;
	font-size:14px;
	font-weight:bold;
}

h3 {
	margin:0;
	padding:0;
	color:#555555;
	font-size:12px;
	font-weight:normal;
}




strong {
	font-size:12px;
	/*color: #F58025;*/
}

/*ul a, ul a:visited, ul a:hover, ul a:focus, ul a:active {color:#FFFFFF;}*/

a:focus, a:active {
	outline: none;
}

img { border: 0px; }


.mainStyle #container {
	width: 900px;
	text-align: left;
	background-color:transparent;
	margin:0 auto; 
}

.mainStyle #wrapper {
	width: 900px;
	cursor:default;
	height:100%;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:left;
} 

.mainStyle #leftBar_Practice, 
.mainStyle #leftBar_Projects, 
.mainStyle #leftBar_Contact, 
.mainStyle #leftBar_News, 
.mainStyle #leftBar_Employment {
	width:130px;
	height:450px;
	position:relative;
	float:left;
	background-repeat:no-repeat;
}
.mainStyle #leftBar_Practice {
	background-image:url(../images/title_practice.gif);
}
.mainStyle #leftBar_Projects {
	/*background-image:url(../images/title_projects.gif);*/
}

.mainStyle #leftBar_Employment {
	background-image:url(../images/title_employment.gif);
}

.mainStyle #leftBar_Contact {
	background-image:url(../images/title_contact.gif);
}

.mainStyle #leftBar_News {
	background-image:url(../images/title_news.gif);
}


.mainStyle #leftBar_Projects ul, .mainStyle #leftBar_News ul{
	margin: 0;
	padding: 0;
	font-size:11px;
	/*font-weight:bold;*/
	color:#666666;
	line-height:10px;
	text-indent:0px;
}

/*ul a, ul a:visited, ul a:hover, ul a:focus, ul a:active {color:#FFFFFF;}*/

.mainStyle #leftBar_Projects li a, .mainStyle #leftBar_News li a{
	text-decoration: none;
	color:#666666;
	display:block;
	height: 1.2em;
	padding-top:0.1em;
	background-color:#F5F5F5;
}

.mainStyle #leftBar_Projects ul a:hover, .mainStyle #leftBar_News ul a:hover{
	color: #FFFFFF;
	background-color:#F58025;
}

.mainStyle #leftBar_Projects li, .mainStyle #leftBar_News li {
	list-style-type: none;
	margin-bottom: 7px;
}

.mainStyle #pageContent{
	width:730px;
	height:450px;
	float:right;
}


.mainStyle #pageTitleRight {
	float:right;
	position:absolute;
	bottom:0;
}

.mainStyle #pageContentLeft{
	width:530px;
	height:450px;
	float:left;
}
.mainStyle #pageContentRight{
	width:200px;
	height:450px;
	float:right;
}

.mainStyle #contactAus{
	width:400px;
	height:450px;
	float:right;
}


.mainStyle #projectImage {
	padding-left: 2px;
}

/*Image thumbnails **************************************************/
.mainStyle #thumnnailText {
	margin-top: 20px;
	height:15px;
	width:300px;
	padding-left: 2px;
}

.mainStyle #thumnnailText p{
	font-size:9px;
	color:#999999;
}
	
.mainStyle #thumbnail {
	width:440px;
	height:39px;
	margin: 2px 0 0 0;
	float:left;
}


.mainStyle #thumbnail ul{
	margin: 0;
	padding: 0;
}

.mainStyle #thumbnail li{
	list-style-type: none;
	padding-right: 2px;
	display:inline;
}

.mainStyle #thumbnail a img{
	border:	2px solid #FFFFFF;
	/* for IE */
  	filter:alpha(opacity=70);
  	/* CSS3 standard */
  	opacity:0.7;
	MozOpacity:0.7;
    KhtmlOpacity:0.7;
}
/*
.mainStyle #thumbnail a:hover img{
	border:	2px solid #BBBBBB;
  	filter:alpha(opacity=100);
  	opacity:1;
}

.mainStyle #thumbnail a:focus img,
.mainStyle #thumbnail a:active img {
	border:	2px solid #F58025;
  	filter:alpha(opacity=100);
  	opacity:1;
}
*/

.mainStyle #projectThumbText {
	height:20px;
	width:200px;
	text-align:left;
	float:left;
}

.mainStyle #projectTitleImage {
	float:right;
	width: 350px;
	height: 450px;
	text-align:right;
}


.mainStyle #projectThumbText h1{
	font-size:16px;
	font-weight:bold;
}

.mainStyle #projectThumb {
	height:260px;
	width:380px;
	text-align:left;
	
	float:left;
}

.mainStyle #projectThumb ul{
	margin:0;
	padding: 0;
}

.mainStyle #projectThumb li{
	list-style-type: none;
	padding-left: 5px;
	display:inline;
}

.mainStyle #projectThumb a img{
	border:	3px solid #FFFFFF;

}



/*************************************************************************/
.mainStyle #projectIntro {
	float:right;
	width:200px;
	height:400px;
}

.mainStyle #smallLogo{
	position:absolute;
	bottom:0;
}

.mainStyle #titleImage{
	margin:0;
	float:left;
}





/*menu bar********************************************************/
.mainStyle #menuBarLeft, .mainStyle #menuBarRight {
	height: 20px;
	margin-top: 20px;
}  

.mainStyle #menuBarLeft {
	width: 700px;
	float: left;
}

.mainStyle #menuBarRight {
	width: 200px;
	float: right;
	text-align: right;
}

.mainStyle #menuBarLeft ul, .mainStyle #menuBarRight p{
	margin: 0;
	padding: 0;
	/*cursor: default;*/
	font-size:12px;
	font-weight:bold;
	color:#666666;
}

.mainStyle #menuBarLeft ul a, .mainStyle #menuBarRight a{
	text-decoration: none;
	color:#666666;
}


.mainStyle #menuBarLeft ul a:hover, .mainStyle #menuBarRight a:hover {
	color: #F58025;
}

.mainStyle #menuBarLeft li{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
/*****************************************************************************************************/


.clearFloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.mainStyle #content {
	background-color: transparent;
	width: 900px;
	/*height: 450px;*/
	margin-top: 30px;
	position:relative;
} 

.mainStyle #bigLogo {
	position:absolute;
	bottom:0;
}

.mainStyle #footer{
	background-color: transparent;
	font-size:9px;
	margin-top: 20px;
	/*
	position:absolute;
	bottom:1px;
	height:20px;*/
}

.mainStyle #footer p{
	font-size:9px;
	color:#777777;
}

.mainStyle #rotateImg {
	width:440px;
	height:290px;
	position:absolute;
	top:0;
	/*float:left;*/
}

.mainStyle #introText {
	font-size:11px;
	float: right;
	width: 170px;
	height: 420px;
}