@import url('topNav.css');
@import url('leftNav.css');


html {
	/*height:						100%;*/
	overflow-y:						scroll;
	min-height:						100%;
}
body {
	height:							100%;
	width:							100%;
	margin:							0px auto;
	padding:						0px 0;
	background:						#C69429;
	font-family:					Arial;
	line-height:					1.3;
}
a {color: #1F4999;}
/******************************************************
	   zero padding and margin for these elements
******************************************************/
p, ul, h1, h2, h3, h4
{
	padding:						0;
	margin:							0;
}

#outerContainer {
	margin:							0 auto;
	min-height:					    1px;
	padding:						0 0 0 0px;
	background-color:				#EBEBEB;
	background-image:				url('../images/Saglio_web_10.jpg');
	background-repeat:              repeat-y;
    width:							1000px;
  
}
#innerContainer 
{
	background:				        url('../images/Saglio_web2_01.jpg') no-repeat;
	width:                          1000px;
    padding:                        0px 0px 0 0px;
   

}
#bannerTop
{
	height:							127px; 
	padding:						25px 25px 0 25px;
	}
#bannerTop img
{
    float:                          left;
}
#bannerWrapper
{	float:							right; 
 	margin-left:                    20px;
    height: 120px;
	margin-top: 5px;

}
#bannerWrapper h1
{
    font-size:                      36px; 
    width:                          360px; 
    float:                          left; 
    padding-top:                    18px;
    }
#bannerDetails
{
	width:							321px; 
	float:							right;
	font-size:						11px;
	color:							#000000;
	line-height:					1.3;
	height: 95px;
}
#bannerDetails ul#list_01
{
    width: 190px;
    }
#bannerDetails ul#list_02
{
    width: 130px;
    }
#bannerDetails ul
{

	float:							left; 
	height:							70px;
	list-style-type:				none;       	
}
#bannerDetails ul li
{
	/*font-weight:					bold;*/
}
#bannerDetails ul li#phoneNo
{
    font-size: 22px;
    line-height: normal;
    padding-bottom: 15px;
   }

#middleContainer
{
	width:							950px; 
	padding:						0px 15px 0 15px;
	margin:							0px 0 0px 10px;
    min-height:						1px;
   }
   
#leftMenuContainer
{
	float:							left; 
	padding-bottom:					10px;
}
#leftMenuContainer #centerGrey
{
	/*background-color:				#eaeaea; */
	width:							171px; 
	font-size:						11px; 
}
#leftMenuContainer #centerGrey #logos
{
    text-align:                     center; 
    min-height:                     1px;
}
#leftMenuContainer #centerGrey #logos a
{
    text-decoration:                none;
 }
#leftMenuContainer #centerGrey img
{
	padding-left:					2px;
	border:							none;
}
h1
{	font-size:						1.4em;
	color:							#555;
	font-weight:					bold;
	}
h2
{
	font-size:						1.1em;
	color:							#555;
	font-weight:					bold;
}
h3
{
	font-size:						1em;	
	color:							#555;
	font-weight:					bold;
}
h4
{
	font-size:						0.9em;	
	color:							#555;
	font-weight:					bold;
}

#stageArea
{
	float:							left; 
	width:							753px; 
	margin-left:					25px; 	
	padding-top: 10px;
}



/*************** Content elements *******************/
.content
{
	/*margin-top:						20px; 	*/
	color:							#555;

}

.content #columnA
{
	width:							365px;
	float:							left; 
	padding-right:					20px;	
	_padding-right:					0px;	
}
.content .columnAServices
{
	float:							left; 
	padding-right:					20px;
	width:							544px;
}

.content #columnA p, .content .columnAServices p
{
	padding:						10px 0 10px 0; font-size: 0.9em;
}

.content #columnA p.intro, .content .columnAServices p.intro
{
	color:							#364B9C;
	padding:						10px 0 10px 0; font-size: 1em;
}
.content #columnB
{
	width:							366px; 
	float:							right;
	}
.content .columnBServices
{
	width:							170px; 
	float:							right;
	}
.content .columnBServices img
{
    padding-top: 15px; 
}
.Co_Name
{	font-weight:					bold; 
	font-style:						italic;
}
.content #columnB .imgRow
{
    padding:                        15px 0 15px 0; 
    min-height:                     200px;
 }
.content #columnB .imgRow .first
{
    float:                          left;
 }
.content #columnB .imgRow .second
{
    float:                          right;
}


.content #columnB .imgCol
{
    padding:                        15px 0px 15px 0; 
    width:                          170px;
    float:                          left;
 }

/******* this is used on more than one page ******/
.listServices
{
    padding:                        10px 0 0px 0; 
    width:                          365px;
 }
 
.listServices ul
{
    width:                          313px; 
    float:                          left; 
    list-style-type:                disc; 
    padding-left:                   15px;
    padding-bottom:                 10px;
    font-weight:                    bold; 
    font-size:                      0.7em;
 }
 .listServices ul.short
{    width:                          165px; 
     padding-bottom:                 10px;

}
.listServices ul li
{}
.listServices ul li a
{text-decoration:none;}

/**************************************************
			Form elements
*************************************************/
form
{	display:						block;
	padding:						0; 
	margin:							0;
	font-size: 0.8em;}
	
form ul
{
	float:							left;
	width:							335px;
	list-style-type:				none;
}

form li
{
	margin-bottom:					3px;
	width:							315px;

}

form label
{
	margin-top:						1px;
}

form input
{
	width:							315px;
	height:							16px;
}

form textarea
{
	width:							315px;
	height:							100px;
	border:							1px inset #000000;
	font-family:					Arial;
}
form input#submit				
{									width: 210px;
									height: 25px;
}

form label span.star				{color: #D41F29;}


/******** footer common on all pages ****/
#footer
{
	min-height:						50px;
    padding-left:					25px; 
    padding-right:					25px;     
    padding-top:					20px; 
    padding-bottom:					10px; 
    width:							950px;
    clear:							both;
 }

#footer #backShade
{
	background-color:				#cccccc;
	width:							950px;
    padding:						12px 0px 12px 0px;
    /*margin-bottom:                  10px;*/
    text-align:                     center;
    font-size:						65%;

 }
#footer #backShade p
{    
	font-size:						120%; 
}
#footer #backShade p.areas
{    
	font-size:						110%; 
	padding-top:                    5px;
}
#footer #backShade p.areas a
{    
    text-decoration:                none; 
    color:                          #364B9C;
}
#footer #backShade p#BK a
{    
    color:                          #000;
}
#footer #backShade p span
{
	font-size:						18px; 
	font-weight:					bold;
    color:							#364B9C;
}
/*#footer #footerStart
{
	background:						url('../images/footer_top.gif') no-repeat; 
	height:							8px;    
	font-size:						1px;

	}*/
#footer #footerEnd
{
	/*background:						url('../images/footer_bottom_01.gif') no-repeat; */
	height:							5px;
	}
.clear
{clear: both;font-size: 1px;}