﻿/***CSS RESET BEGINS***/
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: baseline;
	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;
}
/***CSS RESET ENDS***/


body
{
	background:#d8d8d8 url("Imgs/TopHeader-Y.png") top left repeat-x;
	font-size:80%;
	font-family: Arial, Verdana, Sans-Serif;
}


.Wrapper
{
	width:1024px;
	margin:0 auto;
}

.CntrWrapper
{
	width: auto;
	text-align: center;
	position: relative;
	margin: 0 auto;
}

.Hdr
{
	background: url("Imgs/TopHeader.png") top center no-repeat;
	width:1024px;
	height:358px;
}

.Logo
{
	padding:13px 0 0 75px;	
	float:left;
	position: relative;
	width: 258px;
	height: 54px;
}

.HeaderPics
{
	background:transparent url("Imgs/TopHeaderPics.png") top center no-repeat;
	width: 898px;
	height: 214px;
	margin-top: 35px;
	margin-left: 64px;
	float: left;
	clear: both;
}

/***NAVIGATION***/

.Nav
{
	float:left;
	width:585px;
	height:auto;
	margin:0px 0 10px 47px;
	font-size: 12px;
	font-weight: bold;
}

.Nav .NavList li
{
	list-style-type:none;
	display:inline;
}

.Nav .NavList li a, .Nav .NavList li a:link
{
	color:#666;
	text-decoration:underline;
	font-size:1.5em;
}

.Nav .NavList li a:hover, .Nav .NavList li a:active
{
	color:#000;
	text-decoration:underline;	
	font-size:1.5em;
}



.HomePage li.Selected1 a, .AwardsPage li.Selected2 a, .TechnologyPage li.Selected3 a, .GalleryPage li.Selected4 a, .ContactPage li.Selected5 a
{
    color:#000;
	text-decoration:underline;	
	font-size:1.5em;
}

/*.Nav .NavList li a, 
.Nav .NavList li a:active, .Nav .NavList li a:visited
{
	color:#000;
	font-size:1.5em;
	padding:auto;
}


.Nav .NavList li a:hover
{
	color:#666;
	text-decoration:underline;
}*/

/***NAVIGATION***/

.Main
{
	background:transparent url("Imgs/Middle.png") top center repeat-y;
	width:1024px;
	margin:0 0 0 1px;
	z-index: 33;
}

.MainPics
{
	background:transparent url("Imgs/MainPics.png") top left repeat-y;
	width: 246px;
	height: 501px;
	float: left;
	margin-left: 65px;
}

.MainContent
{
	width:600px;
	float:right;	
	text-align:justify;
	margin:0 91px 0 0;
	padding:0 0 10px 0;
}
	

.FtrWrap
{
	background: #000 url("Imgs/Footer-Y.png") 0 0 repeat-x;
	margin:-73px auto 0 auto;
	width: 100%;
	height:383px;
	float: left;
	text-align: center;
	z-index: 99;
}

.Ftr
{	background:transparent url("Imgs/Footer.png") top left  no-repeat;
	width:1024px;
	height:383px;
	margin: 0 auto;
}

.Container1
{
	float:right;
	width:300px;
	width:255px;
	height:25px;
	margin:10px 0 0 0;
}

.CallNow
{
	font-size:1.8em;
	font-weight:bold;
}

/***MISC***/
	
.ClearAll
{
	clear:both;
	line-height:1;
}

.Btn1
{
	width:100px;
	height:40px;
	background:transparent url("Imgs/Btn1.png") top left  no-repeat;
	text-indent:-2000px;
}



.Btn2
{
	width:100px;
	height:40px;
	background:transparent url("Imgs/Btn2.png") top left  no-repeat;
	text-indent:-2000px;
	padding:0;
	margin:0;
	border:0;
	float:right;
	margin:10px -5px 0 0;
	cursor:pointer;
}
	
	
/***MISC***/


/***TYPOGRAPHY STARTS***/

h1
{
	text-align:left;
	font-size:2em;
	text-transform:uppercase;
}

h2
{
	text-align:left;
	font-size:1.5em;
	text-transform:uppercase;
	margin:0 0 10px 0;
}


p
{
	text-align:justify;
	font-size:1.3em;
	line-height:1.8em;

}

.FtrWrap .Ftr p
{
	position:relative;
	top:358px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:100%;
	padding:0;
}

/***TYPOGRAPHY ENDS***/


/***FORMS START***/


label
{
	display:block;
	padding:10px 0 5px 0;
	font-weight:bold;
}

.Attention
{
	color:red;	
}

.ValidationSummary
{
	background:#efefef; 
	border-top:1px #ccc solid; 
	border-bottom:1px #ccc solid; 
	padding:5px 10px 10px 10px; 
	margin:10px 0 10px 0	
}

.ValidationSummary ul li
{
	padding:5px 0 0 0;	
}

/***FORMS END***/


/***CONTACT FORM***/

.Btn1
{
	display:block;	
	clear:both;
	margin:10px 0 0 0;
	float:right;
}

.ContactForm
{
	width:267px;
	float:left;
}


.ContactInformation
{
	width:315px;
	float:right;
	margin:0 -10px 0 0;	
	border-left:1px #ccc solid;
	padding:0 0 0 10px;	
}


.ContactList
{
	background:#efefef; 
	border-top:1px #ccc solid; 
	border-bottom:1px #ccc solid; 
	padding:5px 0 10px 10px;	
}

.ContactList ul li
{
	list-style-type:none;
	padding:5px 0 0 0;
}

.ContactListLeft
{
	float:left;
	font-size:1.2em;
}

.ContactListRight
{
	float:right;
	padding:0 10px 0 0;
}

/***CONTACT FORM***/


/***IMAGE GALLERY START ***/


.Gallery {
	background-color: #fff;
	text-align:left;	
}

.Gallery ul { list-style: none;}
.Gallery ul li { display: inline; padding:0 7px 0 0;}

.Gallery ul li a
{
	width:160px;
	font-size:0%;
}

.Gallery ul img {
	border: 5px solid #efefef;
	border-width: 5px 5px 5px;
}

.Gallery ul a:hover img {
	border: 5px solid #333;
	border-width: 5px 5px 5px;
	color: #fff;
}

.Gallery ul a:hover { color: #ccc; }

.Gallery h2
{
	border-bottom:4px #000 solid;	
	margin:50px 0 20px 0;
	padding:0;
}

h2.Technology
{
	border-bottom:4px #000 solid;	
	margin:0px 0 20px 0;
	padding:0;
}

.Technology h2
{
	border-bottom:4px #000 solid;	
	margin:50px 0 20px 0;
	padding:0;
}


.GalleryListContainer
{
	background:#efefef; 
	border-top:1px #ccc solid; 
	border-bottom:1px #ccc solid; 
	padding:5px 10px 10px 10px;
	width:582px;
}

.GalleryListContainer ul li
{
	display:inline;
	width:250px;
	float:left;
}

.GalleryListContainer ul li ul li
{
	display:block;
	width:350px;
	padding:10px 0 0 0;
}

.GalleryList li a, .GalleryList li a:active, .GalleryList li a:visited
{
	color:#000;
	font-size:.90em;
}

.GalleryList li a:hover
{
	color:#666;
}
/***IMAGE GALLERY END***/


/***START QUALIFICATIONS AND AWARDS PAGE STYLING***/


.Awards h2
{
	border-bottom:4px #000 solid;	
	padding:0;
	margin:30px 0 0 0;
}

.Awards h2:first-child
{
	margin:0 0 10px 0;
}

.Awards ul
{
	padding:0 0 10px 0;
	line-height:1.8em;
	font-size:.9em;
	margin:10px 0 0 0;
	
}


.Awards .Loud
{
	margin:0;
	padding:0;
}

.Awards .Soft
{
	font-size:.9em;
	padding:0 0 0 5px;
}



.Table1 td
{
	padding:2px;
}

.Awards .Table2
{
	margin:10px 0 0 0;
}

.Awards .Table2 .Loud
{
	font-size:1em;
	color:#666;	
}

ul.Loud 
{
	font-size:1em;
	color:#666;
	text-align: left;	
}

.Awards .Table1 tr td:first-child
{
	vertical-align:middle; 
	padding:0 10px 0 0;
}
/***END QUALIFICATIONS AND AWARDS PAGE STYLING***/

/***LINKS START***/
.Ftr a:link, .Ftr a:active, .Ftr a:visited
{
	color:#fff; 	
}
 
.Ftr a:hover
{
	color:red; 	
}
/***LINKS END***/

/***START MISC***/
.Loud
{
	font-weight:bold;
}

.Soft
{
	color:#666; 
}
/***END MISC***/
