/* CSS Document */

body * {outline: none;}

body{
padding: 0px 0px 0px 0px;
margin: 0px;
border-bottom: 20px solid #FFFFFF;
font: normal 12px Arial, Helvetica, sans-serif;
color: #353335;
}


h1, h2, h3, p, ul, form{
margin: 0px;
padding: 0px;
font-weight: normal;
font-size: 12px;}

ul{list-style-type: none;}

a:link, a:visited{text-decoration: none; color: #221E1F;}
a:hover, a:active{text-decoration: none; color: #F36E21;}

input, textarea{
border: 1px solid #F36E21;
color: #555658;}

/*	*/

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

.marginright{margin: 0px 17px 0px 0px;}
.heightbottom{height: 15px;}
.height{height: 76px;}
.breaker{margin: 0px; padding: 0px; clear: both; line-height: 0px;}

h1{
font-size: 18px;
color: #F36E21;
font-weight: bold;
line-height: 26px;
padding: 0px 0px 0px 32px;
background: url(../images/protea_bg_heading.gif) left top no-repeat;}

h2{
font-size: 12px;
line-height: 28px;
font-weight: bold;}

h3{
font-size: 12px;
line-height: 28px;
color: #F36E21;
font-weight: bold;}

p, li{line-height: 17px;}

/*********************************/
/*		HEADER START HERE		*/
/*******************************/

#header{
height: 160px;
clear: both;
border-bottom: 23px solid #FFFFFF;
background-color: #221E1F;
display: block;
padding: 20px 30px 0px 30px;}

#header .txtpadding{
padding: 80px 0px 0px 0px;}


/*********************************/
/*		HEADER END HERE			*/
/*******************************/


/*************************************/
/*		MAIN CONTENT START HERE		*/
/***********************************/

#container{
width: 725px;
margin: 0 auto;
clear: both;}

/*	LEFT COL START HERE	*/

#container #leftcol{
width: 190px;
float: left;}

/*LEFT BOX */

.leftbox{
margin: 0px;
padding: 0px;
background: url(../images/protea_left_box_repeater.gif) left top repeat-y;
overflow: hidden;
width: 190px;
}

.leftbox h2{
background: url(../images/protea_left_box_top.gif) left top no-repeat;
color: #F36D20;
font-weight: bold;
font-size: 15px;
line-height: 30px;
padding: 0px 10px 0px 10px;}

.leftbox p{
padding: 0px 10px;
text-align: justify;}

/*	LEFT NAVIGATION START HERE	*/

#leftnav{
margin: 10px 0px 0px 0px;
padding: 0px;
color: #FFFFFF;
clear: both;}

#leftnav li{
line-height: 29px;
font-size: 16px;
font-weight: bold;
border-bottom: 2px solid #FFFFFF;}

#leftnav li a:link, #leftnav li a:visited{
background: url(../images/protea_left_nav.jpg) left top no-repeat;
padding: 0px 0px 0px 10px;
color: #FFFFFF;
text-decoration: none;
display: block;
}

#leftnav li a:hover, #leftnav li a:active{
background: url(../images/protea_left_nav_h.jpg) left top no-repeat;
padding: 0px 0px 0px 10px;
color: #FFFFFF;
text-decoration: none;
display: block;
}

/*	LEFT NAVIGATION END HERE	*/

/*	RIGHT COL START HERE	*/

#container #rightcol{
width: 520px;
float: right;}

#rightcol .left{float: left; width: 358px;}
#rightcol .right{float: right;}

.boxright{
float: left;
background: url(../images/protea_right_box_repeater.gif) left top repeat-y;
width: 162px;}

.boxright a:link, .boxright a:visited{color: #FFFFFF;}
.boxright a:hover, .boxright a:active{color: #000000;}

.boxright h1{
background: #000000 url(../images/protea_right_box_top.gif) left top no-repeat;
text-align: center;
padding: 4px 2px;
line-height: normal;
height: 32px;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;}

.boxright h2{
background: #000000 url(../images/protea_right_box_bottom.gif) left top no-repeat;
text-align: center;
padding: 3px 2px;
line-height: normal;
height: 31px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;}

.boxright p{
text-align:center;
padding: 5px 0px;}

/*	ENQUIRY BOX START	*/

#boxenquiry{
background: url(../images/protea_enquiry_bottom_repea.gif) left top repeat-y;
width: 519px;
}

#boxenquiry h1{
background: url(../images/protea_enquiry_img_left.gif) left top no-repeat;
line-height: 36px;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
background-color: #F36E21;
padding: 0px 0px 0px 10px;}

#boxenquiry .boxcnt{
padding: 10px 10px 0px 10px;
width: 499px;
}

.boxcnt p{line-height: 20px;}
.boxcnt form{margin: 10px 0px 0px 0px;}
.boxcnt form label{font-weight: bold;}
.boxcnt form input{margin: 6px 0px 0px 0px;}

.txtbox{width: 190px;}
.txtbox1{width: 140px; _width: 140px;}
.label{display: block; float: left; width: 96px; line-height: 32px; text-align: right;}
.txtarea{width: 455px; float: left; height: 100px; overflow: hidden;}

.footertxt{
color: #221F1F;
padding: 5px;
line-height: 30px;
font-size: 30px;
font-weight: bold;
}

.copyright{
font-size: 10px;}

/*************************************/
/*		MAIN CONTENT END HERE		*/
/***********************************/

/*************************************/
/*		FOOTER CSS START HERE		*/
/***********************************/

#footer{
clear: both;
line-height: 32px;
text-align: right;}

#footer a{
text-decoration: underline;}

/*************************************/
/*		FOOTER CSS END	 HERE		*/
/***********************************/