*{ margin: 0; padding: 0; }
body { 
	background-color:#FFFFFF; 
	background:url(../images/background_img.jpg) repeat-x; 
	margin: 0px auto; }
.Clear{
	clear:both;}
.TopDiv { 
	background-color:#363636; 
	height:8px; width:100%;}
.Navigation { 
	background:url(../images/my_logo.png) no-repeat; 
	background-position:left; 
	height:117px; 
	width:999px; 
	margin:0 auto;
	}
	.Navigation span { 
		float:right; 
		margin-top:40px;}
	.NavStyle { 
		background-color: #c1d9ea; 
		display: inline-block; 
		color: #1a1a1a; 
		text-decoration: none; 
		-moz-border-radius: 7px; 
		-webkit-border-radius: 7px; 
		border: 1px solid #c1d9ea; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:12px; 
		font-weight:bold; 
		position: relative; 
		cursor: pointer;	
		padding:4px 10px 4px; 
		margin:7px;}
	.NavStyle:hover { 
		background-color: #ffcc00; 
		display: inline-block; 
		color: #1a1a1a; 
		text-decoration: none;	
		-moz-border-radius: 7px; 
		-webkit-border-radius: 7px;	
		border: 1px solid #FFFFFF; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:12px; 
		font-weight:bold; 
		position: relative; 
		cursor: pointer;
		padding:4px 10px 4px;}
	.NavStyleSelected { 
		background-color: #ffcc00; 	
		display: inline-block; 
		color: #1a1a1a; 
		text-decoration: none; 
		-moz-border-radius: 7px; 
		-webkit-border-radius: 7px;	
		border: 1px solid #FFFFFF; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:12px; 
		font-weight:bold;	
		position: relative; 
		cursor: pointer; 
		padding:4px 10px 4px;
		margin:10px;}
.TopPlaceHolder{display:block;float:left;height:100px;width:279px}

.HeaderDivider{
	background:url(../images/divider.jpg) repeat-x;
	width:999px;
	height:2px;
	margin:0 auto;}
.SliderContainer{ 
	margin:0 auto; 
	width:999px;}
.BodyContainer{
	width:999px;
	margin:0 auto;}
	.ColumnLeft{
		width:313px;
		float:left;
		margin-top:20px;
		margin-bottom:10px;
		padding-right:30px;}
		.ColumnLeft h1{
			font-family:Arial, Helvetica, sans-serif;
			font-size:30px;
			color:#383838;
			font-weight:bold;
			letter-spacing:-1px;
			text-shadow: 1px 1px 1px #FFFFFF;}
		.ColumnLeft h2{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#7a7979;
			font-weight:bold;}
		.ColumnLeft h3 a{
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#00808e;
			font-weight:bold;
			letter-spacing:-1px;
			text-decoration:none;}
		.ColumnLeft h3 a:hover{
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#00a6d6;
			font-weight:bold;
			letter-spacing:-1px;
			text-decoration:none;}
		.ColumnLeft h4{
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#8c8c8c;
			font-weight:normal;
			margin-top:5px;}
		.ColumnLeft hr{
			width:300px;
			margin-top:20px;
			margin-bottom:20px;
			border: 1px dotted #7a7979; 
			border-style: none none dotted;}
		.ColumnLeft img{
			padding:3px;
			background-color:#ababab;
			margin-top:14px;
			margin-bottom:14px;}
		.ColumnLeft img:hover{
			padding:3px;
			background-color:#666666;
			margin-top:14px;
			margin-bottom:14px;
			cursor:pointer;}
		.ColumnLeft p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#2f2f2f;
			text-align:justify;
			margin-bottom:14px;
			padding-right:15px;
			line-height:17px;}
		A.ReadMore{
			background:url(../images/icon_more.png) no-repeat;
			background-position:left top;
			padding-left:20px;
			padding-bottom:6px;
			width:14px;
			height:16px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#000000;
			text-decoration:underline;}
		A.ReadMore:hover {
			background:url(../images/icon_more.png) no-repeat;
			background-position:left top;
			padding-left:20px;
			padding-bottom:6px;
			width:14px;
			height:16px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#00808e;
			text-decoration:underline;}
	.ColumnCenter{
		width:313px;
		float:left;

		margin-top:20px;
		margin-bottom:10px;
		padding-right:30px;}
		.ColumnCenter h1{
			font-family:Arial, Helvetica, sans-serif;
			font-size:30px;
			color:#383838;
			letter-spacing:-1px;
			font-weight:bold;
			text-shadow: 1px 1px 1px #FFFFFF;}
		.ColumnCenter h2{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#7a7979;
			font-weight:bold;}
		.ColumnCenter hr{
			width:300px;
			margin-top:20px;
			margin-bottom:20px;
			border: 1px dotted #7a7979; 
			border-style: none none dotted;}
		.ColumnCenter img{
			padding:3px;
			background-color:#ababab;
			margin-top:5px;
			margin-bottom:14px;}
		.ColumnCenter img:hover{
			padding:3px;
			background-color:#666666;
			margin-top:5px;
			margin-bottom:14px;
			cursor:default;}
		.ColumnCenter p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#2f2f2f;
			text-align:justify;
			margin-bottom:14px;
			padding-right:15px;
			line-height:17px;}
		.BulletContainerLeft{
			float:left;
			width:50%;
			margin-bottom:10px;}
		.BulletContainerLeft ul{
			list-style-type:none;
			}
		.BulletContainerLeft li{
			background:url(../images/bullet01.png) no-repeat;
			background-position:left;
			padding-left:20px;
			padding-bottom:4px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#000000;
			width:120px;
			height:12px;
			margin-bottom:8px;}
		.BulletContainerRight{
			float:left;
			width:50%;
			margin-bottom:10px;}
		.BulletContainerRight ul{
			list-style-type:none;
			}
		.BulletContainerRight li{
			background:url(../images/bullet01.png) no-repeat;
			background-position:left;
			padding-left:20px;
			padding-bottom:4px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#000000;
			width:120px;
			height:12px;
			margin-bottom:8px;}
		.DownloadResume{
			float:left;}
		.CommunityIcons{
			float:left;
			text-align:right;}
		A.Linkedin{
			background:url(../images/icon_linkedin.png) no-repeat;
			background-position:left top;
			padding-left:20px;
			padding-bottom:6px;
			width:18px;
			height:18px;
			margin-right:6px;}
		A.Twitter{
			background:url(../images/icon_twitter.png) no-repeat;
			background-position:left top;
			padding-left:20px;
			padding-bottom:6px;
			width:18px;
			height:18px;
			margin-right:6px;}
		A.Facebook{
			background:url(../images/icon_facebook.png) no-repeat;
			background-position:left top;
			padding-left:20px;
			padding-bottom:6px;
			width:18px;
			height:18px;
			margin-right:12px;}
	.ColumnRight{
		width:313px;
		float:left;
		margin-top:20px;
		margin-bottom:10px;}
		.ColumnRight h1{
			font-family:Arial, Helvetica, sans-serif;
			font-size:30px;
			color:#383838;
			letter-spacing:-1px;
			font-weight:bold;
			text-shadow: 1px 1px 1px #FFFFFF;}
		.ColumnRight h2{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#7a7979;
			font-weight:bold;}
		.ColumnRight hr{
			width:300px;
			margin-top:20px;
			margin-bottom:20px;
			border: 1px dotted #7a7979; 
			border-style: none none dotted;}
		.ComplimentContainer{
			background:url(../images/message_sign.png) no-repeat;
			background-position:top left;
			height:53px;
			text-align:right;}
		.ComplimentContainer p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#2f2f2f;
			text-align:justify;
			padding-top:20px;
			margin-bottom:14px;
			line-height:17px;
			font-style:italic;}
		.EmptyDiv{
			margin-top:160px;}
		.Name{
			 font-family:Arial, Helvetica, sans-serif;
			 font-weight:bold;
			 font-size:12px;
			 color:#00808e;}
		.Title{
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:12px;
			 color:#00808e;
			 line-height:27px;}
		.MoreCompliment{
			float:right;}
.FooterBackground{
	background-color:#121212; 
	height:128px; width:100%;
	margin-top:20px;}
	
	.FooterContainer{
		width:999px;
		height:128px;
		margin:0 auto;}
			
			.FooterLeft{
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#484848;
				line-height:22px;
				width:30%;
				float:left;
				margin-top:40px;}
			
			.FooterRight{
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:bold;
				color:#484848;
				float:left;
				width:70%;
				margin-top:40px;
				text-align:right;}
			.FooterRight img{
				padding-right:18px;}
/*###################### Contact Page ##############################*/
.ContactLeft{
	width:580px;
	float:left;
	margin-right:20px;
	margin-top:20px;}
	.ContactLeft h1{
			font-family:Arial, Helvetica, sans-serif;
			font-size:30px;
			color:#383838;
			font-weight:bold;
			letter-spacing:-1px;
			text-shadow: 1px 1px 1px #FFFFFF;}
	.ContactLeft p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#2f2f2f;
			text-align:justify;
			margin-bottom:14px;
			padding-right:25px;
			line-height:17px;}
	.ContactLeft input{
		background-color: #FFFFFF; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		border: 2px solid #77b3b7; 
		padding: 5px;
		width:330px;
		margin-bottom:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#30b3ba;}
	.ContactLeft input:hover{
		background-color: #FFFFFF; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		border: 2px solid #ffcc00; 
		padding: 5px;
		width:330px;
		margin-bottom:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#30b3ba;}
	.ContactLeft textarea{
		background-color: #FFFFFF; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		border: 2px solid #77b3b7; 
		padding: 5px;
		width:330px;
		margin-bottom:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#30b3ba;}
	.ContactLeft textarea:hover{
		background-color: #FFFFFF; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		border: 2px solid #ffcc00; 
		padding: 5px;
		width:330px;
		margin-bottom:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#30b3ba;}
	.Label{
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#30959c;
		margin-bottom:5px;
		font-weight:normal;
		float:left;
		width:200px;}
	.FormContainer{
		float:left;
		width:380px;}
	.SubmitBtn { 
		width:199px;
		height:59px;
		cursor:pointer;}
	.SubmitBtn:hover { 
		width:199px;
		height:59px;
		cursor:pointer;}
.ContactRight{
	width:399px;
	float:left;
	margin-top:20px;}
	.ContactRight h1{
			font-family:Arial, Helvetica, sans-serif;
			font-size:30px;
			color:#30959c;
			font-weight:bold;
			letter-spacing:-1px;
			text-shadow: 1px 1px 1px #FFFFFF;
			margin-top:30px;}
	.ContactRight h2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#383838;
		font-weight:bold;
		letter-spacing:-1px;}
	.ContactRight h3{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#000000;
		font-weight:bold;
		letter-spacing:-1px;}
	.ContactRight p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#2f2f2f;}
	A.ContactRight{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#00acb8;
			text-decoration:underline;}
	A.ContactRight:hover{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#ff6c00;
			text-decoration:none;}
.GoogleMap{
	background-color:#333333;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 3px solid #dedede; 
	padding: 6px;
	margin-bottom:15px;}
.GoogleMap:hover{
	background-color:#333333;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 3px solid #ffcc00; 
	padding: 6px;
	margin-bottom:15px;}
.PortfolioContainer{
	width:999px;
	margin:0 auto;
	margin-top:20px;}
	.PortfolioContainer h1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:30px;
		color:#383838;
		font-weight:bold;
		letter-spacing:-1px;
		text-shadow: 1px 1px 1px #FFFFFF;}
	.PortfolioContainer h2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:22px;
		color:#30959c;
		font-weight:bold;
		letter-spacing:-1px;
		text-shadow: 1px 1px 1px #FFFFFF;
		margin-left:12px;}
	.PortfolioContainer p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#2f2f2f;
		text-align:justify;
		margin-bottom:14px;
		padding-right:25px;
		line-height:17px;}
	.PortfolioContainer img{
		padding:3px;
		background-color:#ababab;
		margin:10px;
		border:0;
		float:left;
		cursor:pointer;}
	.PortfolioContainer img:hover{
		padding:3px;
		background-color:#666666;
		margin:10px;
		cursor:default;
		border:0;
		float:left;
		cursor:pointer;}
/*########################## Modal style #########################*/
 

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('../images/fancybox/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../images/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:../images/image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../images/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../images/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../images/fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../images/fancybox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../images/fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancybox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../images/fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../images/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancybox/fancy_title_right.png) repeat-x;
}
/*#########################################*/

A.BodyLink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#2f2f2f;
	margin-bottom:14px;
	padding-right:15px;
	line-height:17px;
	text-decoration:none;}
A.BodyLink:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#00808e;
	margin-bottom:14px;
	padding-right:15px;
	line-height:17px;
	text-decoration:underline;}