/*PNG fix for IE */
img {
   behavior: url("iepngfix.htc");
}

*,html,object {
margin:0;
padding:0;
}
body {
font-size:0.8em;
font-family:verdana,arial,sans-serif;
color:#727272;
text-align:center;
}
#container {
position:relative;
width:900px;
margin:10px auto;
text-align:left;
overflow:hidden;
}

#homelady {
position:absolute;
top:0;
left:0;
margin-bottom:20px;
}
#prllogo {
position:absolute;
top:0;
right:0;
margin-bottom:50px;
}

#header {
height:64px;
}

	#header #nav {
	font-family:avant garde,tahoma,arial,sans-serif;
	font-weight:bold;
	margin-top:24px;
	padding-bottom:8px;
	padding-left:200px;
	border-bottom:solid 2px orange;
	}
	#header #nav a {
	padding-right:10px;
	color:#c7c8ca;
	text-decoration:none;
	}
	#header #nav a:hover {
	color:orange;
	text-decoration:none;
	}

#mainbody {
overflow:hidden;
}
	#mainbody #left {
	float:left;
	width:150px;
	margin:0 25px 20px 25px;
	}
	#mainbody #right {
	position:relative;
	float:left;
	width:650px;
	height:auto;
	line-height:1.4;
	}
	#mainbody #right li {
	list-style-position:inside;
	margin-left:10px;
	}
	#mainbody .intro {
	font-family:verdana,sans-serif;
	font-size:100%;
	line-height:1.4;
	margin-right:150px;
	margin-bottom:20px;
	}
	#mainbody .home .intro {
	font-family:verdana,sans-serif;
	font-size:120%;
	line-height:1.4;
	margin-right:150px;
	}
	#mainbody .about .intro {
	height:165px;
	}
	#mainbody .login {
	line-height:1.2;
	margin-top:180px;
	}

/* LEFT NAVIGATION */
#leftnav {
font-size:90%;
}
#leftnav h2 {
border-bottom:orange solid 5px;
padding-bottom:5px;
margin-bottom:10px;
width:auto;
}
#leftnav a {
color:#999999;
text-decoration:none;
padding-bottom:15px;
}
#leftnav a:hover {
color:orange;
text-decoration:underline;
}
.utwk_menu1 td {
padding-bottom:10px;
}
.utwk_menu1 a:hover {
color:orange;
}
.menu1{
padding-bottom:30px;
}
.utwk_menu0 .menuitem,
.utwk_menu1 .menuitem,
.utwk_menu2 .menuitem {
clear:both;
margin-bottom:10px;
}
.active {
font-weight:bold;
color:orange;
}

/*BUTTON ACTIONS */
.button {
float:left;
width:210px;
height:165px;
}
.ourroots {
background:url(../images/Default/buttons/ourroots.png);
}
.whatwedo {
background:url(../images/Default/buttons/whatwedo.png);
}
.whatwebelieve {
background:url(../images/Default/buttons/whatwebelieve.png);
}
.peakperformance {
background:url(../images/Default/buttons/peakperformance.png);
}
.ourdream {
background:url(../images/Default/buttons/ourdream.png);
}
.change {
background:url(../images/Default/buttons/change.png);
}
.overlayimage {
display:none;
}
.buttons:hover .overlayimage {
display:block;
width:100%;
height:100%;
}
.buttons:hover .ourroots:hover .overlayimage,
.buttons:hover .whatwedo:hover .overlayimage,
.buttons:hover .whatwebelieve:hover .overlayimage,
.buttons:hover .peakperformance:hover .overlayimage,
.buttons:hover .ourdream:hover .overlayimage,
.buttons:hover .change:hover .overlayimage {
display:none;
}
.buttontext {
display:none;
}
.button:hover .buttontext {
display:block;
position:absolute;
top:0;
left:0;
width:550px;
height:135px;
background-color:white;
z-index:3;
font-family:verdana,sans-serif;
font-size:100%;
line-height:1.4;
}

/*FOOTER*/
#basebar {
position:relative;
clear:both;
margin-top:5px;
}
	#basebar-left {
	position:relative;
	width:150px;
	margin:0 25px;
	float:left;	
	}
	#basebar-right {
	width:650px;
	float:right;	
	margin-top:70px;	
}
#basebar img {
vertical-align:bottom;
}
#footer {
margin-top:20px;
border-top:solid 2px orange;
border-bottom:solid 2px orange;
vertical-align:middle;
height:67px;
overflow:hidden;
padding:10px 0;
}
	#footer .section1 {
	float:left;
	height:67px;
	border-right:solid 2px #c7c8ca;
	width:200px;
	}
	#footer .section2 {
	float:left;
	height:67px;
	width:261px;
	}

	#footer .contact {
	text-align:center;
	margin:10px 0;
	}

	#footer .legals {
	text-align:center;
	font-size:80%;
	color:#c7c8ca;
	margin:20px 0;
	}
	#footer .legals a {
	text-decoration:none;
	color:#0099FF;
	}

	#footer .finlay {
	text-align:center;
	margin:15px 0;
	}

	#footer .badges {
	text-align:center;
	margin:10px 0 10px 15px;
	}



/* GENERIC STYLES */
img {
border:none;
}

h2,h3,h4,h5,h6,h7,p {
padding:0;
padding-bottom:5px;
}
h1,h2 {
font-size:140%;
padding:0;
padding-bottom:20px;
}
object {
	margin:0;
	padding:0;
}

/* LINKS DIRECTORY */
.linksurl {
	margin-top:4px;
	clear:both;
}
.linksurl a {
	font-weight:bold;
}

/* STYLES FOR STORY MODULE */
.story {
}
.storylist-head {
	clear:both;
	font-weight:bold;
}
.storyshort {
	clear:both;
}
.story img {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.storybody{
	line-height:1.5;
}
.storylink {clear:both;
}
.storyrelated {
	font-size:1.2em;
	font-weight:bold;
	margin-top:10px;

}
.story .left {
	float:left;
}
.story .right {
	float:right;
}
.story ul li {
	list-style-type:disc;
	list-style-position:inside;
	margin-left:10px;


}
.story ol li {
	list-style-type:decimal;
	list-style-position:inside;
	margin-left:10px;
}
.storymenu {}
.storymenuitem {clear:both;margin-bottom:5px;}
.storymenuitem a {font-weight:bold;}
.storymenuitem a:hover {color:black;text-decoration:underline;}
.moreprevious {margin-top:10px;width:100%;}
.moreprevious-left {float:left;display:inline;}
.moreprevious-right {float:right;display:inline;}

/*CONTACT FORM*/
.contactform {
}
.contactform input {
}
.contactform-q {
}
.contactform-a {
margin-bottom:10px;
}
.contact_form_question {
margin-bottom:10px;
clear:both;
}
.contact_form_question input {
clear:both;
margin-top:3px;
}

/*PORTFOLIO GRAPHICS MODULE*/
#portfolio {
position:relative;
width:630px;
height:350px;
margin:0;
padding:0;
}
#portfolio .big{
z-index:1;
}
#portfolio .righttop .big,
#portfolio .rightbottom .big{
display:none;
}
#portfolio .righttop:hover .big{
display:block;
z-index:2;
position:absolute;
top:0;
left:-420px;
}
#portfolio .rightbottom:hover .big{
display:block;
z-index:3;
position:absolute;
top:-175px;
left:-420px;
}
#portfolio .big {
position:absolute;
left:0;top:0;
width:420px;
height:350px;
background-color:#3366CC;
}
#portfolio .righttop {
position:absolute;
right:0;
top:0;
width:210px;
height:175px;
background-color:black;
}
#portfolio .rightbottom {
position:absolute;
right:0;
bottom:0;
width:210px;
height:175px;
background-color:red;
}
#portfolio .rightbottom img,
#portfolio .righttop img {
width:210px;
height:175px;
}
#portfolio .rightbottom .big img,
#portfolio .righttop .big img {
width:420px;
height:350px;
}

#leftcol-rotator {
	position:relative;
	width:150px;
	height:150px;
}
#leftcol-rotator ul #photostrip {
	list-style-type: none;
}
#photostrip{
	width: 150px;
	height: 150px;
	margin: 0px;
	margin-bottom: 10px;
position:relative;
}
#photostrip li{
	position:absolute;
	top:0;
	left:0;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#photostrip ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}


/*CLEARFIX - to fix column heights on mult columns */
.clearfix:after {content: ".";display:block; height:0; clear:both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
div.clearfloats {clear:both;height:10px;}
/* backslash hack hides from IE mac */
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* end backslash hack */
.clear {clear:both}