HTML{height:100%}

body{height:100%; color:#FFFFFF; margin:0px; color:#333; font-family: Arial, Helvetica, sans-serif;}
a{color:#FFF;text-decoration:none; }
a:hover{color:#F00;}
td{color:#FFFFFF;}



.nav{font-size:12px;line-height:20px}

.nav A{color:#FFF;text-decoration:none; font-size:13px; font-weight:bold;}

.nav A:hover{color:#F00;font-weight:bold;text-decoration:underline;}

.text{font-size:12px;line-height:17px}
.text2{font-size:12px;line-height:15px}

.footer{color:#CCC;font-size:10px;padding:6px 6px 6px 60px}

.footer A{color:#CCC;text-decoration:none}

.footer A:visited{color:#CCC;text-decoration:none}

.footer A:hover{color:#000;text-decoration:underline}

#sscsworld_homeBG{background:#000000 url(../bg/home3.jpg) center top no-repeat fixed; color:#FFFFFF;}
#sscsworld_reelBG{background:#000000 url(../bg/reel.jpg) center top no-repeat fixed; color:#FFFFFF;}
#sscsworld_bioBG{background:#000000 url(../bg/bio.jpg) center top no-repeat fixed; color:#FFFFFF;}
#sscsworld_resumeBG{background:#000000 url(../bg/resume.jpg) center top no-repeat fixed; color:#FFFFFF;}
#sscsworld_contactBG{background:#000000 url(../bg/recommendation.jpg) center top fixed; color:#FFFFFF;}
#sscsworld_commercialBG{background:#000000 url(../bg/comercial.jpg) center top fixed; color:#FFFFFF;}
#sscsworld_recommendationBG{background:#000000 url(../bg/recommendation1.jpg) center top fixed; color:#FFFFFF;}

#sscsworld_stillBG{background:#000000 url(../bg/still.jpg) center top fixed; color:#FFFFFF;}
#sscsworld_pressBG{background:#000000 url(../bg/press.jpg) center top fixed; color:#FFFFFF;}
#sscsworld_linksBG{background:#000000 url(../bg/links.jpg) center top fixed; color:#FFFFFF;}
.sscsworld_bold{font-weight:bold; text-decoration:underline; font-size:14px; color:#FFFFFF;}

.navActive{color:#F00;font-weight:bold;text-decoration:underline}

#swarup_bgFit{position: fixed; height:100%; width:100%; margin:0; padding:0; z-index:-100;}

/**********Preformated for gallery*************/
.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width:800px;  /*Width of Carousel Viewer itself*/
height:160px; /*Height should enough to fit largest content's height*/
}


.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: -17px;
	top: 0px;
	margin:0px;
	padding:0px;

}



.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 10px 5px 10px; /*margin around each panel*/
width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
color:#fff;
}



.stepcarousel .panel img{
}

/***********END************/


/*------------------14-01-11---------------------------------*/
.ft-12{ font-size:12px;}
.ft-14{ font-size:14px;}
.ft-16{ font-size:16px;}
.ft-18{ font-size:18px;}
.fr{ float:right}
.fl{ float:left}
.pr50{padding-right:10px;}
.mt100{ margin-top:100px;}
.mt50{margin-top:50px;}
.mt10{margin-top:10px;}

.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.pt{ padding-top:30px;}

.ac{ text-align:center;}