/* CSS Document */

body{
    background:url(images/bg.png) repeat-x 0 0 #FFF9F2; 
    color:#333227;
    padding:0; 
    margin:0;
    overflow-x: hidden;
}


div, p, ul, h1, h2, h3, h4, h5, img, form{
    padding:0; margin:0;
}

ul{
    list-style-type:none;
}


.bank{
    line-height:0; 
    font-size:0; 
    clear:both;
}



/*------------------------ left panel -------------------------*/

#contact_pan{
    width:210px; 
    height:250px; 
    //float:top;
    position:absolute;
    margin:250px 0 0 10px;
}

#add_p1{
    width:210px;
    display:block;
    margin:7px 0 0 25px;
    height:29px;
    font-size:14px;
}

#add_p2{
    width:210px;
    display:block;
    margin:7px 0 0 25px;
    height:29px;
    font-size:12px;
}







#logo_pan{
    width:200px; 
    height:250px; 
    background:url(images/logo_bg.png) no-repeat; 
    color:#fff; float:left; 
    position:absolute;
    margin:0 0 0 15px;
}



/*------------------------main body-------------------------*/

#main_div{
    width:1070px; 
    height:1000px; 
    margin:0 auto;
    //border-style: solid;
}



#content_body{
    //padding:110px;
    width:700px; 
    height:990px; 
    margin:0 auto;
    //top:0px;
    //right:22px;
    //float:right;
    //border-style: solid;
    //border-color: red;
}





/*------------------------ header menu -------------------------*/


/*

top right bottom left
margin:0 0 0 0



*/


#header_menu{
    width:590px;
    height:40px;
    //float:left;
    margin:0;
}

#header_menu ul{
    width:550px;
    display:block;
    margin:0 0 0 125px;
    height:29px;
    font-size:0;
}

#header_menu ul li{ 
    float:left;
    height:29px; 
}



#header_menu ul li a{
    font:12px/29px Arial, Helvetica, sans-serif;
    font-weight:bold;
    height:29px;
    display:block;
    color:#FFF9F2;
    text-decoration:none;
    text-align:center;
    margin: 0 10px 0 10px;
}




#header_menu ul li a.home:hover{
    /*background:url(images/home_h.png) no-repeat 0 0; width:59px;*/
    color:#FF0000;
}

#header_menu ul li a.about:hover{
    /*background:url(images/home_h.png) no-repeat 0 0; width:59px;*/
    color:#FF0000;
}

#header_menu ul li a.services:hover{
    /*background:url(images/home_h.png) no-repeat 0 0; width:59px;*/
    color:#FF0000;
}

#header_menu ul li a.products:hover{
    /*background:url(images/home_h.png) no-repeat 0 0; width:59px;*/
    color:#FF0000;
}

#header_menu ul li a.solutions:hover{
    /*background:url(images/home_h.png) no-repeat 0 0; width:59px;*/
    color:#FF0000;
}

#header_menu ul li a.contact:hover{
    /*background:url(images/home_h.png) no-repeat 0 0; width:59px;*/
    color:#FF0000;
}






/*------------------------ serv sup sol header -------------------------*/


#sps_menu{
    width:590px;
    height:200px;
    //float:left;
    margin:10px 0 0 25px;
    background:url(images/header_pic.png) no-repeat 0 0;
    //border-style: solid;
    //border-color: green;
}

#sps_menu ul{
    width:590px;
    display:block;
    margin: 10px 0 0 0;
    height:29px;
    font-size:0;
}


#sps_menu ul li{ 
    //float:left;
    height:29px; 
}


#sps_menu ul li a{
    font:20px/20px Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    color:#AA855B;
    font-weight:normal; 
    background-image:none;
    display:block;
    width:104px;
    text-align:right;
    height:20px;
    text-decoration:none;
}


#sps_menu ul li a:hover{
    color:#5A3000;
    background-color:#FFF9F2;
    padding:0;
    margin:0;
}

#sps_menu ul li.ser{
    float:left;
    width:96px;
    display:block;
    padding:0 0 0 90px;
    height:20px;
}

#sps_menu ul li.sup{
    float:left;
    width:96px;
    display:block;
    padding:0 0 0 115px;
    height:20px;
}

#sps_menu ul li.sol{
    float:right;
    width:122px;
    display:block;
    padding:0 0 0 0;
    height:20px;
}










/*------------------------ ACTUAL CONTENT CSS GOES HERE -------------------------*/




#page_content{
    width:590px;
    height:auto;
    margin:0 0 0 25px;
    position:relative;
    top:40px;
    //border-style: solid;
    //border-color: yellow;
}
#page_content{
    width:590px;
    height:auto;
    margin:0 0 0 25px;
    position:relative;
    top:40px;
    //border-style: solid;
    //border-color: yellow;
}

#page_content ul li{

    margin:10px 0 0 0;
    font-size:14px;
    text-align: left;

}




#page_content_p2{
    width:565px;
    height:150px;
    padding:10px;
    //display:block;
    //margin:0 0 0 0;
    font-size:14px;
    text-align: left;
    //border-style: solid;
    //border-color: red;
}


#indexMainPic{
    background:url(images/indexMainPic.jpg) no-repeat; 
    width:565px;
    height:236px;
    //padding:10px;
    //display:block;
    margin:0 auto;
    //font-size:14px;
    //border-style: solid;
    //border-color: orange;
}

#aboutMainPic{
    background:url(images/aboutMainPic.jpg) no-repeat; 
    width:565px;
    height:393px;
    //padding:10px;
    //display:block;
    margin:0 auto;
    //font-size:14px;
    //border-style: solid;
    //border-color: orange;
}

#servicesMainPic{
    background:url(images/servicesMainPic.jpg) no-repeat; 
    width:565px;
    height:181px;
    //padding:10px;
    //display:block;
    margin:0 auto;
    //font-size:14px;
    //border-style: solid;
    //border-color: orange;
}


#productsMainPic{
    background:url(images/productsMainPic.jpg) no-repeat; 
    width:565px;
    height:189px;
    //padding:10px;
    //display:block;
    margin:0 auto;
    //font-size:14px;
    //border-style: solid;
    //border-color: orange;
}

#solutionsMainPic{
    background:url(images/solutionsMainPic.jpg) no-repeat; 
    width:477px;
    height:523px;
    //padding:10px;
    //display:block;
    margin:0 auto;
    //font-size:14px;
    //border-style: solid;
    //border-color: orange;
}

#contactMainPic{
    background:url(images/contactMainPic.jpg) no-repeat; 
    width:565px;
    height:310px;
    //padding:10px;
    //display:block;
    margin:0 auto;
    //font-size:14px;
    //border-style: solid;
    //border-color: orange;
}






































/*---------------------------footer-------------------*/
#footer_bg{
	background:url(images/footer_bg.gif) repeat-x; width:100%; margin:0  auto 0 auto; float:left; height:153px;
	}

#footer{
	width:525px; margin:0 auto 0 auto; 
	}

#footer ul{
	width:450px; margin:29px auto 0 auto; display:block; height:15px;
	}

#footer ul li{
	float:left; font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#6B6854;
	display:block; 
	}

#footer ul li a{
	font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#6B6854; text-decoration:none;
	margin:0 10px 0 10px;
	}

#footer ul li a:hover{
	text-decoration:underline;
	}

#footer p{
	width:525px; margin:0 0 0 162px; font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#F3F1DF;
	background-color:#6B6854
	}