/* CSS Document */
/* proinstal */
* {
   margin: 0;
   padding: 0;
   line-height: 1;
}

img	{
	border:0;
	}

html, body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -115px; /* the bottom margin is the negative value of the footer's height */
	text-align:left;
}

.push {
	height: 115px; /* .push must be the same height as .footer */
}

body	{
	background:url(../images/main-tile-hd.gif) top center repeat-y;
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	}

#bg {
	background:url('../images/body_bg.jpg') repeat-x;
	width: 100%;
}

#wrapper {
	width: 800px;
	margin: 0 auto;
}

#header {
	width: 800px;
	height: 67px;
	margin-left: 0px;
	position:relative;
}

#logo {
	float:left;
	margin:0;
	width:335px;
	height:58px;
}

#logo h1 {
	margin:0;
	padding:0;
	background:none;
	}

#logo h1 a, #logo h1 a:hover{
	background: url(../images/proinstal-logo.gif) no-repeat top left;
	height:65px;
	width:257px;
	margin-top:32px;
	display:block;
	text-decoration:none;
	text-indent:-4000px;
}


#intro {
	width: 100%;
	background:url('../images/introbg.jpg') top left repeat-x;
	height: 250px;
}

#intro-wrap {
	width: 800px;
	height:230px;
	background:url(../images/header-pic.jpg) top right no-repeat;
	margin: 0 auto;
	padding: 0px 0 0 0;
	position:relative;
}

#intro-content	{
	padding-top:50px;
	margin-left:180px;
	margin-right:20px;
	}

#introtext {width: 520px; float:left;}

#flashcontent {float:right;}

#intro-content h1 {
	font-size: 140%;
	font-style: italic;
	border-bottom:1px dashed #c1c5b7;
	padding:0 0 5px 10px;
	color: #3d3d3d;
	font-weight: normal;
}	

#intro-content b	{
	font-weight:100;
	}

#intro-content p	{
	padding-left:10px;
	line-height:16px;
	margin-top:5px;
	font-style:italic;
	}

#contentright {
	width: 290px;
	float: left;
	margin-left: 30px;
	padding-top: 28px;
}

.sec-menu	{
	width:250px;
	background:url(../images/sec-menu.gif) top left no-repeat;
	padding-top:10px;
	}

.sec-menu	div {
	background:url(../images/sec-menu.gif) bottom left no-repeat;
	padding-bottom:0px;
	}

.sec-menu li	{
	width:auto!important;
	margin-right:10px !important;
	}

.sec-menu span	{
	margin:10px;
	font:100 13px Arial;
	color:#444;
	display:block
	}

.sec-menu p	{
	margin:10px;
	font:100 13px Arial;
	color:#666;
	display:block
	}

.right-panel	{
	width:250px;
	height:111px;
	position:relative;
	margin-bottom:20px
	}

.right-panel .heading	{
	position:absolute;
	top:20px;
	left:100px;
	font:900 14px Arial;
	color:#666
	}

.right-panel .description	{
	position:absolute;
	top:40px;
	left:100px;
	font:900 12px Arial;
	color:#666
	}

.contact1	{
	background:url(../images/panel-contact-1.gif)
	}

.contact2	{
	background:url(../images/panel-contact-2.gif)
	}

.panel-srl	{
	background:url(../images/panel-srl.gif)
	}

.panel-sa	{
	background:url(../images/panel-sa.gif)
	}
	
	
#content {
	text-align: left;
}

#content-other {
	width: 480px;
	padding-top: 28px;
	text-align: left;
	float:left;
}


#content-other p.headline {
	background:url('../images/bullet.jpg') no-repeat top left;
	color:#9A9A52;
	font-size:16px;
	height:26px;
	padding:5px 0 0 30px;
	margin:5px 0 15px 0; 
	}
	
	#content-other p.headline2 {
	color:#9A9A52;
	font-size:15px;
	height:26px;
	padding:5px 0 0 30px;
	margin:5px 0 15px 0; 
	}


h2 {
	background:url('../images/headots.gif') bottom left repeat-x;
	color:#4A4A4A;
	font-size:110%;
	font-weight:normal;
	margin:00px 0 20px 0;
	padding-bottom:7px;
}


h5 {
	color:#2E719E;
	font-size:14px;
	margin:10px 0;
}

h5 span	{
	font-weight:100;
	}

p {
	color: #666;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: 17px;
}

ol {
	color: #666;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	padding-left:30px;
	line-height: 22px;
}

ol li {
	line-height: 17px;
}

ul.round-bullet {
	color: #666;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	padding-left:30px;
	line-height: 22px;
}

ul.round-bullet li	{
	line-height: 17px;
	}

h4 {
	color: #4B4942;
	font-size:160%;
	font-style: normal;
	font-weight: normal;
	line-height: 110%;
}

.home-left {width: 241px; height:247px; float: left; position:relative; margin-right:20px}

.home-left div.hl-content	{
	position:absolute;
	top:10px;
	width:157px;
	font:100 12px Arial;
	font-style:italic;
	color:#929292;
	}

.home-left div.hl-content span	{
	color:#146676;
	}
	
.home-left div.hl-content a	{
	color:#146676 !important;
	}
	
#home-bottom {width: 800px; margin-top: 20px; padding: 10px 10px 10px 10px; float: left; }
#home-bottom img{cursor:pointer;border:1px solid #ddd;}
#home-bottom img:hover {border:1px solid #97B638;}

.worksstyle {
	color: #FFFFFF;
	font-weight: bold;
}

#content-other	{
	padding-bottom:40px;
}

#content-other table {
	font-size: 90%;
	color: #666;
	margin: 7px 0 20px;
	border-left: 1px solid #f4f4f4;
}
#content-other th {
	color: #545454;
	border-right: 1px solid #fff;
}
#content-other td {
	border-bottom: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
	padding: 6px;
	text-align: center;
}

#content-other td a{
	color: #666;
	text-decoration:underline;
}

#content-other td a:hover{
	color: #D0ED6D;
	text-decoration:none
}

ul.servicelist {
	margin:0 0 20px 5px;
	padding:0;
	list-style:none;
	color: #666;
	font-size: 78%;
	font-style: normal;
	font-weight: normal;

}

ul.servicelist li {
	width:94%;
	display:block;
	background:url('../images/normal-check.gif') top left no-repeat;
	margin:3px 0 0 3px;
	padding:2px 0 5px 22px;
	border-bottom:1px solid #cccccc;
}

ul.sitemap	li	{
	background:url('../images/normal-check.gif') 0px 0px no-repeat;
	margin:3px 0;
	padding-left:22px;
	list-style:none;
	font-size:13px;
	line-height:16px;
	}

ul.sitemap ul li	{
	margin-left:2px;
	font-size:11px;
	line-height:14px;
	}

.bullet-p	{
	background:url('../images/normal-check.gif') 0px 3px no-repeat;
	padding-left:22px;
	}

#footer{ 
	background:#2a3b36 url(../images/5px-line.gif) top left repeat-x;
	padding-top:15px;
	padding-bottom:10px;
}	
	
#footer .wrap{ 
	font-size:80%;
	width:800px;
	height:60px;
	margin:0 auto;
	background: #364843; 
	text-align: center;  
	color: #888887; 
	padding:15px 0;
}

#footer ul{	
	list-style:none; 
}
	
#footer li{	
	display: inline;	
	margin:0 2px;
}

#footer a{
	font-size:12px;
	color: #888787;  
	text-decoration: none; 
	margin:0 3px;	
}

#footer a:hover{ 
	color: #D2D2D1;
	text-decoration:underline;
}
	
#footer .copy{ 
	color:#FFF; 
	margin-top:25px; 
	font-size: 12px;
}



/* Links */

a {
	color: #076046;
	text-decoration:none
}
a:hover {
	color: #169d76;
	text-decoration:none
}

/* Client Login */

#topbar {
	background: #3d3d3d;
	width:100%;
	height:44px;
	}

#topbarholder {
	width:780px;
	background: url('../images/client_login_topbar.gif') no-repeat top left;
	margin:0 auto;
	}
	
#loginbox { /* Client login */
	width:580px;
	margin:0 auto;
	height:34px;
	color: #ffffff;
	background: none;
	padding:10px 0 0 0;
	}
	
.formfield { /* Client login fields (username & password) */
	width:120px;
	background: url('../images/client_login_field.gif') top;
	color: #ffffff;
	padding: 3px;
	height:15px;
	border: 0px none;
	}

.formfield:hover {
	background: url('../images/client_login_field.gif') bottom;
	}
	
.loginbutt {
	border:0px none;
	background: url('../images/client_login_btn.gif') top left;
	width:58px;
	color: #ffffff;
	font-weight:bold;
	height:23px;
	font-size:11px
	}
	
.loginbutt:hover {
	border:0px none;
	background: url('../images/client_login_btn.gif') bottom left;
	font-weight:bold;
	}
	
#clienttab {
	position:absolute;
	right:72px;
	top:0;
	width:140px;
	height:35px;
	background: url('../images/clienttab.gif') no-repeat top left;
	text-align:center;
	font-size: 70%;
	letter-spacing: 1px;
	font-weight:bold;
	padding-top:8px;
	color: #ffffff;
	cursor: pointer
	}
	
	#featured {
	padding:5px 0 0 10px;
}


#featured ul {
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
	margin-top:-10px;
}

#featured ul li{

	width:40px;
	height:50px;
	float:left;
	padding-bottom:4px;
	text-align:center;
	background:url('../images/shadow_thumb.jpg') no-repeat bottom left; 
	margin-left:0; 
	margin-right:7px; 
	margin-top:10px; 
	margin-bottom:0; 
	padding-left:0;
	 padding-right:0; 
	 padding-top:0
}

#featured img{
	float:left;
	margin:0;
	clear:both;
	cursor:pointer;
	border:2px solid #ddd;
	width:40px;
	height:45px;
}

#featured ul li img:hover{
	border:2px solid #97B638;
}


/********/

#featured-other {
	padding:15px 0 0 10px;
}


#featured-other ul {
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
	margin-top:-10px;
}

#featured-other ul li{

	width:40px;
	height:50px;
	float:left;
	padding-bottom:4px;
	text-align:center;
	background:url('../images/shadow_thumb.jpg') no-repeat bottom left; 
	margin-left:0; 
	margin-right:11px; 
	margin-top:10px; 
	margin-bottom:0; 
	padding-left:0;
	 padding-right:0; 
	 padding-top:0
}

#featured-other img{
	float:left;
	margin:0;
	clear:both;
	cursor:pointer;
	border:2px solid #ddd;
	width:40px;
	height:45px;
}

#featured-other ul li img:hover{
	border:2px solid #97B638;
}

/*******new form */


form#rfp-form label, form#rfp-form input {
	display: block;
}

form#rfp-form label {
	font-weight: bold;
	font-size: 80%;
}

form#rfp-form label em {
	font-weight: normal;
	color: #BF3A14;
	font-size: 85%;
}

form#rfp-form input, form#rfp-form select {
	margin-bottom: 10px;
	margin-top: 3px;
	padding: 2px;
	width: 300px;
	font-size: 100%;
	color: #000
}

form#rfp-form input.short {
	width: 150px;
}

form#rfp-form textarea {
	width: 300px;
	margin-bottom: 10px;
	margin-top: 3px;
	padding: 2px;
	font-size: 100%;
	color: #666;
	font-family: inherit;
}

form#rfp-form input.btn {
	width: auto;
	color: #000;
	font-size: 92%;
	padding: 2px;
}

div.form-column {
	width: 350px;
	float: left;
	margin-right: 20px;
}


legend {
	padding: 20px 5px 10px 5px;
	font-weight: normal;
	text-transform: uppercase;
	color: #A0B64E;
	font-size: 16px;
}

form#rfp-form div.check-radio input {
	display: inline;
	width: auto;
	padding: 0;
	margin: 0;
	margin-top: 1em;
}

form#rfp-form div.check-radio label {
	display: inline;
	font-weight: normal;
	font-size: 100%;
	padding: 1em 0;
}

form#rfp-form div.check-radio {
	margin-bottom: 1em;
}

form#rfp-form div#button-area {
	border-top: 2px solid #A0B64E;
	float: left;
	width: 730px;
	clear: both;
	margin-top: 1em;
	padding-top: 15px;
}

form#rfp-form div#button-area input.btn {
	margin: 1em 0;
}

fieldset { 
	margin:0; 
	padding: 0 0 10px 10px; 
	border:1px solid #aaa;
}

legend	{
	line-height:16px;
	padding:0 5px;
	}

#quickcontact div	{
	overflow:hidden;
}

label	{
float:left;
width:160px;
color:#888;
}


/*     --- */

ol#nav {
    list-style: none;
 	width: 800px;
	margin: 35px 0 0 5px;
}

ol#nav li {
    float: right;
    margin: 0 5px 0 0;
    font-size:12px;
}

ol#nav a {
    background: #bdf url('../images/tabs.gif');
    color: #a0b0ac;
    display: block;
    float: left;
    height: 2em;
    text-decoration: none;
	padding: 0px 0 4px 10px;
}

ol#nav a:hover {
    background-position: 0 -74px;
    color:#fff;
}

ol#nav a:hover span {
    background-position: 100% -74px;
}

ol#nav li.current a {
    background-color: #48f;
    background-position: 0 -37px;
    color: #000000;
}

ol#nav li.current span {
    background-position: 100% -37px;
}

ol#nav span {
    background: url('../images/tabs.gif') 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}


#header #meta-nav{
   position: absolute;
   top: 7px;
   right: 0;
}

#header #meta-nav li{
   float: left;
   color: #91a7a2;
   padding: 0 5px;
   font-size: 12px;
   list-style: none;
}

#header #meta-nav li.first{
   background: none;
}

#header #meta-nav a{
   color: #91a7a2;
   text-decoration: none;
   outline: 0;
}

#header #meta-nav a:hover{
   color: #FFF;
   text-decoration: underline;
}