@import url("css/menu.css");

/* CSS Document */
body {background:#FFF; height:100%; margin:0px; padding:0px; }

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style --------*/

h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:14px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}


a,a:link,a:visited,a:active{color:#3E81B5; text-decoration:none; font-weight:normal; }
a:hover{color:#D00; text-decoration:underline; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}


/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
.template_style{width:970px; margin:0 auto;}

.top_space{height:0px;}
.lang_pad{padding:7px 0 0 25px;float:left;}

.logo_top_left{padding:0px; margin:0px; height:0px;}
.logo_top_right{padding:0px; margin:0px; }
.logo_top_bg{padding:0px; margin:0 0px 0 0px; background:#FFF ;height:0px;}
.logo_left{padding:0px; }
.logo_right{padding:0px;}
.logo_pad{
	/*margin: 0 19px 0 7px;
	padding:0;
	padding-top:20px;
	height:44px;
	background-color: #FFF;
	background-image: url(images/top_header_bg.jpg);
	background-repeat: no-repeat;
	width:960px; */
	
margin:auto auto;
background:#FFF;
height:87px;
background:url(images/top_header_bg.jpg) top left no-repeat;

}

.menu_bg{padding:0 0 0 6px;  margin: 0 21px 0 32px; background:url(images/menu_bg.jpg) top left; height:35px;}
.menu_left{padding:0px; margin:0px; background:url(images/menu_l.jpg) repeat-y  top left; height:35px; overflow:hidden;}
.menu_right{margin:0px; background:url(images/menu_r.jpg) repeat-y top right;  height:35px; }

.search_style{float:right; height:40px;}
.search_bg{padding:5px 2px 0 0;}

.bread_bg{padding:0px; margin: 0 19px 0 7px; }
.bread_left{padding:0px; margin:0px; }
.bread_right{padding:0px; }

#login_style{ /*float:right;*/ position:absolute !Important; left:1000px !Important; padding:0px 0px 0px 0px; z-index:100000 !important; }
#bread_style{
	float:left;

	padding-left:18px;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.center_bg{padding:0px; margin:0px;clear:both;}
.left_bg{padding:0px; margin:0px;}
.right_bg{padding:0px; margin:0px; }
.content_pad{padding:0px 0px 0 0px; margin: 0 0px 0 0px; }
.content_width{padding-top:0px; min-height:350px;}

.bot_left{padding:0px; margin:0px; }
.bot_right{padding:0px; margin:0px; padding:0px 39px 0px 27px;}
.bot_bg{padding:0px; margin:0px; height:2px;}

.bot_pad{
	margin-bottom:20px;
	padding:0 13px 0 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}
#terms_style{float:left;}
#copy_style{float:right;}

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

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0px; margin:0px; }
.LeftPane{ padding:0px 20px 0px 0px; width:20%; margin:0px; }
.RightPane{ padding:0px 0px 0px 20px; width:20%; margin:0px; }


/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:right; padding-right:10px;}
.links,a.links:link,a.links:active,a.links:visited{
	font-weight:bold;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 11px;
}
a.links:hover{
	font-weight:bold;
color:#003399;
text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited {
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
a.user:hover{
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
a.footer:hover{color:#666666;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0px; display: block; float:left; }
div.SearchContainer a img{padding-left:5px; padding-top:3px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0px; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px;}
#SearchChoices li{
	cursor: pointer;
	margin: 0;
	padding: 2px 2px 0 2px;
	padding-left: 25px;
	height: 18px;
	text-align:left;
	background-color: #F3F7FA;
	background-repeat: no-repeat;
	background-position: 2px center;
	list-style: none;
	list-style-image: none;
	border: none;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}
#SearchChoices li.searchHilite{
	background-color: #f3f3f3;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}



#SearchChoices li.searchDefault{
	background-color: #F8FAFF;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}

















/*-------------------------------------*/

#main-container
{
margin:auto auto; 
width:960px; 
 

}
#container_forall
{
padding:0px 20px 0px 15px; 
height:auto;
}
#top-header
{
width:960px;
margin:auto auto;
background:#FFF;
height:65px;
background:url(images/top_header_bg.jpg) top left no-repeat;
}
#TechSol-logo
{
position:absolute;
width:220px;
height:54px;
z-index:3;
padding:22px 0px 0px 5px;
}
#call-us
{
position:relative;
width:270px;
height:21px;
z-index:4;
left: 685px;
top: 22px;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:right;
}
#navigation
{
height:35px;
width:960px;
margin:auto auto;
background-color:#fff;


}
#header
{
width:960px;
height:268px;
margin:auto auto;
background-color:#666666;

}
#header_mainpage
{
width:960px;
height:268px;
margin:auto auto;
background:url(images/banner3.jpg) no-repeat;
color:#003399;

}
#header_mainpage span
{
color:#000;

}
#header_mainpage a:link 
	{
	color: #3a63b1;	
	text-decoration:underline;
	}    
#header_mainpage a:visited 
	{ 
	color:#3a63b1;
	text-decoration:underline;	 
	} 
#header_mainpage a:hover 
	{
	color: #647181;text-decoration:underline;
	}
						  
#header_mainpage a:active 
	{
	color: #3a63b1;	
	text-decoration:underline;

	}  

#header_mainpage p
{
width:27em;
height:1em;
background-color:none; 
height:1em; width:27em; 
position:relative; 
top:14em; 
left:42em; 
margin:0px; 
padding:0.5em 0em .5em .7em; 
border:0px; 
color:#003399; 
font-size:14px; 
font-weight:bold; 

}

#header_innerpages
{
width:960px;
height:134px;
margin:auto auto;
background-color:#fff;
}

#container_indexpage
{
height:410px;
width:960px;
margin:auto auto;
background:url(images/bg_container.jpg) top left no-repeat;

}
	
#container_indexpage a:link 
	{
	color: #3a63b1;	
	text-decoration:underline;
	}    
#container_indexpage a:visited 
	{ 
	color:#3a63b1;
	text-decoration:underline;	 
	} 
#container_indexpage a:hover 
	{
	color: #647181;text-decoration:underline;
	}
						  
#container_indexpage a:active 
	{
	color: #3a63b1;	
	text-decoration:underline;

	}  
#container
{

width:960px;
margin:auto auto;
padding:0px;

}
#footer
{
height:60px;
width:960px;
margin:auto auto;
background-color:#fff;
padding-top:10px;

}
#footer a:link 
	{
	color: #999999;	
	}    
#footer a:visited 
	{ 
	color:#999999;
	text-decoration:underline;	 
	} 
#footer a:hover 
	{
	color: #003399;text-decoration:underline;
	}
						  
#footer a:active 
	{
	color: #000;	
	}  
#footer-text
{
float:right;
width:565px;
height:38px;
text-align:right;
vertical-align:top;
color:#999999;
font-size:11px;
font-weight:bold;
padding:8px 0px 0px 0px;
	
}
#MS-logo
{
float:left;
width:333px;
height:60px;
padding:8px 0px 0px 5px;



background:url(images/MS_logo.jpg) no-repeat;



}
#text-footer
{
padding:15px;
width:541px;
height:67px;

}

#news-bg
{
float:right;
width:258px;
height:380px;
background:url(images/news-bg.png) left center no-repeat;
margin:0px;
padding:0px 15px 18px 0px;

}
#news-bg h1
{
color:#FFFFFF; font-size:22px; padding-left:38px; margin-top:0px; padding-top:58px; margin-bottom:0px; margin-right:0px; font-weight:normal; line-height:normal;
}

#news-bg-text
{
	font-size:12px;
	padding:25px 15px 0px 5px;
	color:#FFFFFF;
	line-height:24px;
	font-family: Arial, Helvetica, sans-serif;
}
#news-bg-text span
{
padding:0px 15px 0px 25px; font-weight:bold; margin:0px; font-size:14px;
}

#news-bg-text ul
{
margin-top:0px; margin-bottom:5px;
list-style:none;
list-style-type:disc;
color:#fff;
}
#select-TechSol
{
width:665px;
height:335px;
vertical-align:top;
margin:0px;
float:left;
padding:10px;
font-family:Arial, Helvetica, sans-serif;

}
#TechSol_contactus
{
height:165px;
width:650px; 
background-color:#f9f9f9; 
border:dotted 1px #666666; 
padding:5px; 
line-height:18px;
}
.TechSol_contactus_text
{
float:left; 
height:160px; 
width:260px; 
padding:10px; 
vertical-align:middle;

}
#hongkong_contactus
{
height:165px; 
width:650px; 
background-color:#f9f9f9; 
border:dotted 1px #666666; 
padding:5px;
}
.hongkong_contactus_text
{
float:left; 
height:160px; 
width:260px; 
padding:10px; 
vertical-align:middle;

}
#Pakistan_contactus
{
height:165px; 
width:650px; 
background-color:#f9f9f9; 
border:dotted 1px #666666; 
padding:5px;
}
.Pakistan_contactus_text
{
float:left; 
height:160px; 
width:260px; 
padding:10px; 
vertical-align:middle;
}
#headings_text
{
background:url(images/bg_headings.jpg) left no-repeat; 
height:35px; 
padding:20px 25px 0px 20px; 
font-weight:bold; margin:0px; width:615px; 
font-size:16px; 
text-transform:uppercase; 
color:#222222;
}
.text1
{
font-size:32px;
font-weight:normal;
color:#000000;
margin:0px;
line-height:24px;
padding-top:15px;
padding-bottom:10px;

}
.text2
{
font-size:15px;
font-weight:bold;
color:#000000;
margin:0px;
line-height:24px;
padding:0px;

}
.text3
{
font-size:14px;
color:#000000;
font-weight:normal;
margin:0px;
line-height:18px;
text-align:justify;
padding-bottom:15px;
}
.text4
{
font-size:13px;
font-weight:normal;
color:#222222;
margin:0px;
padding:5px;
line-height:18px;
text-align:justify;
width:650px;
}
.text5
{
font-size:14px;
font-weight:bold;
color:#666666;
margin:0px;
text-transform:uppercase;
line-height:18px;
text-align:justify;
}
.text6
{
font-size:12px;
font-weight:normal;
color:#505050;
margin:0px;
line-height:18px;
text-align:left;

}
.text7
{
font-size:12px;
font-weight:bold;
color:#444444;
margin:0px;
line-height:18px;
text-align:justify;
}
#consulting
{
float:left;
width:210px;
height:210px;
margin:0px 0px 0px 0px;
list-style-type:disc;
}
#text_consulting
{
font-size:18px;
font-weight:bold;
color:#000;
margin:0px;
line-height:16px;
padding-top:95px;
padding-bottom:0px;
}
#consulting ul p
{
font-size:12px;
font-weight:normal;
color:#3a63b1;
margin:0px;
line-height:20px;
padding-top:8px;


}

#consulting li
{
font-size:12px;
font-weight:normal;
color:#3a63b1;
padding-top:0px;
list-style-type:disc;
text-decoration:underline;
}

#Services
{
float:left;
width:210px;
height:211px;
margin:0px 0px 0px 13px;
}
#Services ul p
{
font-size:12px;
font-weight:normal;
color:#3a63b1;
margin:0px;
line-height:35px;
list-style:disc;
padding-top:8px;

}

#Services li
{
font-size:12px;
font-weight:normal;
color:#3a63b1;
list-style:disc;
padding-top:0px;
text-decoration:underline;
}


#Advantages
{
float:left;
width:210px;
height:211px;
margin:0px 0px 0px 20px

}
#Advantages ul p
{
font-size:12px;
font-weight:normal;
color:#3a63b1;
margin:0px;
line-height:20px;
list-style:disc;
padding-top:8px;
}

#Advantages li
{
font-size:12px;
font-weight:normal;
color:#3a63b1;
list-style:disc;
padding-top:0px;
text-decoration:underline;
}
.class-ul
{
margin:0px; padding:20px 0px 0px 5px; list-style-position:inside; line-height:20px; text-decoration:none;
}
/*------------------Menu start-------------------*/
#memu { 
	display: block;
    text-align: center;
    font-size: 120%;
    text-decoration: none;
	width:100%;
	height:35px;
}

#menu ul { 
	width: 960px; /*If your links text is bigger you will have to adjust this value*/
    height: 35px;
	margin: 0 0;
	padding: 0;
	line-height: 34px; /*same as height. This will center your text verticaly*/
	text-decoration: none;
    background: url(images/menu_bg.jpg) repeat-x left top;
}

/*Left Corner*/
#menu ul li.left {
	display: block;
	float: left;
	clear: left;
	width: 60px;
	height: 35px;
    background: url(images/menu_l.jpg) no-repeat left top;
}

/*Right Corner*/
#menu ul li.right {
	display: block;
	float: right;
	clear: right;
	width: 60px;
	height: 35px;
    background: url(images/menu_r.jpg) no-repeat right top;
}

#menu ul li { 
	width: auto;
	display: inline;
	float: left;
	list-style: none;
	text-align: center;
	text-decoration: none;
}
			
#menu ul li a { 
	display: block;
	text-decoration: none;
	text-transform: inherit;
	padding: 0 25px;
	color: #fff;
}

#menu ul li em {
	display: block;
	float: left;
	width: 2px;
	height: 35px;
    background: url(images/menu_sep.jpg) no-repeat left top;
}

/*last separator*/
/*This will add a separator after your last link*/
#menu ul li.sep {
	width: 2px;
    background: url(images/menu_sep.jpg) no-repeat left top;
}
		  
#menu ul li a:hover, #menu ul li a.active { 
	background: transparent url(images/menu_over.jpg) repeat-x center top;
	text-decoration: none;
	Color: white;
}

#menu ul li a.active {
	font-weight: bold;
	cursor: default;
}


/******IE hack******/

[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]





/******Careers page******/
#career_main
{
 
background-color:#f9f9f9; 
border:dotted 1px #666666; 
padding:15px;
line-height:18px;

}
#career_main ul
{
margin:auto;
line-height:18px;
list-style:inside;
list-style-type:disc;


}


#career_main p
{

line-height:18px;
font-weight:normal;
color:#eaeaea;
}

#career_main_outer
{
width:638px; 
background-color:#f9f9f9; 
border:dotted 1px #666666; 
padding:5px 10px 10px 10px; 
line-height:18px;
}
#career_main_outer
{
color:#666666;
}
/******End of Careers page******/



/****** mail to TEXT start******/
.mailto a:hover {
color:#EE680E;
text-decoration:none;
}
.mailto a:link {
color:#2D6CCD;
text-decoration:none;
}
a:hover {
color:#000000;
text-decoration:underline;
}
a:link {
color:#000000;
}
a:visited 
{
color:#2D6CCD;
text-decoration:none;
}
/****** mail to TEXT end******/

/****** Support page Starts******/
#support_main_contents
{
min-height:380px;
padding-left: 10px; 
padding-right: 10px; 
padding-top: 12px;
height:auto;
width:638px; 
background-color:#f9f9f9; 
border:dotted 1px #666666; 
}
/****** Support page Ends******/


















.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


.service-box1{
background:url(images/Img_consuting.png) top left no-repeat;

}


.service-box2{
background: url(images/img_services.png) no-repeat left top;

}
.service-box3{
background: url(images/img_advantage.png) no-repeat left top;

}





.inner-page-bg{
background:url(images/body_bg_middle.jpg) center bottom repeat-x; border-left:1px solid #ccc; border-right:1px solid #ccc; 


}


.inner-page-bottom{
background:url(images/body_bg_bottom.jpg) top no-repeat; height:80px;


}

.footer-MS-logo{
	background:url(images/MS_logo.jpg);
	width:333px;
	height:60px;
	background-repeat: no-repeat;
	float:left;
	margin-top:10px;
	padding-left:5px;
	margin-left:5px;
}



.call-us {

color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
text-align:right;
padding-right:10px;
float:right;
padding-top:20px;

}



/*-----top slider---*/


#slider-wrapper {
    background:url(images/slider.png) no-repeat;
    width:998px;
    height:392px;
    margin:0 auto;
    padding-top:74px;
    margin-top:50px;
}

#slider {
	position:relative;
    width:960px;
    height:246px;
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:495px;
	bottom:0px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	left:0px;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#fff;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


br { height:0px !Important;}


/*-------top slider------*/
#container123 {
	width:960px;
	/*padding:10px;*/
	margin:0 auto;
	position:relative;
	z-index:0;
	top: -40px;
}

#example {
	width:960px;
	height:315px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:960px;
	height:341px;
	top:-3px;
	left:0px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:960px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:960px;
	height:246px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:960px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Footer
*/

#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}


/*-----------------*/