@charset "UTF-8";
/* CSS Document */

/* SETTING BACKGROUND-----------------------------------------*/
html, body{
width:100%;
height:100%;
overflow-x:hidden;
}
/* -----------------------------------------------------------*/

/* SECTIONS---------------------------------------------------
1. Reset (resets styling on tags)
2. Basic Template (same stylying on all pages)
3. home
4. content pages
7. planner
8. contact
------------------------------------------------------------*/


/*-1. RESET--------------------------------------------------*/
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%;
	vertical-align: top;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*------------------------------------------------------------*/


/*-1. basic---------------------------------------------------*/
body {
font: 62.5%/1.4 times; /* set font size to 10px (a nice round number) - 1.4 line height */
height: 100%;
background:url(images/bkgrd_gradient.jpg) repeat-x top center #bdbec0;
color: #000;
}


html {
height: 100%;
}


#container{
width:985px;
background:#fff;
position:absolute;
left:50%;
margin-left:-490px;
top:0;
-moz-box-shadow:3px 3px 3px #000;
-webkit-box-shadow:3px 3px 3px #000;
box-shadow:3px 3px 3px #000;
/*min-height:100%;
height:100%;*/
}

/*-1. Navigation---------------------------------------------------*/


/*-1. index---------------------------------------------------*/


#header{
float:left;
width:985px;
height:158px;
}

#topheader{
float:left;
background-image: url('images/header.jpg');
width:985px;
height:117px;
}

#logo{
float:left;
height:67px;
width:145px;
margin-top:27px;
}

#bottomheader{
float:left;
width:945px;
}

#content{
float:left;
margin-left:25px;
margin-top:25px;
width:898px;
margin-bottom:20px;
}

#contentMiddle{
float:left;
width:935px;
}

#contentBottom {
  float: left;
  width: 935px;
  margin-top: 35px;
}

.webPanel {
  float: left;
  width: 295px;
}

.webPanel2 {
  float: left;
  width: 295px;
  margin-left: 25px;
}

.headingPanel{
float: left;
width: 295px;
height: 40px;
background: #748184; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjNzQ4MTg0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDMlIiBzdG9wLWNvbG9yPSIjYjNiYmM2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NmE3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  #748184 2%, #b3bbc6 43%, #596a72 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(2%,#748184), color-stop(43%,#b3bbc6), color-stop(100%,#596a72)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #748184 2%,#b3bbc6 43%,#596a72 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #748184 2%,#b3bbc6 43%,#596a72 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #748184 2%,#b3bbc6 43%,#596a72 100%); /* IE10+ */
background: linear-gradient(45deg,  #748184 2%,#b3bbc6 43%,#596a72 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#748184', endColorstr='#596a72',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
    
border-radius: 5px 5px 0px 0px; 
-moz-border-radius: 5px 5px 0px 0px; 
-webkit-border-radius: 5px 5px 0px 0px; 
}
    
.headingPanel h3{
    color: #FFF;
    font-size: 16px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    text-align: center;
    padding: 10px 0 0 0;
    margin: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.picPanel{
    float: left;
    width: 295px;
}

.txtPanel{
    float: left;
    width: 295px;
    margin: 7px 0 0 0;
}

.txtPanel p{
    color: #000;
    font-size:13px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 500;
    text-align: left;
    line-height: 130%;
    padding: 0;
    margin: 0;
}

.ctaButton{

}

.ctaButton{
		float:left;
		width:290px;
		}
	
	.ctaButton a{
	 width: 290px;
	 height: 30px;
	 color: white;
	 text-decoration: none;
	 font-size: 16px;
	 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	 font-style: normal;
	 font-weight: 500;
	 display: block;
	 line-height: 20px;
	 padding-top:10px;
	 text-align: center;
	 margin-top:15px;

	 background: #234884; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzNDg4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzFjNDQ2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzBkMzU2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjI4NGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #234884 0%, #1c4468 50%, #0d3560 51%, #0b284f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#234884), color-stop(50%,#1c4468), color-stop(51%,#0d3560), color-stop(100%,#0b284f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #234884 0%,#1c4468 50%,#0d3560 51%,#0b284f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #234884 0%,#1c4468 50%,#0d3560 51%,#0b284f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #234884 0%,#1c4468 50%,#0d3560 51%,#0b284f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #234884 0%,#1c4468 50%,#0d3560 51%,#0b284f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#234884', endColorstr='#0b284f',GradientType=0 ); /* IE6-8 */



	 /* BORDER RADIUS */
	 -moz-border-radius: 6px;
	 -webkit-border-radius: 6px;
	 border-radius: 6px;

	 border: 1px solid #368DBE;
	 border-top: 1px solid #c3d6df;


	 /* TEXT SHADOW */

	 text-shadow: 1px 1px 1px black;

	 /* BOX SHADOW */
	 -moz-box-shadow: 0 1px 3px black;
	 -webkit-box-shadow: 0 1px 3px black;
	 box-shadow: 0 1px 3px black;
	}
	
	/* WHILE HOVERED */
	.ctaButton a:hover {
		background: #2a569c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJhNTY5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIzNTY4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzExNDc4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDNhNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2a569c 0%, #235683 50%, #114781 51%, #103a70 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a569c), color-stop(50%,#235683), color-stop(51%,#114781), color-stop(100%,#103a70)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2a569c 0%,#235683 50%,#114781 51%,#103a70 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2a569c 0%,#235683 50%,#114781 51%,#103a70 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2a569c 0%,#235683 50%,#114781 51%,#103a70 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2a569c 0%,#235683 50%,#114781 51%,#103a70 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a569c', endColorstr='#103a70',GradientType=0 ); /* IE6-8 */

	}
	
	/* WHILE BEING CLICKED */
	.ctaButton a:active {
		-moz-box-shadow: 0 2px 6px black;
		-webkit-box-shadow: 0 2px 6px black;
	}

#tabNavigation1 {
background:url("images/marine.jpg") no-repeat;
width:282px;
height:162px;
margin:0;
padding:0;
}

#tabNavigation1 span {
display: none;
}

#tabNavigation1 li, #tabNavigation1 a {
height:162px;
display:block;
}

#tabNavigation1 li {
float:left;
list-style:none;
display:inline;
}
						
#tabNav-01 {width: 282px;}

#tabNav-01 a:hover {background:url("images/marine.jpg") 0px -162px no-repeat; }

#tabNav-01 a.selected {background:url("images/marine.jpg") 0px -162px no-repeat; }


#tabNavigation2 {
background:url("images/architect.jpg") no-repeat;
width:282px;
height:162px;
margin:0;
padding:0;
}

#tabNavigation2 span {
display: none;
}

#tabNavigation2 li, #tabNavigation2 a {
height:162px;
display:block;
}

#tabNavigation2 li {
float:left;
list-style:none;
display:inline;
}
						
#tabNav-02 {width: 282px;}

#tabNav-02 a:hover {background:url("images/architect.jpg") 0px -162px no-repeat; }

#tabNav-02 a.selected {background:url("images/architect.jpg") 0px -162px no-repeat; }


#tabNavigation3 {
background:url("images/location.jpg") no-repeat;
width:282px;
height:162px;
margin:0;
padding:0;
}

#tabNavigation3 span {
display: none;
}

#tabNavigation3 li, #tabNavigation3 a {
height:162px;
display:block;
}

#tabNavigation3 li {
float:left;
list-style:none;
display:inline;
}
						
#tabNav-03 {width: 282px;}

#tabNav-03 a:hover {background:url("images/location.jpg") 0px -162px no-repeat; }

#tabNav-03 a.selected {background:url("images/location.jpg") 0px -162px no-repeat; }


#heading h1{
float:left;
width:894px;
font-family: Arial, Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:110%;
color:#0c2e54;
text-align:left;
font-size:30px;
}

#headingHome{
float:left;
width:372px;
margin-top:10px;
}

#headingHome h1{
color: #0c2e54;
font-size:47px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight: normal;
text-align: left;
font-style: normal;
font-weight: 500;
line-height: 120%;
}

#headingText{
float:left;
width:700px;
margin-top:10px;
margin-bottom:10px;
}

#headingText h1{
color: #0c2e54;
font-size:42px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight: normal;
text-align: left;
font-style: normal;
font-weight: 500;
line-height: 120%;	
}

#headingText2{
float:left;
width:380px;
margin-top:10px;	
}

#headingText2 h1{
color: #0c2e54;
font-size:42px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight: normal;
text-align: left;
font-style: normal;
font-weight: 500;
line-height: 120%;	
}

#introText p{
float:left;
width:370px;
font-family: Arial, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000;
text-align:left;
line-height:140%;
font-size:14px;
display:block;
margin-top:15px;
margin-bottom:20px;
}

.navline{
float:left;
width:985px;
}

#mainNav{
float:left;
height:40px;
width:985px;
background:#0c2e54;
}

	#mainNav ul{
	margin:0;
	padding:0px;
	list-style-type: none;
	text-align: center;	
	}

		#mainNav ul li{
		float:left;
		display:inline;
		text-align: center;
		background:#0c2e54 url("images/seperator.gif") center right no-repeat;
		width:155.5px;
		height:40px;
		}
		
		#mainNav ul li:hover{
		float:left;
		display:inline;
		text-align: center;
		background:#54688c url("images/seperator.gif") center right no-repeat;
		height:40px;
		}
		
		#mainNav ul .selected{
		float:left;
		display:inline;
		text-align: center;
		background:#54688c url("images/seperator.gif") center right no-repeat;
		height:15px;
		}
		
		#mainNav li a{
		width:155.5px;
		/*height:28px;*/
		font-family: Arial, Arial, Helvetica, sans-serif;
		text-decoration:none;
		color:#fff;
		text-align:center;
		font-size:13px;
		display:block;
		padding: 12px 0em;
		
		
		}
		
			#mainNav li a:hover{
			color:#fff;
			text-decoration:none;
			padding: 12px 0em;
			}
			
			#mainNav li a.selected{
			width:155.5px;
			font-family: Arial, Arial, Helvetica, sans-serif;
			text-decoration:none;
			color:#fff;
			text-align:center;
			font-size:13px;
			display:block;
			padding: 12px 0em;
			}

#about_image{
float:right;
margin-top:0px;
margin-right:1px;
width:480px;
}						

.slideshow{
float:right;
margin-top:15px;
margin-right:1px;
height:276px;
width:425px;
}

.slideshow img{
	height:276px;
	width:425px;
	display:none;
}

.slideshow img.first{
	display:block;
}

#slidertag{
float:right;
height:356px;
width:28px;
margin-top:0px;
}

#slidertag2{
float:right;
width:28px;
margin-top:0px;
}




#footer{
float:left;
width:985px;
height:45px;
background: #40505e; /* Old browsers */
background: -moz-linear-gradient(45deg,  #40505e 5%, #828c95 69%, #28343b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(5%,#40505e), color-stop(69%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #40505e 5%,#828c95 69%,#28343b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #40505e 5%,#828c95 69%,#28343b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #40505e 5%,#828c95 69%,#28343b 100%); /* IE10+ */
background: linear-gradient(45deg,  #40505e 5%,#828c95 69%,#28343b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40505e', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


	#botNav pre{
	float:left;
	width:620px;
	margin-left:25px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	line-height:35px;
    margin-top: 5px;
	display:block;
	}
		#botNav a{
		text-decoration:none;
		color:#fff;
		}
		
		#botNav a:hover{
		text-decoration:none;
		color:#b9cdf0;
		}
		
		#botNav .footerselected{
		text-decoration:none;
		color:#b9cdf0;
		}
	
	#copyright{
	float:right;
	margin-right:25px;
    margin-top: 5px;
	}
	
	#copyright a{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:10px;
	line-height:32px;
	color:#fff;   
	}
	


/*-end. index------------------------------------------------------------*/

/*-2. myWork----------------------------------------------------*/


/*------------------------------------------------------------*/

/*-3. marine---------------------------------------------------*/

.contentLeft{
float:left;
width:375px;
}

.contentRight{
float:right;
width:480px;
margin-left:38px;
}

#introText2 {
float:left;
width:375px;
margin-top:0px;
}

#introText2 p{
font-family: Arial, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000;
text-align:left;
line-height:130%;
font-size:13px;
margin-bottom:7px;
display:block;
}


#bulletpoints{
margin-bottom:5px;
}

#bulletpoints ul li{
font-family: Arial, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000;
text-align:left;
font-size:13px;
padding-left:12px;
background:url('images/bullet.gif') no-repeat 0px 7px;
}

.tableHeader{
float:left;
width:375px;
height:30px;
background-color:#0c2e54;
margin-bottom:5px;
margin-top:15px;
}

.tableHeader h2{
font-family: Arial, Arial, Helvetica, sans-serif;
font-size:15px;
line-height:30px;
color:#fff;
text-align:left;
font-weight:normal;
padding-left:10px;
}

.tablebottom{
float:left;
width:375px;
}

.subHead h3{
font-family: Arial, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#0c2e54;
text-align:left;
font-weight:bold;
padding-left:10px;
}

.list p{
font-family: Arial, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#000;
text-align:left;
font-weight:normal;
padding-left:10px;
}

.list {
float:left;
width:375px;
border-bottom:solid 1px;
margin-bottom:3px;
padding-bottom:3px;
}

/*------------------------------------------------------------*/
.border_box {background:#000;padding:0px;
	box-shadow:#000 0 0 5px;
	-o-box-shadow:#000 0 0 5px;
	-moz-box-shadow:#000 0 0 5px;
	-webkit-box-shadow:#000 0 0 5px;
	margin:0 0 10px 0;
	width:480px;
	height:356px;
}

.border_box2 {background:#000;padding:0px;
	margin:0 0 10px 0;
	float:right;
	width:480px;
	height:356px;
}


sliderView#{
	float:left;
	width:480px;
	margin-top:15px;
	}

#slider {
    width: 480px; /* important to be same as image width */
    height: 356px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 480px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 460px;
	height:30px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

/*-4. contact-------------------------------------------------*/



#contentLeftForm{
float:right;
margin-bottom:30px;
width:160px;
}

#contentRightForm{
float:left;
width:400px;
height:380px;
margin-right:20px;
background-color:#d5deee;
}

#contentRightForm2{
float:left;
width:400px;
height:380px;
margin-right:20px;
margin-bottom:30px;
background-color:#d5deee;
}

#google{
float:left;
width:300px;
height:300px;
}

#subTextLeft{
float:left;
width:650px;
margin-bottom:15px;
}

#subTextLeft h1 {
color: #0c2e54;
font-size: 42px;
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: normal;
text-align: left;
font-style: normal;
font-weight: 300;
line-height: 120%;
}

#subTextLeft h3{
font-family:Helvetica, Arial, sans-serif;
font-weight:normal;
line-height:110%;
color:#0c2e54;
text-align:left;
font-size:30px;
}

.contactContainer{
float:left;
margin-bottom:5px;
width:210px;
}

.icon{
float:left;
margin-right:10px;
margin-bottom:10px;
width:35px;
}

.details{
float:left;
width:150px;
margin-top:0px;
}

.details h3{
font-family: Arial, Arial, Helvetica, sans-serif;
color:#54688c;
text-align:left;
font-size:13px;
}

.details p{
font-family: Arial, Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
font-size:13px;
}

#subText {
float:left;
width:380px;
height:25px;
margin-top:8px;
margin-bottom:5px;
margin-left:12px;
}

#subText h3{
font-family: Arial,Helvetica, sans-serif;
color:#000;
text-align:left;
font-size:12.5px;
display:block;
}

#subText2 {
float:left;
width:380px;
height:65px;
margin-top:8px;
margin-bottom:5px;
margin-left:12px;
}

#subText2 h3{
font-family: Arial,Helvetica, sans-serif;
color:#000;
text-align:left;
font-size:12.5px;
display:block;
}

/*skitter-------------------------------------------------*/


.menu-icon{
  position: absolute;
  z-index: 999;
  right: 0px;
  padding: 10px;
  margin-top: 40px;
  margin-right: 25px;
  cursor: pointer;
  background-color: #888;
  border-radius: 5px;
  color: #fff;

}
div#icon{
background:url('images/menu.png');
width:16px;
height:16px;
}
#mobmenu{
  display: none;
}
#bulletpoints {
  margin-bottom: 5px;
  width: 70%;
  margin-left: 20px;
}
#bulletpoints ul{
  list-style-type: circle;
}
@media only screen and (min-width: 1007px) and (max-width: 9999px) {
#mainNav{
  display: block !important;
}
}

@media only screen and (min-width: 0px) and (max-width: 1007px) {

#headingText2 {
  margin-left:10px;
  width: 95%;
  
  }#subText {
  margin-left:10px;
  width: 95%;}
#mobmenu{
display:block;
}
#container {
  width: 100%;
    left: 0px;
  margin-left: 0px;
  }
#header{ 
width:100%;
}
#topheader {
width:100%;
background:none;
background:#021428;
}
#content {
width:100%;
}
#mainNav {
width:100%;
  height: auto;
}

.navline {
  display: none; 

}

#content {
margin-left:0px;
}

#contentBottom {
  width: 100%;
  margin-top: 0px;
}#contentMiddle {
  float: none;
  width: 100%;
}
#mainNav ul li {


  width: 100%;
  background: none;
  
  border-bottom: 1px solid white;
}
#mainNav li a.selected {
  width: 100%;
		background:#54688c;
  }
  #mainNav li a{
  width: 100%;
  }
  
  
		#mainNav ul li:hover{
		float:left;
		text-align: center;
		background:#54688c;
		height:auto;
		}
		
		
		
		
		#footer {
  text-align: center;
  float: left;
  width: 100%;
  
  height: auto;
  }
  

#copyright {
   float: none;
   }
   #botNav pre {
   float: none;
  }
  .webPanel {
   float: none;
   margin:0 auto;
}
.webPanel2 {
   float: none;
   margin:0 auto;
}
.headingPanel{
margin-top:20px;
}

#slidertag{
display:none;
}
.border_box2{

width:100%;
 overflow: hidden;
}#headingHome {
  float: left;
  width: 100%;
  }
#introText p {
  width: 80%;
  margin: 20px;
  margin-top: 20px;
}
.box_skitter_large {
  width: 100% !important;
  overflow: hidden;
  }
.container_skitter{

  max-width: 480px;
  height: 356px;
  margin: 0 auto;
}
#botNav pre {
  width: 90%;
  margin: 5%;
  white-space: pre-wrap;
  word-wrap: break-word;
  }
  

#subTextLeft{

width:95%;
}#subTextLeft h1{

margin-left:15px;
  }
  
  #contentRightForm2{

width:100%;
  }
  
  
  #subText2{

width:95%;
  }
  
 #slidertag2 {
  display: none;
}#headingText {
  width: 95%;
  margin-left: 10px;
}
  .contentLeft {
  width: 100%;
  
  padding-bottom: 20px;
}#introText2 {
  width: 95%;
  margin-left: 10px;
}.tableHeader {
  width: 100%;
  }.list {
  width: 100%;}
  
  #headingHome h1{
  
  width: 90%;
  margin-left: 15px;
  
  }
  
  #contentRightForm {
  float: none;
  margin-top: 70px;
  width: 100%;
  }#contentLeftForm {
  margin: 30px;
  }#google {
  margin: 30px;
  }
.contentRight{
    width: 100%;
  }
  .border_box {
    width: 100%;
  }
  
#about_image {
  float: right;
  margin-top: 0px;
  margin-right: 1px;
  width: 100%;
  margin-left: 15px;
}  
#about_image img {
  width: 100%;
}


}


@media only screen and (min-width: 0px) and (max-width: 560px) {
#google {
 float: none;
  margin: 30px auto;
  
 }
 #contentLeftForm {
 float: none;
  max-width: 300px;
  margin: 30px auto;
 }
}
@media only screen and (min-width: 0px) and (max-width: 400px) {
.contact ul {
  width: 85% !important;
  margin: 0 auto;
}
.contact textarea {
  width: 258px;
  margin-left: 6px;
}.contact input.submitbutton{
margin-left:0px !important;
    padding-left: 8px;
}
}
@media only screen and (min-width: 0px) and (max-width: 290px) {
.contact input[type=text] {
  width: 90% !important;
}.contact textarea {
  width: 90% !important;
}
}
@media only screen and (min-width: 0px) and (max-width: 330px) {
.webPanel {
  width: 95%;
}.webPanel2 {
  width: 95%;
}

h1{

  word-wrap: break-word;
  }

.ctaButton a {
  width: 100%;
  }.ctaButton {
  width: 100%;
}.txtPanel {
  width: 100%;
  }.picPanel {
  width: 100%;
}.picPanel img {
  width: 100%;
}.headingPanel {
  width: 100%;
  }#contentBottom {
  width: 100%;
}
}
#sagarbd{
width:30%;float:left;text-align:right;
}
#sagarbdb{
width:70%;float:left;
}
@media only screen and (min-width: 0px) and (max-width: 400px) {
#sagarbd{
width:30%;float:left;text-align:left;
}
.contact input[type=text] {
  width: 100% !important;
  margin-left: 3px;
}.contact textarea {
  width: 100% !important;
  margin-left: 6px;
}
#subText {
padding-bottom: 20px;

}
}
@media only screen and (min-width: 0px) and (max-width: 500px) {

.box_skitter .info_slide_dots .image_number {
margin:5px 0px !important;

}.box_skitter .info_slide_dots .image_number_select {
margin:5px 0px !important;
}
}


input, textarea {
  -webkit-appearance: none !important;
  -webkit-border-radius: 0 !important;
}