/* Start of CMSMS style sheet '4telecom_style' */
/* CSS Document */

body{
background:#05213e;
margin:0 auto;
padding:0;
text-align:center;
}
	
#wrap{
width:900px;
margin:0 auto;
padding:0;
text-align:center;
border-left:1px solid #ffe04f;
border-right:1px solid #ffe04f;
}
	
#header{
background-image:url(uploads/images/bg_header.jpg);
width:900px;
height:139px;
border-bottom:7px solid #ffe04f;
margin:0 auto;
padding:0;
text-align:center;
}
	
	
#header a#logo, #header h5{	
text-indent: -9999px;
text-decoration: none;
padding:0;
margin:10px 0 0 15px;
border:0;
height:109px;
width:251px;
background-image:url(uploads/images/4T_logo.gif);
float:left;
display:inline;
}

img.head{
float:right;
display:inline;
margin:25px 15px 0 0;
padding:0;
}
	
#mm{
margin:0 auto;
text-align:center;
background-color:#20496f;
padding:0;
border-top:1px solid #fff;
border-bottom:1px solid #20496f;
font:bold 14px arial, helvetica, sans-serif;
}
	
#mm ul{
list-style:none;
margin:0;
padding:2px 0 0 15px;
background-color:#20496f;
}
	
#mm li{
padding:0;
margin:0;
border-left:1px solid #20496f;
}
	
#mm li, #mm a{
color:#fff;
text-align:center;
float:left;
display: inline;
line-height:35px;
width:139px;
margin:0;
background-image:url(uploads/images/btn_off.jpg);
}

#mm a{
text-decoration: none;
padding:0;
margin:0 auto;
text-align:center;
border:0;
}
	
#mm a:hover, #mm a.currentpage:link, #mm a.currentpage:visited, #mm a.currentpage:hover{
color:#20496f;
text-decoration:none;
margin:0 auto;
background-image:url(uploads/images/btn_on.jpg);
}

#mm a.activeparent:link, #mm a.activeparent:visited, #mm a.activeparent:hover{
color:#20496f;
text-decoration:none;
margin:0 auto;
background-image:url(uploads/images/btn_on.jpg);
}
	
#content{
background:#fff url(uploads/images/bg_main.jpg) top left repeat-y;
width:900px;
margin:0 auto;
padding:0;
text-align:left;
font:12px normal Arial, Helvetica, sans-serif;
}
	
/* =============================
           Sub Menu 
============================== */
#sm{
background:transparent;
margin:0; 
padding:0;
width:200px;
float:left;
display:inline;
}

#sm h2{
font:bold 16px Arial, Helvetica, sans-serif;
color:#003366;
margin:0;
padding:20px 15px 10px 10px;
border-bottom:1px solid #003366;
}

/* First level */
#sm ul{margin:0 0 19px 0; padding:0; list-style:none; text-align:left; font-weight:bold; }

#sm ul li{margin:5px 0 0 0; padding:0; display:inline;}

#sm ul li a:link, #sm ul li a:visited{
margin:0;
padding:5px 10px 5px 19px;
border-bottom:1px dotted #003366;
color:#003366;
text-decoration:none;
text-align:left;
display:block;
}

#sm ul li a:hover{color:#69696a;}

#sm ul li a.currentpage:link, #sm ul li a.currentpage:visited, #sm ul li a.currentpage:hover,
#sm ul li a.activeparent:link, #sm ul li a.activeparent:visited, #sm ul li a.activeparent:hover{
color:#69696a;
}


/* Second level */
#sm ul li ul{margin:0; padding:0; list-style:none; text-align:left; border-bottom:1px dotted #003366;}

#sm ul li ul li a:link, #sm ul li ul li a:visited{
margin:0;
padding:5px 10px 5px 29px;
border-top:0;
color:#003366;
text-decoration:none;
font-size:90%;
text-align:left;
display:block;
}

#sm ul li ul li a:hover{
background:transparent;
color:#69696a;
}

#sm ul li ul li a.currentpage:link, #sm ul li ul li a.currentpage:visited, #sm ul li ul li a.currentpage:hover{color:#69696a; background:transparent;}

	
#insidecontent{
background:#fff;
width:650px;
float:left;
margin:0 0 0 10px;
padding:20px 15px 20px 15px;
}

#insidecontent h1{
font:bold 16px Arial, Helvetica, sans-serif;
color:#003366;
margin:0 0 10px 0;
padding:0;
}

#insidecontent h2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#dd601d;
width:310px;
margin:0;
padding:0 0 5px 0;

}

#insidecontent p{
font-size:1em;
color:#666;
line-height:140%;
margin:0 0 10px 0;
width:310px;
padding:0;
}

#insidecontent ul{
font:normal 12px Arial, Helvetica, sans-serif;
color:#666;
text-align:left;
width:280px;
margin:0;
padding:0 0 0 30px;

}
	
#insidecontent li{
margin:0 10px 10px 0;
}

#insidecontent p.line{border-bottom:1px dotted #003366; width:310px; margin:10px 0 15px 0; padding-bottom:15px; line-height:140%;}
	
.imgright{float:right; display:inline; margin:5px 10px 5px 5px; padding:0;}

#insidecontent a:link, #insidecontent a:visited{
font:normal 12px Arial, Helvetica, sans-serif;
color:#003366;
}
	
#insidecontent a:hover{
text-decoration:none;
}

#middle{
width:340px;
margin:0;
padding:15px 0 0 15px;
float: left;
display:inline;
}

#middle p{
font-size:1em;
color:#666;
line-height:140%;
margin:0 0 10px 0;
width:310px;
padding:0 0 0 10px;
}

#middle h1{
font:bold 16px Arial, Helvetica, sans-serif;
color:#003366;
margin:0 0 10px 0;
width:310px;
padding:0 0 0 10px;
}


#right{
width:335px;
margin:0;
padding:15px 0 0 0;
float:right;
display:inline;
}

#right h1{
font:bold 16px Arial, Helvetica, sans-serif;
color:#003366;
margin:0 0 10px 0;
width:310px;
padding:0 0 10px 0;
border-bottom:1px solid #003366;
}

#right ul{
padding:0 0 0 10px;
margin: 0 15px 20px 10px;
font-size:1em;
color:#666;
list-style:none;
list-style-image:url(uploads/images/arrow.gif);
}
#right ul li{margin:4px 0; line-height:140%;}

#right a:link, #right a:visited{
font:normal 12px Arial, Helvetica, sans-serif;
color:#003366;
}
	
#right a:hover{
text-decoration:none;
}
	
#right #registration{
background-image:url(uploads/images/bg_signup.jpg);
width:321px;
height:236px;
margin:0;
padding:0;
}

#right #registration p{
padding:45px 15px 0 110px;
margin:0;
text-align:center;
}


#footer{
background:#fff url(uploads/images/bg_main.jpg) top left repeat-y;
width:900px;
margin:0 auto;
padding:0;
text-align:center;
font:12px normal Arial, Helvetica, sans-serif;
}
	
#footer p{
text-align:center;
color:#666;
font:normal 11px arial, helvetica, sans-serif;
padding:15px 0;
margin:0 auto;
margin-bottom:15px;
}
	
#footer a:link, #footer a:visited{
margin:0 5px ; 
padding:0;
color:#666;
text-decoration:none;
font:normal 11px arial, helvetica, sans-serif; 
}

#footer a:hover{
text-decoration:underline; 
}
	
	
	
	
	/* clearing */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
* html>body .clearfix {
display: inline-table; 
width: 100%;
} 
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}

.clear{clear:both;}
/* end clearing */ 
/* End of '4telecom_style' */