/* CSS Document */
body{margin:0; padding:0;  color:#666;}
div, p, ul, h1, h2, h3, h4, form{margin:0px; padding:0px;}
ul{list-style-type:none;}

/*--Top Panel--*/
#topPan {
    width: 1302px;
    height: 399px;
    position: relative;
    margin: 0 auto;
    padding: 0;
}


#homeimages {
    width: 1302px;
    height: 492px;
    position: absolute;
    top: 140px;
    left: 1px;
    display: block;
    color: #fff;
    padding: 65px 0px 0 0px;
}


#topPan h1{
	width: 947px;
	height: 492px;
	position: absolute;
	top: 205px;
	left: 1px;
	display: block;
	color: #fff;
	padding: 65px 86px 0 0px;

}
#topPan h1 span{font-size:14px;}

#topPan img{
	width: 121px;
	height:auto;
	display: block;
	position: absolute;
	top: 5px;
	left: 20px;
}

#topPan ul{width:520px; height:27px; position:absolute; top:150px; right:0px; z-index:5000;}
#topPan ul li{float:left; width:126px; height:27px; display:block;  margin:2px; }
#topPan ul li a{display:block; width:126px; height:27px; color:#777777; font:13px/27px 'Raleway',Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center;}
#topPan ul li a:hover{background: 50% 0 no-repeat #d11241; color:#fff; text-decoration:none;}
#topPan ul li.company{background: 50% 0 no-repeat #d11241; color:#fff; text-decoration:none; font:13px/27px 'Raleway',Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}



/*--Middle Panel--*/
#mainmiddlePan{position:relative; height:600px;  padding:0px 0 0; top:260px; z-index:5000;}
#middlePan {
    width: 1302px;
    position: relative;
    margin: 0 auto;
}

/*--left panel--*/
#middleleftPan{
	width: 300px;
    height:359px; 				
    float: left;
	padding: 10px;
	padding-left: 18px;
}
#middleleftPan h2{width:260px; height:77px; color:#D67200; font-size:11px;  font-family: 'Raleway',Arial, Helvetica, sans-serif; padding:0 0 0 60px;}
#middleleftPan p{
	padding: 10px;
	text-align: justify;
} 
#middleleftPan p span.boldtext{font-weight:normal;}
#middleleftPan p.more{width:118px; height:24px; margin:20px 0 0 284px; padding:0;}
#middleleftPan p.more a{width:100px; height:24px; display:block; background:url(images/icon5.jpg) 0 0 no-repeat #F0F0F0; color:#966202; font:16px/24px  'Raleway',Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#middleleftPan p.more a:hover{text-decoration:underline;}

/*--/left panel--*/

/*--Center panel--*/
#middlecenterPan{
	width: 300px;
	height: 359px;
	float: left;
	padding: 10px;
	padding-left:15px;
}
#middlecenterPan h2{width:260px; height:77px;  color:#D67200;  font-size:11px;  font-family:  'Raleway',Arial, Helvetica, sans-serif;  padding:0 0 0 10px;}
#middlecenterPan p{padding:10px; text-align:justify;} 

/*--/Center panel--*/



#middlebox{
	width: 246px;
	height: 384px;
	padding: 8px;
	vertical-align: middle;
	background-image: url(images/bg-bg.png);
}

#middleboxcenter{
	width: 243px;
	height: 382px;
	background-color: #fff;
	font-size: 13px;
	font-family: 'Raleway',Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

#middleboxcenterpage{
	width: 243px;
	height: 250px;
	background-color: #fff;
	font-size: 13px;
	font-family: 'Raleway',Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

#middleboxpage{
	width: 246px;
	height: 365px;
	padding: 8px;
	vertical-align: middle;
	background-image: url(images/bg-bg.png);
}



#middleboxcenterlinkurl{width:303px; height:382px; background-color:#fff;  font-size:12px;  font-family: 'Raleway',Arial, Helvetica, sans-serif;  text-align:center; }

#middleboxcentertext{min-height:169px; padding:10px; text-align:justify;}
#middleboxcentertext:link{min-height:169px; padding:10px; text-align:justify; text-decoration:none;}

.css-middleboxcenterlinkurl{ background-color:#fff;  font-size:12px;  font-family: 'Raleway',Arial, Helvetica, sans-serif;  text-align:center; }
.css-middleboxcentertext{min-height:169px; padding:10px; text-align:justify;}
.css-middleboxcentertext:link{min-height:169px; padding:10px; text-align:justify; text-decoration:none;}


#middlecenterPan h2{width:260px; height:77px;  color:#D67200;  font-size:15px;  font-family:  'Raleway',Arial, Helvetica, sans-serif;  padding:0 0 0 60px;}
#middleboxcenter p{width:260px; height:77px;  color:#D67200;  font-size:20px;  font-family:  'Raleway',Arial, Helvetica, sans-serif;  padding:0 0 0 60px;}

/*--right panel--*/

#middlerightPan{
	width: 250px;
    height:359px; 				
    float: right;
	padding: 10px;
	padding-right: 61px;
}

/*#middlerightPan{
	width: 300px;
	height: 450px;
	float: right;
	background-image: url(images/Arrow-bg.png)
}*/

#middlerightPan p.online{width:233px; height:88px; margin:18px 0 23px;}
#middlerightPan p.online a{width:189px; height:66px; display:block; background:url(images/online.jpg) 0 0 no-repeat #EFEFEF; color:#fff; font-size:11px;  font-family: 'Muli', sans-serif; font-weight:bold; text-decoration:none; padding:22px 0 0 44px;}
#middlerightPan p.online a:hover{text-decoration:none;}
/*--/right panel--*/
/*--/Middle Panel--*/
/*--Bottom Panel--*/
#bottomPan{width:708px; position:relative; margin:0 auto;}
#bottommiddlePan{width:708px; float:left; margin:41px 0; background:url(images/middleborder.gif) 0 0 repeat-y;}
/*--Bottom Left Panel--*/
#bottomleftPan{width:354px; float:left;}
#bottomleftPan p{padding:10px 72px 0 0;} 
#bottomleftPan p span.boldtext{font-weight:bold;}



/*--/Bottom Left Panel--*/
/*--Bottom Right Panel--*/
#bottomrightPan{width:354px; float:left;}
#bottomrightPan p{padding:10px 2px 0 60px;} 

/*--/Bottom Right Panel--*/
/*---FOOTER PANEL--*/
#footermainPan{height:60px; color:#fff; padding:0; margin-top:160px;}
#footerPan{width:1005px; position:relative; margin:0 auto; text-align:right;}
#footerPan ul{width:945px; position:absolute; top:36px; right:49px;}


#footerPan p.copyright{
	color: #7D7D7D;
	font: 11px/15px Tahoma,Arial, Helvetica, sans-serif;
	position: absolute;
	top: 35px;
	left: 30%;
	width: 312px;
}





#bg_containers 
{
	width: 1302px;
    margin:0;
    z-index:-5000;
}

#bg_containers div 
{
	width: 1302px;
	height: 492px;
    margin:0 auto;
}

#bg_containers .bg1 
{
    background:url("images/img-1.jpg") no-repeat;
}

#bg_containers .bg2 
{
    background:url("images/img-2.jpg") no-repeat;
}

#bg_containers .bg3 
{
    background:url("images/img-3.jpg") no-repeat;
}

#bg_containers .bg4 
{
    background:url("images/img-4.jpg") no-repeat;
}

#bg_containers .bg5 
{
    background:url("images/img-5.jpg") no-repeat;
}





#column1-wrap{
    float: left;
    width: 947px;
}
#column1{
    background-color: cyan;
    margin-right: 200px;
}
#column2{
    background-color: lime;
    float: left;
    width: 200px;
    margin-left: -200px;
}
#clear{
    clear: both;
}



/*page*/


#pageimages
{
	width: 947px;
	height: 492px;
	position: absolute;
	top: 200px;
	left: 1px;
	display: block;
	background: url(images/img-1page.jpg) 0 0 no-repeat #FEFFFE;
	color: #fff;
	padding: 65px 0px 0 0px;
	font-weight: normal;
	z-index: -500;
}

#pageimages1
{
	width: 947px;
	height: 492px;
	position: absolute;
	top: 200px;
	left: 1px;
	display: block;
	background: url(images/img-2page.jpg) 0 0 no-repeat #FEFFFE;
	color: #fff;
	padding: 65px 0px 0 0px;
	font-weight: normal;
	z-index: -500;
}
#pageimages2
{
	width: 1302px;
	height: 492px;
	position: absolute;
	top: 200px;
	left: 1px;
	display: block;
	background: url(images/img-3page.jpg) 0 0 no-repeat #FEFFFE;
	color: #fff;
	padding: 65px 0px 0 0px;
	font-weight: normal;
	z-index: -500;
}



/*--page left panel--*/
#pagemiddleleftPan{
	width: 884px;
	height:359px; 				
	float: left;
	padding: 10px;
	padding-left: 15px;
}

#pagemiddleleftPan h1{ 
font-size: 25px;  
font-family:  'Raleway',Arial, Helvetica, sans-serif;  
line-height: 1.25em;
margin: 1.25em 0;
text-align: justify;
color:#333;
}


#pagemiddleleftPan h2{ 
font-size: 15px;  
font-family:  'Raleway',Arial, Helvetica, sans-serif;  
line-height: 1.25em;
color:#756661;
text-align: justify;

}


#pagemiddleleftPan p{ 
font-size: 13px;  
font-family:  'Raleway',Arial, Helvetica, sans-serif;  
line-height: 1.25em;
margin: 1.25em 0;
text-align: justify;
}

#pagemiddleleftPan ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
text-indent: 5px;
list-style-position: outside;
list-style-image: url(arrow.gif);
list-style-type: square;
padding: 6px;
margin: 2px;
}

/*--page right panel--*/

#pagemiddlerightPan{
	width: 274px;
	height:auto;
	float: left;
	
}