@charset "UTF-8"; @media all
{ *{margin:0; padding:0}
option{padding-left:0.4em} * html body *{overflow:visible} * html iframe, * html frame{overflow:auto} * html frameset{overflow:hidden}
html{height:100%; margin-bottom:1px}
body{ font:100.01% Verdana, Arial, Helvetica, sans-serif; color:#646464; text-align:left;}
fieldset, img{border:0 solid}
blockquote{margin:0 0 1em 1.5em}
#header{position:relative}
#topnav{text-align:right}
#header, #nav, #main, #footer{clear:both}
#col1{float:left; width:200px}
#col2{float:right; width:200px}
#col3{width:auto; margin:0 200px}
#col1_content, #col2_content, #col3_content{position:relative}
.hideboth #col3{margin-left:0; margin-right:0}
.hidecol1 #col3{margin-left:0; margin-right:200px}
.hidecol2 #col3{margin-left:200px; margin-right:0}
.hideboth #col1, .hideboth #col2, .hidecol1 #col1, .hidecol2 #col2{display:none}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:block}
.floatbox{overflow:hidden}
#ie_clearing{display:none}
.subcolumns{width:100%; overflow:hidden}
.subcolumns_oldgecko{width:100%; float:left}
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l{float:left}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r{float:right; margin-left:-5px}
.c25l, .c25r{width:25%}
.c33l, .c33r{width:33.333%}
.c50l, .c50r{width:50%}
.c66l, .c66r{width:66.666%}
.c75l, .c75r{width:75%}
.c38l, .c38r{width:38.2%}
.c62l, .c62r{width:61.8%}
.subc{padding:0 0.5em}
.subcl{padding:0 1em 0 0}
.subcr{padding:0 0 0 1em}
.skip, .hideme, .print{ position:absolute; top:-1000em; left:-1000em; height:1px; width:1px;}
.skip:focus, .skip:active{ position:static; top:0; left:0; height:auto; width:auto;}
.sgCBox{margin-bottom:10px}
}
@media screen, projection
{ #page_margins{margin:0 auto}
#page_margins{width:800px;}
#header{padding-right:15px}
#topnav{color:#fff; background:transparent}
#nav{overflow:hidden}
#nav_main{position:relative;display:block;height:50px;font-size:12px;font-weight:bold;background:transparent url(../images/top_bg.jpg) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;padding:0; text-transform:uppercase}
#nav_main ul{margin:0px;padding:0 80px;list-style-type:none;width:auto}
#nav_main ul li{display:block;float:left;margin:0 1px 0 0}
#nav_main ul li a{display:block;float:left;color:#666;text-decoration:none;padding:13px 35px 0 35px;height:28px}
#nav_main ul li a:hover,#nav_main ul li a.current{color:#fff}
#main{margin:10px 0}
#teaser{clear:both; padding:0; margin:0 0 0 0}
#footer{padding:10px 20px; color:#fff; text-align:center}
#col1{float:left; width:30%; margin:0}
#col2{float:right; width:27%; margin:0}
#col3{width:auto; margin:0 27% 0 30%}
#col1_content{padding:0 10px 0 0px}
#col2_content{padding:0 0px 0 10px}
#col3_content{padding:0 0px}
#col4{width:auto; margin:0 0 0 30%}
#col4_content{padding:0 0px}
}
@media all
{ html *{font-size:100.01%}
textarea, pre, tt, code{ font-family:"Courier New", Courier, monospace;}
body{ font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; font-size:75.00%; background-image:url(../images/bckgrnd.png); background-position:50% 0; background-attachment:fixed;}
img{border:0; background:url(../images/loading.gif) 50% 50% no-repeat transparent}
#footer img{background:none !important; vertical-align:sub}
h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; margin:0 0 0.25em 0}
h1{font-size:200%}
h2{font-size:166.67%}
h3{font-size:150%}
h4{font-size:133.33%}
h5{font-size:116.67%}
h6{font-size:116.67%;}
p{line-height:1.5em; margin:0 0 1em 0}
.sgCBox, #sgScreen, #sgSlide{background:#141414 url(../images/sgScreen_obg.gif) repeat-x 0 0; padding:10px; border:1px solid #505050}
#sgScreen{width:22.5em; display:inline-block; float:left}
#sgSlide{width:40em; display:inline-block; float:right}
#sgScreen_wrap, #sgSlide_wrap{background:#000000 url(../images/sgScreen_ibg.gif) repeat-x 0 0; padding:10px; border:1px solid #505050; height:128px;}
.sgSBox{background:#141414; padding:10px; border:1px solid #505050}
.logo { width:49px; height:42px; float:left }
#slideshow li, ul, ol{list-style:none; float:left; text-indent:0; margin:0; padding:0; border:0; background:none}
#service1,#service2,#service3,#service4 { position: static; height:20px; margin:0; vertical-align:middle; visibility: visible; background: center ; border:solid 1px #3f3f3f; overflow:hidden; padding:10px 5px}
cite, blockquote{font-style:italic}
blockquote{margin:0 0 1em 1.5em}
strong,b{font-weight:bold}
em,i{font-style:italic}
pre, code{font-family:monospace; font-size:1.1em}
acronym, abbr{ letter-spacing:.07em; border-bottom:.1em dashed #c00; cursor:help;}
.warning{background:#FFF6BF url(../images/warning.gif) 5px 50% no-repeat; padding:0.1em 2.2em; color:#F90; border-top:1px solid #ffd324; border-bottom:1px solid #ffd324}
.info{background:#EBEFF9 url(../images/info.gif) 5px 50% no-repeat; padding:0.1em 2.2em; color:#09C; border-top:1px solid #b5d4fe; border-bottom:1px solid #b5d4fe}
.accept{background:#dfd url(../images/accept.gif) 5px 50% no-repeat; padding:0.1em 2.2em; color:#090; border-top:1px #79d979 solid; border-bottom:1px #79d979 solid}
.error{background:#fdd url(../images/error.gif) 5px 50% no-repeat;padding:0.1em 2.2em; color:#900; border-top:1px #e59393 solid; border-bottom:1px #e59393 solid}
.checking{background:#fff url(../images/checking.gif) 5px 50% no-repeat; padding:0.1em 2.2em; color:#333; border-top:1px #333 solid; border-bottom:1px #333 solid}
.float_left{float:left; display:inline; margin-right:1em; margin-bottom:0.15em}
.float_right{float:right; display:inline; margin-left:1em; margin-bottom:0.15em}
.center{text-align:center; margin:0.5em auto}
.sqB{margin:0.1em 0.5em 0.1em 0}
a{color:#999; text-decoration:none}
a:focus, a:hover, a:active{color:#CCC; text-decoration:none}
a.red{text-decoration:none}
a.red:focus, a.red:hover, a.red:active{text-decoration:underline}
a.red{color:#C00} a.red:focus, a.red:hover, a.red:active, .red{color:#F00}
a.blue{color:#03F} a.blue:focus, a.blue:hover, a.blue:active, .blue{color:#06F}
a.green{color:#093} a.green:focus, a.green:hover, a.green:active, .green{color:#0C3}
a.yellow{color:#FC0} a.yellow:focus, a.yellow:hover, a.yellow:active, .yellow{color:#FF0}
a.purple{color:#FF3EFF;} a.purple:focus, a.purple:hover, a.purple:active, .purple{color:#ff4fff;}
a.readMore{background:url(../images/more.gif) no-repeat 0 50%; padding-left:15px;}
.white{color:#FFF}
.all_text { color: #8f8f8f;}
#topnav a{color:#fff; font-weight:bold; background:transparent; text-decoration:none}
#topnav a:focus, #topnav a:hover, #topnav a:active{text-decoration:underline; background-color:transparent}
#footer a{color:#CCC; background:transparent; font-weight:bold}
#footer a:focus, #footer a:hover, #footer a:active{color:#fff; background-color:transparent; text-decoration:underline}
table{width:auto; border-collapse:collapse; margin-bottom:0.5em}
table.full{width:100%}
table.fixed{table-layout:fixed}
th,td{padding:0.5em}
thead th{background:#444; color:#fff}
tbody th{background:#ccc; color:#333}
tbody th.sub{background:#ddd; color:#333}
.sidebar{background:url(../images/sidebar_bg.gif) repeat-x 0 0; border:0}
.sidebar span{padding:1em}
.sidebar span input{margin:0.8em}
.sidebar .head{background:url(../images/barr.gif) 3px 0 no-repeat; height:42px; border:0; border-left:5px #CC2C2A solid; border-right:1px #aaa solid; padding-left:1.8em; line-height:3.5em; font-family:Arial, Helvetica, sans-serif; color:#666; text-transform:uppercase; font-weight:bold}
.styleCntnr{background:url(../images/complexheading.gif) no-repeat 0 0; padding:0 10px;}
.styleHeading{background:url(../images/headingbg.gif) repeat-x 0 0; display:inline-block; width:auto }
.styleHeading .hdng{line-height:30px; padding-right:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; color:#FFF; background:url(../images/headingrb.gif) no-repeat 100% 0; width:auto; height:30px;}
.mainTitle{background:url(../images/m_titile_bg.gif) 0 0 repeat-x #efefef; padding-left:1em; border:0; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.mainTitle div{background:url(../images/m_titile_arr.gif) 0 0 no-repeat; height:42px; line-height:3.5em; margin:0 0 0.8em 0; padding-left:1.8em; font-family:Arial, Helvetica, sans-serif; color:#666; text-transform:uppercase; font-weight:bold}
hr{background:#323232; margin:0.8em 0 0.8em 0; padding:0; border:0; border-top:1px #000000 solid; border-bottom:1px #323232 solid}
hr.designer{background:#dddddd; margin:0.8em 0 0.8em 0; padding:0 0 0.5em 0; border:0; border-left:100px #CC2C2A solid}
#tabs { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font: bold 100%; list-style: none; list-style:none; overflow:hidden}
.ui-tabs-nav { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font: bold 100%; list-style: none; height:30px; float:left; position:relative; overflow:hidden; border-right: 1px solid #4f4f4f; bottom: -1px;}
.ui-tabs-nav li { margin: 0; padding: 0; border: 0; outline: 0; line-height: 16px; text-decoration: none; font: bold 100%; list-style: none; float: left; overflow:hidden; border-left: 1px solid #4f4f4f; border-right: none; border-bottom:none;}
.ui-tabs-nav li a { margin: 0; padding: 0; border: 0; outline: 0; line-height:14px; text-decoration: none; font: bold 100%; list-style: none; overflow:hidden; float: left; height:30px; line-height:28px; font-size: 14px; font-weight: bold; text-decoration: none; padding:5px 15px; background:url(../images/headingbginv.gif) repeat-x 0 0;}
.ui-tabs-nav li a:hover { line-height:25px;}
.ui-tabs-nav li.ui-tabs-selected { border-bottom-color:1px solid #323232;}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover { background:url(../images/headingbg.gif) repeat-x 0 0; line-height:25px; border-bottom:none;}
.ui-tabs-panel { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; clear: both; overflow:hidden; border: 1px solid #4f4f4f; color: #7f7f7f; padding:10px; font-size: 12px;}
.ui-tabs-hide { display: none;;}
.feedbackForm form, .feedbackForm dl{margin:0; padding:0}
.feedbackForm dl{margin-bottom:5px;}
.feedbackForm dt{width:30%; text-align:left; padding:0 5px 0 0;}
.feedbackForm dt label{font-weight:bold; text-align:left}
.feedbackForm dd{margin:-22px 0 0 35%; padding:0 0 0 10px; vertical-align:top; border-left:1px solid #323232}
.feedbackForm dd input, .feedbackForm dd textarea{color:#666; width:22em}
.feedbackForm div{margin-left:37%}
html>dl dt dd input{vertical-align:text-bottom}
.feedbackForm dl:hover dd{border-left:1px solid #666}
.feedbackForm dl:hover dt{color:#fff}
.feedbackForm dd input:hover, .feedbackForm dd input:focus, .feedbackForm dd textarea:hover, .feedbackForm dd textarea:focus{color:#000}
#clients { margin:0; padding:0; list-style:none }
.clients_menu { padding:15px; margin:10px; background-color:#000000 }
.clients_image {float:left; vertical-align:middle; height:175px; width:200px; margin-right:20px; overflow:hidden;}
.clients_image2 {float:right; vertical-align:middle; height:175px; width:200px; margin-left:20px; overflow: hidden;}
#clients_detail { border:solid 1px #323232; margin:10px;}
#menu4 a.wactive { color: #FF0000; text-decoration: underline; font-size:14px }
#menu4 a.wactive:hover { color: #FF0000; text-decoration: underline; font-size:14px }
#menu4 a{ color: #3e3e3e; padding:3px;}
#menu4 a:hover{ color: #FFFFFF; padding:3px;}



#sideBarTab{float:right; height:139px; width:30px}

#sideBarFaceBook{text-align:left;}

#sideBarFaceBook{position:absolute; width:auto; height:auto; top:252px;	right:0px;}

#sideBarTabFaceBook{float:right; height:82px; width:31px; outline:none}

#sideBarTabFaceBook img{border:0px solid #FFFFFF;}

#sideBarContentsFaceBook{
	float:right;
	/*overflow:hidden !important;------------------------------------Affected in crome*/
	overflow:visible !important;
	width:300px;
	height:308px;
	
}

#sideBarContentsInnerFaceBook{width:300px; height:475px; background-color:#FFFFFF;}



}