/* CSS Document For Radiator */

/* Start Main Styles */
/* Recommend bg should be no lighhter than #252525 was #333333 p{margin:0px; color: #ABABAB;} */
html,body{margin:0;padding:0; background-color:#222222;}
body{font: 76% arial,sans-serif;text-align:left}
p{margin:0px; color: #CCCCCC;}
ul li {color:#CCCCCC}
a{color: #FF2C00; text-decoration: none;}
a:hover{color: #CCCCCC; text-decoration: none;}
h2 { font-weight: normal; color: #FFF; margin: 0px; padding: 10px 0px 0px 0px; line-height: 26px; font-size: 190%;}
h3 { color: #FFF; font-size:170%; font-weight:bold; color: #FF2C00; margin: 0px; padding: 0px;}
div#container{text-align:left; width:984px;margin:0 auto;}
div#wrapper{float:left;width:100%;}
hr { border: 0; height: 1px; line-height: 1px; background-color:#666666; color:#666666;}
.padright{padding-right:8px;}
.clearboth{clear:both;}
.noBorder{border:none;}


/* Header Styles */
div#header{height:85px;margin:0; padding:0px 0px 0px 0px;}
div#header h1{margin:0; padding:30px 0px 0px 184px; text-align:left;}

/* Home Introduction Styles */
div#homeintro{margin: 0px 0px 0px 10px; width:530px; float:left}

div#quotes{ float:left; width:250px; height: 300px; text-align: left; font-size: 150%; line-height: 20px; margin:0px 0px 10px 18px; }
div#quotes p{ color:#FFF;}
div#quotes a{ text-decoration:none;}
div#quotes a:hover{ color:#DDDDDD;}
.quotename { font-size: 70%; line-height: 18px;}

/* Portfolio Section Styles */
div#portfolio {width:800px; float:right; margin-top: 5px; padding-top: 7px; margin-bottom: 0px; padding-bottom: 5px;  background-repeat: repeat-x; border: solid 0px red;}
div#portfolio a{ text-decoration:none;}
div#portfolio a:hover{ color:#DDDDDD;}
div#portfolio ul {margin: 0px; padding: 0px; text-align: left; }
div#portfolio ul li {margin: 0px; padding: 0px; display:inline;padding-right: 15px; padding-left: 15px; background-image:url(/images/arrow.gif); background-repeat:no-repeat; background-position: 0px 3px;}

/* Client Listing Page Styles */
div#portfolio2 {width:800px; float:right; margin-top: 5px; padding-top: 7px; margin-bottom: 0px; padding-bottom: 5px;  background-repeat: repeat-x; border: solid 0px red;}
div#portfolio2 a{ text-decoration:none;}
div#portfolio2 a:hover{ color:#DDDDDD;}
div#portfolio2 ul {margin: 0px; padding: 0px; text-align: left; }
div#portfolio2 ul li {margin: 0px; padding: 0px; display:inline;padding-right: 15px; padding-left: 15px; background-image:url(/images/arrow.gif); background-repeat:no-repeat; background-position: 0px 3px;}

.thumbarealeft{width:262px; float:left; margin-bottom: 10px; margin-right:6px;}
.thumbarearight{width:262px; float:left; margin-bottom: 10px;}
.thumbimage{ padding-bottom: 5px;}
.thumbtext{ padding-bottom: 5px;}
.header { font-size: 100%; color:#FFFFFF;}
.required {color: #FF2C00;}

/* Left Navigation Styles */
.leftContentHolder{width:174px; float:left;}
div#leftnav{float:left; width:174px;}
div#leftnav a{ color: #FF2C00; text-decoration:none;}
div#leftnav a .at{ text-decoration:none; color:#DDDDDD;}
div#leftnav a:hover{ color:#DDDDDD;}
div#leftnav ul{margin: 0px 0px 5px 0px; padding:0px; list-style-type: none;}
div#leftnav ul li{ margin: 0px; font-size:170%; font-weight:bold; color: #FFF;}
div#leftnav ul .subnav { margin: 0px; font-size:115%; color: #FFF; padding-left: 10px; padding-bottom:2px}
.border{ border-bottom: 1px solid #666666; margin: 0 0 2px 0}
div#leftnav ul .subnav a{color:#C12200;}
div#leftnav ul .subnav a:hover{color:#DDDDDD;}
div#leftnav ul .subnavhead { margin:0px 0px 2px 0px; font-size:115%; color: #FFF; padding-left: 10px; padding-bottom:0px; background-image:url(subnavhead.gif); background-repeat:no-repeat; height:19px;}
div#leftnav ul .subnavhead a{font-weight:bold;}

/* Panel Styles */

div#leftnav .panelHolder .box { width:171px; height:94px; border:none; margin-top:10px; background-color:Transparent;}
div#leftnav .panelHolder .boxFirst { width:171px; height:94px; border:none; background-color:Transparent;}
div#leftnav .panelHolder .placeImg{ position:relative; left:0; top:8px;}

 
/*width of accordion menu*/
.arrowlistmenu{width: 170px;}

/*CSS class for menu headers in general (expanding or not!)*/
/*font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content
text-transform: uppercase;*/
.arrowlistmenu .menuheader{cursor: pointer;}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded
background-image: url(titlebar-active.png);*/
}

/*CSS for UL of each sub menu*/
.arrowlistmenu ul{ list-style-type: none;padding: 0;margin: 0px 0px 5px 0px}

/*bottom spacing between menu items*/
.arrowlistmenu ul li{padding-bottom: 2px;}

/*background: url(arrowbullet.png) no-repeat center left; custom bullet list image*/
 /*link text is indented 19px*/
.arrowlistmenu ul li a{display: block;padding-left: 0px;margin: 0px; font-size:100%; font-weight:normal; color: #FFF; padding-bottom:2px}
.arrowlistmenu ul li a:visited{color: #FF2C00;}
/*hover state CSS*/
.arrowlistmenu ul li a:hover{color:#DDDDDD;}

/* Centre Content Area Styles*/

div .mainContentHolder{float:left; width:808px;}
div#breadcrumbs{color:#DDDDDD; margin:0px 0px 0px 10px; width:530px; float:left; height:22px; padding-top:3px;}

div#content{margin: 0px 0px 0px 10px; width:530px; float:left; }
div#content h1{color:#ABABAB;font-size:350%;margin:0px;}
div#content h2{font-size: 190%;}
div#content p{line-height:1.4; margin: 0px 0px 0px 0px; color: #CCCCCC; font-size: 115%}
div#content li{line-height:1.4; margin: 0px 0px 0px 0px; color: #CCCCCC; font-size: 115%}
div#content img{border:solid 16px #FFF;}
div#content a img:hover{border:solid 16px #F13E06;}
div#content #sublevel ul{margin: 0px 0px 5px 0px; padding:0px; list-style-type: none;}
div#content #sublevel ul li { margin: 0px; font-size:125%; font-weight:bold;}
div#content .formrow{ width:100%; clear:both; }
div#content .formleft{ float:left; font-weight:bold; padding:5px 0px 5px 0px;}
div#content .formright{ float:right; padding:5px 0px 5px 0px;}
div#content .formfield{ width: 350px; border: 1px solid #A6A6A6; background-color:#FFFFFF; color: #222222; padding-left:5px;}
div#content .dropdown{ width: 360px; border: 1px solid #A6A6A6; background-color:#FFFFFF; color: #222222; padding-left:5px;}

div#contenthome{margin: 0px 0px 0px 0px; padding-left:5px;position: relative; width:530px; float:left; }
div#contenthome h1{ color: #ABABAB; font-size: 350%; margin: 0px; }
div#contenthome h2{ font-size: 130%;}
div#contenthome p{line-height:1.4; font-size: 115%}


/* Right Navigation Area Styles */
div#rightnav{float:right; width:250px;}
div#rightnav a{ text-decoration:none;}
div#rightnav a:hover{ color:#DDDDDD;}
div#rightnav h1{ color: #ABABAB; font-size: 350%; margin: 0px;}
div#rightnav h3{ color: #ABABAB; font-size: 140%; padding-top: 10px;}

/* Footer Styles */
div#footer{float:left;width:100%; background: #222222;color: #FFF; background-repeat: repeat-x; margin-top: 15px; padding-top: 15px; border-top:solid 1px #666666;}
div#footer a{ text-decoration:none;}
div#footer a:hover{ color:#DDDDDD;}
div#footer .left{ float: left; width: 300px; padding-left: 185px;}
div#footer .right{ float: right; width: 250px; text-align: right; font-size: 50%; color:#666666;}
div#footer p{margin:0;padding:0px 0px 10px 0px; font-size: 150%;}

.greytext { color:#ABABAB;}

.rule {border-bottom:solid 1px #AAAAAA; padding-top:15px; }

/* Test javaScript*/
    
#newsticker {
	visibility:hidden; 
	background-color: Transparent;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	height:auto;
	text-align:left;
	width:241px;
	float:left;
	clear:both;
	
}
#newsticker ul {
	border: none;
	list-style: none;
	min-height: 150px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	float:left;
	}
	
* html #newsticker ul {
	height: 20px;
	overflow: visible;
	border:none;
}
#newsticker li.error {
	color: #f00;
	border:none;
}
#newsticker #togglenewsticker {
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 12px;
	width: 14px;
	height: 14px;
	text-indent: 20px;
	outline: none;
	border:none;
}
* html #newsticker #togglenewsticker {
	right: 30px;
	border:none;
}

/* Scroller Images */

#example_3 {
position: relative; /* important */
overflow: hidden;  /*important */
width: 800px;
height: 230px;
background-color:Transparent;
border: solid 0px blue;

}

#example_3_frame {
position: relative;
width:800px;
background-color:Transparent;
overflow: hidden;
padding-bottom: 10px;

}

#example_3_previous {
margin: 0 0 0 5px;
padding: 0px;
float: left;
cursor: pointer;
}

#example_3_next {
margin: 0px;
padding: 0px;
float: right;
cursor: pointer;
}

div#portfolio #example_3_content {
	position: relative;
	top: 0;
	padding-left: 5px;
	margin-left: 0px;
	border: solid 0px red;
	width: 15418px;
	}

div#portfolio #example_3_content  li {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 0px;
}


div#portfolio #example_3 ul li {
display: block;
float: left;
margin-right: 11px;
background-color: Transparent;
overflow: hidden;
width: 258px;
color:#FFFFFF;
}

div#portfolio #example_3 ul li img {
display: block;
border: 14px solid #FFF;


}

div#portfolio #example_3 ul li img:hover, #example_3 ul li img.iehover{
border: 14px solid #F13E06;
}

/* Styles for client listing page */

div#portfolio2 #example_2 {
position: relative; /* important */
overflow: hidden;  /*important */
width: 800px;
background-color:Transparent;
border: solid 0px blue;
float: left;

}

div#portfolio2 #example_2_content {
	position: relative;
	top: 0;
	padding-left: 5px;
	margin-left: 0px;
	border: solid 0px red;
	width: 850px;
	margin-top:20px;
	}

div#portfolio2 #example_2_content  li {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 0px;
}


div#portfolio2 #example_2 ul li {
display: block;
float: left;
margin-right: 11px;
background-color: Transparent;
overflow: hidden;
width: 258px;
color:#FFFFFF;
margin-bottom:15px;
}

div#portfolio2 #example_2 ul li img {
display: block;
border: 14px solid #FFF;


}

div#portfolio2 #example_2 ul li img:hover, #example_2 ul li img.iehover{
border: 14px solid #F13E06;
}

.portfolioHeader { font-size: 100%; color:#FFFFFF; padding-top: 5px;}

.portfolioInfo{margin: 0px; padding: 0px; display:inline;padding-right: 15px; padding-left: 15px; background-image:url(/images/arrow.gif); background-repeat:no-repeat; background-position: 0px 3px;}

.portfolioInfo:hover{margin: 0px; padding: 0px; display:inline;padding-right: 15px; padding-left: 15px; background-image:url(/images/arrow2.gif); background-repeat:no-repeat; background-position: 0px 3px;}

.boxed{border:none;}

.breakline{border-bottom: solid 1px #666666; width: 800px; height: 1px; margin: 0px 0 10px 0;}

#footer .button {
	float: right;
	width: 70px;
	height: 19px;
	margin: -2px 0 0 5px;
	text-align: center;
	text-decoration: none;
	line-height: 1.9em;
	color: #fff;
	background: url(/images/btn_footer.gif) no-repeat;
}

#footer a.button:hover {
	text-decoration: underline;
}

.previousArrow{float:left; background-image: url(../images/arrowleft_on.gif); border: solid 0px red; width: 30px; height: 19px;padding-bottom: 10px; background-repeat:no-repeat;}
.previousArrow:hover{background-image: url(../images/arrowleft.gif);}

.nextArrow{float:right; background-image: url(../images/arrowright_on.gif); border: solid 0px red; width: 30px; height: 19px; padding-bottom: 10px; background-repeat:no-repeat;}
.nextArrow:hover{background-image: url(../images/arrowright.gif);}
			

/*end*/