/*  
Theme Name: Do Surf In
Theme URI: http://www.dosurfin.com/
Description: Do Surf In Theme is Copyright Theme of Do Surf In Pvt. Ltd. WebDesign by NabinBuzz & NasibArtist (PhotoShop 7.0, CS3, Slicing) & Theme Development by DeepeshPradhan and AnupRaj.
Version: 0.3
Author: DoSurfIn
Author URI: http://www.dosurfin.com/
Tags:  black, organe, white, two-columns, fixed-width, custom-header, threaded-comments, custom-menu
*/
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

a ,#main_content a{
	color:#e35000;
	text-decoration:none;
}

#main_content a:hover,a:hover{
	text-decoration:underline;
}
a.more{
    padding-left:15px;
    background: url(images/ps.gif) left no-repeat;
}

@font-face {
	font-family: Franklin Gothic Demi Cond;
	src: url(‘FRADMCN.TTF’);
 }

h1{
 	font-family: Franklin Gothic Demi Cond;
	src: url(�FRADMCN.TTF�);
	color:#fffcf0;
	font-size:40px;
	font-weight:normal;
	line-height:50px;
}

h2{
	font-size:21px;
	color:#5e8a00;
	font-family: MS Reference Sans Serif;
	src: url(�REFSAN.TTF�);
	text-transform:normal;
	font-weight:normal;
	margin-bottom:15px;


	margin: 20px auto 15px 5px;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#C80100;
	font-weight:normal;
	text-transform:normal;

	margin: 20px auto 15px 5px;
}

.clear{
	clear:both;
}


body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4b4b4b;
	font-stretch:normal;
	font-variant:normal;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF; /*fbeecf*/
	line-height:18px;
}
p{
	text-align:justify;
	color: #474747;
	margin: 18px 0;
}


/* Header */
#header{
	background-color:#000000;	height:156px;
	width:100%;
    /*    border-bottom: 2px solid #FFFFFF;    border-bottom: 1px solid #FFFFFF;    */
	background: url("images/header_top.jpg") repeat-x scroll 0 0 transparent; /*bg-header.gif*/
}

#header_inner{
	position:relative;
	margin:0px auto;
	width:960px;
	height:110px;
}

#header_inner #logo{
	width:284px;
	height:110px;
	margin-top:0px;
	padding-top: 5px;
	float:left;   
	/* background:url(images/bg-logo.png) no-repeat;*/
}

#header_right{
	float:right;
	/*width:666px;*/
}
#header h1{    
	color: #FFFCF0;
	font-family: Arial;
	font-size: 45px;
	font-weight: normal;
	line-height: 40px;
	padding-left: 15px;
}
#support{
	margin-top:9px;
	float:right;
}

#main_menu{
	width:auto;/*666px;*/
}

#header_right ul{
	width:100%;
	list-style:none;
	margin-top:0px;
}

#header_right ul li{
	float:left;
	padding:0 7px 0 7px;
	width:auto;
}

#header_right ul li a{
	color:#fff;
	font-size:13px;
	text-transform:uppercase;
	text-decoration:none;
}	


#header_right ul li a:hover, .current_menu{
	color:#fa940f;
}



#imglogo{
    /*margin-left: 120px;*/
}

#heading1{
    margin-left: 100px;
    margin-top: 15px;
    padding-left: 0;
    width: 400px;

}
#heading2{
	margin-left: 115px;
	color: #C99500;
	font-size: 12px;
	font-weight: bold;
	font-family: arial;
	width:300px;
	margin-top: -3px;
}




.mainslogan{

   color: #000000;
    font-family: Arial;
    font-size: 40px;
    font-weight: bold;
    line-height: 47px;
    margin-top: 30px;
    text-transform: none;
	text-shadow: 0px 1px 1px #ffffff;
}

.mainsloganbig {
    font-size: 53px;

}


















/* Banner */
#banner{
	/*pattern_repeat.gif*/
	/*background-image:url(images/banner_bgyellow.jpg);*/
	
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	width:100%;
	height:408px;
	/*background-repeat:repeat-x;*/
	background-position:center;  
}


#banner_main{
	position:relative;
	margin:0px auto;
	width:960px;
}

#left_banner{
	width:480px;
	float:left;
}

#right_banner{
	float:right;
	width:440px;
    padding-left:20px;
    padding-top:20px;
}

#right_banner ul{
	list-style:none;
	padding-left:196px;
}

#right_banner ul li{
	float:left;
	padding-right:5px;
	padding-top:6px;, _padding-top:4px; @padding-top:4px;
}

#right_banner ul li a, #right_banner .selected{
	display:block;
	width:8px;
	height:8px;
	background-image:url(images/circle_icon.gif);
	background-repeat:no-repeat;
}

#right_banner ul li a:hover, #right_banner .selected{
	background-image:url(images/circle_hover.gif);
}

#left_banner h1{
	margin-top:40px;
}

#banner_services p{
	/*font-weight:normal;
	font-family: Franklin Gothic Demi Cond;
	src: url(�FRADMCN.TTF�);
	font-size:25px;
	color:#000000;*/
	margin:30px 0 5px 0;
}

#banner_services ul{
	width:230px;
	margin-right:20px;
	list-style:none;
	float:left;
}

#banner_services ul li{
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#DFDFDF;
}

#right_banner{
	background-image:url(images/monitor.png);
	width:435px;
	height:385px;
	background-repeat:no-repeat;
	position:relative;
	top:60px;
}

#right_banner img{/* 
	width:394px;
	height:252px; */
	background-repeat:no-repeat;
	/* margin:18px 0 0 20px; */
}

.paddingtop10{
	padding-top:10px;
}

.paddingbtm5{
	padding-bottom:5px;
}

.orgtxt14{
	font-size:15px;
	
}

.orglink14 a{
	font-size:20px;
	color:#e35000;
	text-decoration:none;
}

.orglink14 a:hover{
	text-decoration:underline;
}

/* Content */
#content{
	width:960px;
	margin:0px auto;
	margin-top:35px;
	margin-bottom:0px;
}

#sidebar{
	width:253px;
	float:left;
	background-image:url(images/binding_ring42x32iron.png);
	background-repeat:repeat-y;
	background-position:right top;
	padding-right:64px;
    
}

#sidebar a{
	color:#e35000;
	text-decoration:none;
	font-weight:normal;
}

#sidebar a:hover{
	text-decoration:underline;
}
#sidebar li{
    list-style:none;
}
#sidebar h3{
    margin:10px 0px 2px 0px;;
}

#sidebar ul li{ 
	background-image:url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position:left;
	line-height:26px;
	padding-left:20px;
    list-style:none;
}

.side_category{
	margin-top:20px;
}

.side_nav ul{
	list-style:none;
	margin-top:10px;
}

.side_nav ul li{
	background-image:url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position:left;
	line-height:26px;
	padding-left:20px;
}

#quote_btn{
	margin-top:20px;
}

#testi_txt_top{
	background-image:url(images/bubble_orange.png);
	width:253px;
	height:14px;
	background-position:top;
}

#testi_txt_mid{
        background-color: #FF8900;/*#92970e;*/
        color: #FFFFFF;
        margin-left: 2px;
        padding: 0 15px;
        width: 218px;
}

#testi_txt_btm{
	background-image:url(images/bubble_orange.png);
	width:253px;
	height:40px;
	background-position:bottom;
}

#client_logo{
	color:#4b4b4b;
	font-size:14px;
	font-weight:bold;
} 
#client_logo img{
	margin-right:10px;
	
}


#main_content{
	float:right;
	width:610px;
	margin-left:33px;
}

#dsi_intro img{
	float:left;
}

#dsi_intro p{
	width:420px;
	float:right;
}

.line_shadow{
	margin:20px 0 0 0px;
}

#dsi_intro{
	margin-top:20px;
}

#web_icon,#int_mkt_icon, #training_icon, #hosting_icon{
	width:28px;
	height:27px;
	background-image:url(images/services_icon_bw.png);
	float:left;
	margin-right:5px;
}

#int_mkt_icon{
	background-position:-33px 0 ;
	width:27px;
}

#training_icon{
	width:31px;
	background-position:-62px 0 ;
}

#dsi_services, #dsi_recent_project{
	margin-top:20px;
}


#hosting_icon{
	width:27px;
	background-position:-95px 0;
}

.service_cate h3, .service_cate_02 h3{
	padding-top:5px;
}

.service_cate, .service_cate_02{
	float:left;
	width:290px;
	margin-right:30px;
}

.service_cate_02{
	margin-top:30px;
}

.service_cate p, .service_cate_02 p{
	padding-top:10px; _padding-top:5px;
}



.rec_pro{
	float:left;

	margin-right:30px;
}

.rec_pro_thumb{
	width:290px;
	height:187px;
	background-image:url(images/thumb_bg_293x180.png);
	background-repeat:no-repeat;
}

.rec_pro_thumb img{
	margin:8px 0 0 8px;
}

.project_title{
	padding-top:3px;
	text-align:center;
	font-size:14px;
	color:#4b4b4b;
	margin-bottom:10px;
}



/* footer */
#footer{
    background-color:#131313;
	background-image:url(images/footer-bg.gif);
	background-repeat:repeat-x;
	height:275px;
	width:100%;
	margin-top: 10px;
}

#footer_top{
	width:960px;
	margin:0px auto;
	height:190px;
}

#footer_btm{
	width:960px;
	margin:0px auto;
	height:50px;
	color:#9a9a9a;
}

.footer_menu{
	float:left;
	padding:25px 70px 0 0;
	margin-right:50px;
}

.fmenu_title{
	font-size:14px;
	color:#e6e6e6;
	font-family: MS Reference Sans Serif;
	src: url(�REFSAN.TTF�);
	text-transform:uppercase;
	font-weight:lighter;
	
}

.footer_menu ul{
	list-style:none;
}

.footer_menu ul li{
	line-height:26px;
}

.footer_menu ul li a{
	color:#9a9a9a;
	text-decoration:none;
}

.footer_menu ul li a:hover{
	text-decoration:underline;
}

.footer_menu ul li a:link, a:visited{
	font-weight:normal;
}

.contact_info{
	float:right;
	padding:30px 0 0 0;
}

.contact_info p{
	line-height:24px;
	color:#9a9a9a;
}

.contact_info img{
	margin-top:20px;
}

#copyright{
	float:left;
	padding-top:17px;
	font-weight:bold;
}
.ampersandcopy,
.ampersandreg{
	font-size:14px;
}

#social_links{
	float:right;
	margin-top:13px;
	margin-right:174px; _margin-right:85px;
	width:123px;
	height:24px;
}

#social_links ul{
	list-style:none;
}

#social_links ul li{
	float:left;

}

#social_links .facebook, #social_links .twitter, #social_links .in{
	width:25px;
	height:24px;
	background-image:url(images/DSI_social_icon.gif);
	background-repeat:no-repeat;
	background-color:#996633;
	display:block;
	margin-right:8px;
}

#social_links .twitter{
	background-position:-33px 0;
}

#social_links .in{
	background-position:-65px 0;
}


/* services page css*/
.portfolio{
	margin-top:20px;
	background-image:url(images/picture.png);
	width:610px;
	height:252px;
	background-repeat:no-repeat;
}

.portfolio img{
	padding:7px 0 0 8px;
    width:594px;
	height:219px;
}	  

.features{
	margin-bottom:20px;
}

.features p{
	padding-top:7px;
}

#abouttemplate{
	margin-bottom:30px;
	margin-top:10px;
}

#abouttemplate ol{
	margin-left:18px;_margin-left:25px;*margin-left:25px;
	padding:0px;
}

#abouttemplate ol li{
	margin-bottom:10px;
	color:#e35000;
	font-weight:bold;
	font-size:13px;
}

#abouttemplate ol li span{
	color:#4B4B4B;
	font-size:13px;
	font-weight:normal;
}

/* submenu css*/
#template_menu_header{
	background:#fa9511;
	height:28px;
	width:100%;
}
#dclass{
	width:960px;
	margin:0px auto;
}
#dclass ul{
	list-style:none;
}

#dclass ul li{
	float:right;
	padding-left:28px;
}

#dclass ul li a{
	list-style:none;
	color:#fff;
	font-size:12px;
	text-align:right;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	line-height:28px;
}

#dclass  ul li a:hover, .current_submenu{
	color:white;
	background-image:url(images/hover.png);
	background-position:0px 0px;
	background-position:center;
	background-repeat:no-repeat;
}
#dclass .current_page_item a{
    background-image:url(images/hover.png);
    background-position:0px 0px;
    background-position:center;
	background-repeat:no-repeat;
}
/* new css file edited */
/* blog html*/
.gap{
	margin:20px 0;
	color:#6d6d6d;
}
.calenderandcontent{
	margin-bottom:20px;
}
.calender{
	background:url(images/calender.png) no-repeat;
	height:72px;
	width:72px;
	float:left;
	margin-right:10px;
}
.year{
	color:#fff;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	margin-top:1px;
}
.date{
	color:#3e3e3e;
	font-weight:bold;
	font-size:26px;
	text-align:center;
	margin-top:12px;
}
.day{
	color:#606060;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	margin-top:3px;
}
.color{
	color:#e35000;
}
.blogcontent{
	width:520px;
	float:left;
	font-size:24px;
	
}
.blogcontent span{
	font-size:12px;
}
.author{
	float:left;
	margin-right:20px;
	padding-top:10px;
}
.postedin{
	float:left;
	margin-right:20px;
	padding-top:10px;
}
.searchbar{
	float:left;
	margin-top:10px;
	font-size:12px;
}
.searchtext{
	background:url(images/searchtest.gif) no-repeat;
	width:200px;
	height:26px;
	border:0px;
	padding-left:3px;
	font-size:12px;
	color:#6d6d6d;
}
.searchicon{
	padding-left:210px;
	padding-top:5px;
}
/* line css */
.line{
	margin:18px auto;
	background:url(images/hr.png) no-repeat;
	height:10px;
}
/* comments goes here */
#comments{
margin-top:20px;
}


/* leave comment  */
.repcomment{
	background:url(images/comments_rep.gif) repeat-y;
}
.com_img{
	float:left;
	widht:80px;
	margin:12px 0px 0px 14px;
}
.com_text{
	float:left;
	width:400px;
	margin-left:20px;
	padding-bottom:10px;
}
.comment{
min-height:130px;
}
.comment{
	margin-bottom:10px;
}


#leave_comment{
	margin-top:20px;

}

#leave_comment ul{
	width:600px;
}
#leave_comment ul li{
   	float:left;
	list-style:none;
	line-height:38px;
}
.new ,.com_text p{
	margin-top:10px;
}
.com_text font{
	font-size:16px;
}
.com_text p img{
	margin-right:5px;
}
.com_text p span{
	color:#e35000;
	font-size:16px;
}

.comment_date{
	background:url(images/watch.png)no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-left:20px;
	
}
.text{
	background:url(images/styletext.png) no-repeat;
	width:233px;
	border:0px;
	color:#777777;
	padding:7px 7px 7px 7px;
    	float:left;
}
.left{
	text-align:left;
	width:90px;
	padding-right:10px;
	color:#544545;
    float:left;
}
.d_textarea{
	float:left;
	width:480;
}

.blank{
	width:340px;
	float:left;
}
.blank span{
	padding-top:-20px;
	
}

.ndblank{
	float:left;
	width:159px;
}
.textarea, .comment-form-comment textarea{
	background:url(images/commets.gif) no-repeat;
	width:431px;
	border:0px;
	height:110px;
	padding:7px;
	color:#777777;
	overflow:auto;
  }
.required {
    font-weight:bold;
    font-size:18px;
    color:red;
    padding:0px 10px 0px 10px;
}
.comment-form-author input{
    background:url(images/styletext.png) no-repeat;
	width:233px;
	border:0px;
	color:#777777;
	padding:7px 7px 7px 7px;
    

}
.comment-form-email input {
    background:url(images/styletext.png) no-repeat;
	width:233px;
	border:0px;
	color:#777777;
	padding:7px 7px 7px 7px;
    margin-left:2px;
    

}
.comment-form-url  input{
    background:url(images/styletext.png) no-repeat;
	width:233px;
	border:0px;
	color:#777777;
	padding:7px 20px 7px 7px;
    margin-left:19px;

}
.form-submit  input{
    background:url(images/submit.gif) no-repeat;
    height:44px;
    width:111px;
    border:0px;
 }
.comment{
    clear:both;
}
.comment p{
    padding-left:100px;
}
.commentlist li{
    border:2px solid #C7C6C4;
    list-style:none;
       
    margin:7px 0px;
}
.commentlist img{
    float:left;
    padding:10px;
    height:80px;
    width:80px;

}
.commentlist cite ,.says{
    padding-top:5px;
}
.fn{
    color:#E35000;
    font-size:16px;
    float:left;
}
.says{
    padding-left:10px;
    padding-top:30px;
}
.pingback{
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}
.comment-author,.vcard{
    clear:both;
}
.comment-author span{
margin-top:100px;
}
.comment-meta ,.commentmetadata{
    padding-top:10px;
	padding-bottom:10px;
}
.children {
    margin-left:10px;
    margin-right:10px;
}
.reply{
    padding-left:100px;
}
.comment-body{
	padding-right:10px;
}
.comment-body p{
	padding-bottom:10px;
}

/*leave comment */

/*deepesh new add css */
.temcont{
	margin-bottom:20px;
}
/* contact page */
#postaladdress{
	margin:10px 0px 0px 0px;
}
#postaladdress h3{
	margin:5px 0px 10px 0px;
}
.postalpara{
	width:200px;
	float:left;
}
#quickcontacts h2{
	margin-top:10px;
}
#quickcontacts ul{
	margin-bottom:10px;
}
#quickcontacts ul li{
	list-style:none;
	float:left;
}
.submitone{
	background:url(images/submit_backup.gif) no-repeat;
        height:44px;
        width:111px;
        border:0px;
	color:#fff;
}

.right{
	text-align:right;
	width:120px;
	padding-right:10px;
	color:#544545;
}
.left{
	text-align:left;
	width:90px;
	padding-right:10px;
	color:#544545;
}
.blank{
	width:180px;
	float:left;
	padding-left:5px;
	text-align:left;
	color:#8b7e7e;
}
#submit{
	background:url(images/orange_button_bg.png) no-repeat;
    	height:44px;
    	width:168px;
   	border:0px;
	color:#FFFFFF;
	font-weight:bold;
	padding-bottom: 5px;
}


/* web design portfolio page css -------------------------- */
.titlelink{
	float:left;
	width:500px;
	line-height:18px;
}

.font14{
	font-size:14px;
	color:#1a1a1a;
}

.view_details{
	float:right;
	color:#e35000;
}

.view_details p{
	background-image:url(images/detail_arrow.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:15px;
} 

.view_details a {
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}

.view_details a:hover{
	text-decoration:underline;
}

.detailarrow{
	float:right;
}

.line{
	margin:18px auto;
	background:url(images/hr.png) no-repeat;
	height:10px;
}
/*----------Portfilio page css-------*/
.protfilioinner{
	background-image:url(images/Portfolio_inner_03.gif);
	width:610px;
	height:429px;
}

.protfilioinner img{
	width:594px;
	height:397px;
	padding:8px;
}

.desingportfiliotop{
	background-image:url(images/Portfolio_inner_topimg_03.gif);
	width:292px;
	height:197px;
	float:left;
}

.desingportfiliotop img{
	padding:7px 0 0 9px;;
	width:274px;
	height:164px;
}

.desingportfiliocont{ 
	width:300px;
	float:right;
}

.portfilioheads{
	font-size:17px;
	text-transform:uppercase;
	margin-bottom:10px;
	color:#4B4B4B;
	font-weight:bold;
}


#callnumber{
	width:286px;
	height:52px;
}



/* Menu -------------------------------------------------------------- */
/*  ------------------menu v0.0------------- */

#mainmenu{

	position:relative;
	margin:0px auto;
	width:960px;
	height:40px;
}
/*  ------------------menu v0.0------------- */
	/* ------------------- 
	#mainmenu ul{
	    list-style: none outside none;
	    margin-top: 0;
	    width: 100%;
	}


	#mainmenu ul{
		width:100%;
		list-style:none;
		margin-top:0px;
	}

	#mainmenu ul li{
		float:left;
		padding:0 7px 0 7px;
		width:auto;
		background: url("images/menu_seperator.jpg") no-repeat left center;
	}
	*/

	/* Disable for the first li */
	/*
	#mainmenu ul li:first-child 
	{
	    background: none;
	}
	#mainmenu ul li a{
		color:#fff;
		font-size:13px;
		text-transform:uppercase;
		text-decoration:none;
		font-weight:bold;
	}

	#mainmenu ul li a:hover, .current_menu{
		color:#fa940f;
	}



	#mainmenu {
		background: transparent;
		display: block;
	
		margin: 0 auto;
		width: 960px;
	}	

	#mainmenu .menu-header,
	div.menu {
		font-size: 13px;
		margin-left: 12px;
		width: 928px;
	}
	#mainmenu .menu-header ul,
	div.menu ul {
		list-style: none;
		margin: 0;
	}
	#mainmenu .menu-header li,
	div.menu li {
		float: left;
		position: relative;
	}
	#mainmenu a {
		color: #aaa;
		display: block;
		line-height: 38px;
		padding: 0 10px;
		text-decoration: none;
	}
	#mainmenu ul ul {
		box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
		display: none;
		position: absolute;
		float: left;
		width: 180px;
		z-index: 99999;
	}
	#mainmenu ul ul li {
		min-width: 180px;
	}
	#mainmenu ul ul ul {
		left: 100%;
		top: 0;
	}
	#mainmenu ul ul a {
		background: #333;
		line-height: 1em;
		padding: 10px;
		width: 160px;
		height: auto;
	}
	#mainmenu li:hover > a,
	#mainmenu ul ul :hover > a {
		background: #333;
		color: #fff;
	}
	#mainmenu ul li:hover > ul {
		display: block;
	}
	#mainmenu ul li.current_page_item > a,
	#mainmenu ul li.current-menu-ancestor > a,
	#mainmenu ul li.current-menu-item > a,
	#mainmenu ul li.current-menu-parent > a {
		color: #fff;
	}
	* html #mainmenu ul li.current_page_item a,
	* html #mainmenu ul li.current-menu-ancestor a,
	* html #mainmenu ul li.current-menu-item a,
	* html #mainmenu ul li.current-menu-parent a,
	* html #mainmenu ul li a:hover {
		color: #fff;
	}
	------------------- */





/*  ------------------menu v0.1------------- */
ul#menu-dsi-main {
	margin: 0; padding: 0;
	float: left;
	width: 960px;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	background: url(topnav_stretch.gif) repeat-x;
}
ul#menu-dsi-main li {
	float: left;
	margin: 0; padding: 0;
	border-left: 1px solid #434343;
    list-style: none outside none;
}
ul#menu-dsi-main li:first-child 
	{
	    border-left: none;
	}


ul#menu-dsi-main li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#menu-dsi-main li:hover { background: #1376c9 url(topnav_active.gif) repeat-x; }
ul#menu-dsi-main li ul {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; 
	top:38px; /* 38    41 */
	display: none;
	width: 970px;
	background: #1376c9;
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	z-index:9999;
}
ul#menu-dsi-main li:hover ul { display: block; }
ul#menu-dsi-main li ul:hover{display:block;}
ul#menu-dsi-main li ul a { display: inline; }
ul#menu-dsi-main li ul a:hover {text-decoration: underline;}



/*  ------------------menu v0.1------------- */
ul.menu {
	margin: 0; padding: 0;
	float: left;
	width: 960px;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	background: url(topnav_stretch.gif) repeat-x;
}
ul.menu li {
	float: left;
	margin: 0; padding: 0;
	border-left: 1px solid #434343;
    list-style: none outside none;
}
ul.menu li:first-child 
	{
	    border-left: none;
	}


ul.menu li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul.menu li:hover { background: #1376c9 url(topnav_active.gif) repeat-x; }
ul.menu li ul {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; 
	top:38px; /* 38    41 */
	display: none;
	width: 970px;
	background: #1376c9;
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	z-index:9999;
}
ul.menu li:hover ul { display: block; }
ul.menu li ul:hover{display:block;}
ul.menu li ul a { display: inline; }
ul.menu li ul a:hover {text-decoration: underline;}


/* monitor  ------------------------------------------------------ */

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(images/loading.gif) no-repeat 50% 50%;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	position:absolute;
	bottom: 0;
	left: 165px;
	top: 251px;
	margin-left:-30px; /* Tweak this to center bullets */	
}
.theme-default .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;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

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

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}






/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.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:#000;
	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;
}




.theme-default #slider {
	/* margin:100px auto 0 auto; */
	/* Make sure your images are the same size */
	width: 390px; 
	height: 250px;
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:150px;
}


/* /monitor  ------------------------------------------------------  */
#logo a:hover {
    -moz-animation: 500ms steps(20, end) 0s normal none 1 logosprite;
}