@charset "utf-8";
/* CSS Document for MysticMedia.com from Mystic Media by Subeesh*/
/* Global Styles */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
	margin: 0; 
	padding: 0; 
	border: 0; 
}

div {display: block;}
* {margin:0; padding:0;}
/*html {
	min-height: 100%;
	margin-bottom: 1px;
	height: auto;
}*/
img, div { behavior: url(includes/iepngfix.htc) }
body {
	background: url(../images/Bck_main.gif) repeat-x top #edf4f9;
	font-size: 100.01%;
	font-family: Arial, Helvetica, sans-serif;
	color: #323232;
}
h1{ font-size: 14px; text-align: left;}
p{ font-size: 12px; text-align: left; color: #323232; margin-left: 8px;}
p span{ font-size: 14px; font-weight: bold;}
/*MAIN STYLES START*/
#Container{
	margin: auto;
	padding: 0;
	width: 855px;
}
#Header{
	background: url(../images/Hdr_BlueShades.jpg) no-repeat right top;
	vertical-align: bottom;
} #Header img{ margin-left: 108px;}
/*NAVIGATION STYLES START*/
#Nav{
	width: 470px;
	float: right;
	margin-top: 89px;
}
.slidetabsmenu{
float:left;
width:100%;
font-size: 14px;
font-family: "Trebuchet MS";
}

* html .slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

.slidetabsmenu ul{
list-style-type: none;
margin:0;
padding:0;
}

.slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

.slidetabsmenu a{
float:left;
background:url(../images/slide-left.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
}

.slidetabsmenu a span {
float:left;
display:block;
background:url(../images/slide-right.gif) no-repeat right top;
padding:7px 13px 6px 4px;
color:#666666;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
color: black;
}

.slidetabsmenu a:hover, .slidetabsmenu li.selected a{
background-position:0% -35px;
}

.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
background-position:100% -35px;
}

html>/**/body .IEonlybr{ /*None IE browsers hack*/
display: none; /*Hide BR tag in non IE browsers, since it's not needed*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_c{
position: absolute;
top: 0;
border: 1px solid #918d8d; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 11px "Trebuchet MS";
line-height:18px;
z-index:100;
background-color: #EDF4F9;
width: 200px;
visibility: hidden;
}


.dropmenudiv_c a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #918d8d; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: #323232;
}

* html .dropmenudiv_c a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_c a:hover{ /*THEME CHANGE HERE*/
background-color: #FBFCFD;
}
/*CONTENT STYLES START*/
#Cntnt_main{
	padding: 15px;
	margin-top: 15px;
}
#Cntnt_Left{
	padding-right: 5px;
	float: left;
	padding-top: 8px;
	width: 338px;
}
#Cntnt_Rit{
	padding: 12px 5px;
	float: right;
	width: 445px;
	text-align: left;
	min-height: 750px;
} 	html>body #Cntnt_Rit { height: auto;} * html #Cntnt_Rit { height: auto;}
	#Cntnt_Rit h1{font-size: 28px; color: #323232; text-align: left; padding-bottom: 10px;}
	#Cntnt_Rit h2{font-size: 16px; color: #323232; text-align: left; padding-bottom: 4px;}
	#Cntnt_Rit h3{font-size: 12px; color: #323232; text-align: left; padding-bottom: 3px; font-weight: bold;}
		#Cntnt_Rit h3 span{ font-weight: normal;}
	#Cntnt_Rit p { text-align: left; font-size: 12px; padding-bottom: 25px; margin:0;}
	#Cntnt_Rit p.BigText{ font-size: 16px; line-height: 22px; margin-bottom: 55px;}
		#Cntnt_Rit p.BigText a:link{color: #0f0fb1; text-decoration: none; font-size: 16px;}
		#Cntnt_Rit p.BigText span{ color: #0f0fb1; font-weight: normal; font-size: 16px;}
		#Cntnt_Rit a{ color: #000066; text-align: left; font-size: 12px; marging: 10px 0;}
		#Cntnt_Rit a.Servc{ color: #0000CC; text-align: left; font-size: 12px; font-family: "Trebuchet MS"; background: url(../images/Blt_ServicLink.gif) no-repeat left center; padding: 10px 0 10px 40px;}
#Portfolio{
	width: 100%;
	margin: 0 0 15px;
	min-height: 80px;
}	html>body #Portfolio{ height: auto;}
	#Portfolio ul{ margin:6px 0 0; padding: 0;}
	#Portfolio li{ font-family: "Trebuchet MS"; font-size: 12px; text-align: left; background: url(../images/Bllt_portfolio.gif) no-repeat left center; padding-left: 20px; list-style-type: none; margin-bottom: 10px;}
	 #Portfolio li a, #Portfolio li a:hover { text-decoration: none; color: #323232;}
	#Portfolio ul.nextBlck{ float: right; width: 48%; margin-left: 2%; text-align: left;}
/*PORTFOLIO THUMB IMAGE STYLE*/
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/*PORTFOLIO THUMB IMAGE STYLE ENDS*/
#CntntRit_BlckHolder{
	width: 100%;
	margin: 0 0 8px;
	text-align: left; 
	font-size: 12px;
	padding: 2px 5px 2px 2px;
	height: 16px;
}
	#CntntRit_BlckHolder span.Lft{float: left; text-align: left; background: transparent;}
	#CntntRit_BlckHolder span.Rit{float: right; width: 35%; margin-left: 5%; text-align: right; background: transparent;}
	#CntntRit_BlckHolder.Bckwhite{ background-color: #FFFFFF;}
	#CntntRit_BlckHolder a{ color: #0000FF; text-decoration: none;}
	#CntntRit_BlckHolder.cell{text-align: left; font-size: 12px;}
#TeamBlockLft{
	width: 50%;
	text-align: left;
	float: left;
	font-size: 12px;
}
#TeamBlockRit{
	width: 45%;
	margin-left: 5%;
	text-align: left;
	float: right;
	margin-top: 0;
}
#Icon_Divs{
	width: 100%;
	text-align: left;
	margin: 0 0 15px;
	float: left;
}
	#Icon_Divs img{ float: left; margin: 0 15px 20px 0;}
	#Icon_Divs h1{ font-size: 24px; color: #930000; text-align: left; margin: 0 0 0 98px; padding:0;}
	#Icon_Divs p { text-align: left; margin: 0 0 0 98px; padding:0;}
.TextField{
	font-size: 12px;
	text-align: right;
}

#Footer{
	border-top: 1px solid #CCCCCC;
	padding: 15px 3px;
	width: 445px;
	float: right;
} html>body #Footer{ margin-top: 0px;} *html #Footer{ margin-top: 0px;}
#Footer p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; text-align: left; margin:0;}
#Footer_ritBlock{
	background: url(../images/Bck_Footer.jpg) no-repeat top center;
	text-align: left;
	font-size: 12px; 
	text-align: left; 
	color: #323232;
	padding: 10px 10px;
	width: 190px;
	margin-left: 16px;
	float: right;
}