/* reset rules to get a level playing field */

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; */
}

/*  now we start */



html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 

body{background: transparent url(images/background-v1.gif) repeat top left;}

h2{font: 15pt Arial, Helvetica, sans-serif;color:#717171;margin:0;padding:0;}
.hilight{background-color:#414f66;color:#ffffff;padding:0px 10px 0px 10px;}

p{margin:10px 0px;}
 
#pagewidth{ 
 width:1000px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 background: transparent url(images/wrapper-v1.gif) repeat-y top left;  
} 
 
#header{
 position:relative; 
 height:70px; 
 background: transparent url(images/header-v1.gif) repeat-x top left; 
 width:980px;
 margin-left:10px;
 border-bottom:1px solid #b8b8ba;
} 

#header img{float:left;}

/* header nav */

#navcontainer {float:right;margin:25px 50px -2px 0px !important;
margin:45px 23px -8px 0px;
padding:0px;}

#navlist li
{margin:0;padding:0;
display: inline;
list-style-type: none;
padding-right: 20px;
font: normal 10px Tahoma;
}

#navlist a{text-decoration:none;color:#222}


a.tophome{background:transparent url(images/home-v1.gif) no-repeat top left;padding:0px 0px 0px 15px; }
a.topsearch{background:transparent url(images/search-v1.gif) no-repeat top left;padding:0px 0px 0px 15px; }
a.topsite{background:transparent url(images/sitemap-v1.gif) no-repeat top left;padding:0px 0px 0px 15px; }

/* end of header nav */


/* toppic */
#toppics{
}


#tbord{
 background: transparent url(images/top-border-v1.gif) repeat-x top left; height:14px;	margin:0px 10px 0px 10px;;padding:0;line-height:0px;
}
#bbord{
 background: transparent url(images/bottom-border-v1.gif) repeat-x top left; height:11px;	margin:0px 10px 0px 10px;padding:0;line-height:0px;
}
 
#leftpic {border-left:12px solid #414f66;margin:0px 0px 0px 10px  !important;margin:-5px  0px 0px 5px ;float:left;}
#leftpic img {display:block;}

#leftpic1 {padding-left:1px} 

#t-inner{float:left;width:257px;background-color:#c9cbce;height:195px;height:195px;margin:0 !important;margin-top:-5px;padding:0;
}
#t-inner p{margin:0;padding:0;}

.c1{color:#263a59;font: normal 30px arial,sans-serif;display:block;padding:20px 0px 0px 18px;}
.c2{font: normal 20px arial,sans-serif;padding-left:10px;}
.c3{color:#869dc1;font: bold 40px arial,sans-serif;padding-left:18px;display:block;}
.c4{color:#263a59;font: normal 30px arial,sans-serif;padding-left:18px;display:block;}
.c5{color:#263a59;font: bold 40px arial,sans-serif;padding-left:18px;display:block;}
a.learn{float:right;margin:-100px 40px 0px 0px}
a.learn img{border:0px;}


#rightpic {border-right:12px solid #414f66;margin:0px 10px 0px 0px  !important;margin:-5px  5px 0px 0px ;float:right;}
#rightpic img {display:block;}

#rightpic1 {padding-right:1px} 



/* end of toppic */

/* start of manin menu */

#mainmenu{
 background: transparent url(images/menu-v1.gif) repeat-x top left; height:69px;	margin:0px 10px 0px 10px !important; margin:-10px 10px 0px 10px; padding:0;line-height:0px;
}

#navcontainer2 {margin:0px 0px 0px 0px;padding:30px 0px 0px 60px;}

#navcontainer2 ul {margin:0;padding:0}

#navlist2 li
{margin:0;padding:0;
display: inline;
list-style-type: none;
padding-right: 20px;
font: normal 10px Tahoma;
}

#navlist2 a{text-decoration:none;color:#ffffff;padding:10px 20px 10px 20px;}
#navlist2 a#current,#navlist2 a:hover{border:1px solid #ffffff;padding:9px 19px 9px 19px;}


/* end of menu */

#filler{height:30px;color:white;}
 
#leftcol{
 width:227px; 
 float:left; 
 position:relative; 
 background-color:#ffffff;
 margin:0px 0px 0px 10px !important; 
 margin:0px 0px 0px 5px;
 padding:0px 0px 0px 53px;
 }
 
#leftcol img{float:left;margin-right:10px;}
#leftcol p{color:#4a4a4a;font: normal 11px verdana,tahoma,arial, Helvetica, sans-serif;padding:0px 10px 10px 0px;}
.innertitle{display:block;font-weight:bold;padding-bottom:5px;} 

.innermore{display:block;color:#b23737;padding-left:110px;background:transparent url(images/innermore.gif) no-repeat 45% 90%;}
 

#maincol{  
 float: right; 
 display:inline; 
 background-color:#ffffff;
 position: relative; 
 width:646px;
 margin: 0px 10px 20px 0px; 
 padding:0px 0px 0px 53px;
 border-left:1px dotted #000000;
 }
#maincol2 ul{color:#4a4a4a;font: normal 11px verdana,tahoma,arial, Helvetica, sans-serif;  list-style: square; margin-left:20px;}
#maincol2 ol{color:#4a4a4a;font: normal 11px verdana,tahoma,arial, Helvetica, sans-serif;  list-style: decimal; margin-left:20px;}
#industry{padding-bottom:20px;margin:0px 20px 20px 0px;border-bottom:1px dotted #000000;}
#maincol img{float:left;margin-right:10px;}
#maincol p{color:#4a4a4a;font: normal 11px verdana,tahoma,arial, Helvetica, sans-serif;padding:0px 10px 0px 0px;}
.industrymore{display:block;color:#b23737;padding-left:175px;background:transparent url(images/innermore.gif) no-repeat 26% 90%;}

#projects{margin:20px 20px 0px 0px;}


#projects img{padding:5px;}


#project1,#project2{margin-top:20px;width:310px;float:left;height:100px;}

#project3,#project4{width:310px;float:left;}

 
#footer{
 height:65px; 
 border-top:1px solid #a2a2a2;
  background-color:#ffffff; 
 clear:both;
 margin:0px 10px 0px 10px;
 } 
 
#lfoot{float:left;width:280px;margin-top:1px;background-color:#e6e8e9;height:64px;}
#rfoot{float:left;width:700px;margin-top:1px;background-color:#d3d5d6;height:64px;}


.foottext{font: normal 10px verdana,tahoma,arial, Helvetica, sans-serif;color:#39302b;padding:20px 0px 0px 75px;margin:0px 0px 0px 0px;}

.foota{font: normal 10px verdana,tahoma,arial, Helvetica, sans-serif;padding:20px 0px 0px 123px;margin-top:30px;}
.foota a{color:#b23737;;text-decoration:none;}

#valid{font: normal 9px verdana,tahoma,arial, Helvetica, sans-serif;color:#39302b;padding:20px 0px 0px 20px;}
#wd4u{display:block;}
#valid a{text-decoration:none;color:#b23737;}

#copyr{float:left;}

#phone{float:left;}
p.phone1{margin:10px 0px 0px 120px;padding:0px 40px 10px 0px;font: normal 10px/30px verdana,tahoma,arial, Helvetica, sans-serif;color:#39302b;background: transparent url(images/phone-v1.gif) no-repeat right top;}



#endpiece{
 width:983px; 
 text-align:left; 
 margin-left:auto; 
 margin-right:auto;
 margin-top:0px !important;
 margin-top:-10px;

 background: transparent url(images/footer-v1.gif) no-repeat bottom left;height:10px;
}  
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* secondary page stuff */

#sfiller2{background-color:#333333;height:10px;margin:0px 20px 0px 20px;}

#leftcol2{
 width:257px; 
 float:left; 
 position:relative; 
 background-color:#ffffff;
 margin:0px 0px 0px 10px !important; 
 margin:0px 0px 0px 5px;
 padding:0px 0px 0px 23px;
 }
#leftcol2 h3{font: 14pt Arial, Helvetica, sans-serif;color:#ffffff;margin:0;padding:0;background-color:#414f66;} 
#leftcol2 img{float:left;margin-right:10px;}
#leftcol2 p{color:#4a4a4a;font: normal 11px verdana,tahoma,arial, Helvetica, sans-serif;padding:0px 10px 20px 0px;}

#leftcol2 .innermore{display:block;color:#b23737;padding-left:110px;background:transparent url(images/innermore.gif) no-repeat 40% 90%;}

.lmenu{}
.lmenu li{color:#b23737;padding:5px 0px 0px 20px ;background:transparent url(images/innermore.gif) no-repeat left 90%;}
.lmenu a{color:#b23737;font: normal 11px verdana,tahoma,arial, Helvetica, sans-serif;}



#maincol2{  
 float: right; 
 display:inline; 
 background-color:#ffffff;
 position: relative; 
 width:700px;
 margin: 0px 10px 20px 0px; 
 padding:0px 0px 0px 0px;
 
 }

#maincol2 img{float:left;margin-right:10px;margin-bottom:10px;}
#maincol2 p{color:#4a4a4a;font: normal 11px verdana,tahoma,arial, Helvetica, sans-serif;padding:0px 10px 0px 0px;}
#maincol2 h3,h4,h5{font: 14pt Arial, Helvetica, sans-serif;color:#414f66;margin:0px 20px 0px 0px;padding:0px 0px 0px 20px;background-color:#e6e8e9;} 
#pinner{ border-left:1px dotted #000000;padding:0px 20px 0px 20px;}
#maincol2 h4{font: 14pt Arial, Helvetica, sans-serif;color:#414f66;margin:0px 0px 0px 0px;padding:0;background-color:#e6e8e9;} 


td.ctitle{padding:10px 0px 10px 0px;font: bold 20px/28px Arial, Helvetica, sans-serif;color:#0c5b4e;}
td.essential{color:black;border-left:5px solid red;font: normal 12px/16px Verdana,Geneva, Arial, Helvetica, sans-serif;padding:0px 20px 5px 0px;}
td.nonessential{color:black;border-left:5px solid white;font: normal 12px/16px Verdana,Geneva, Arial, Helvetica, sans-serif;padding:0px 20px 5px 17px;}
.warn{color:red;padding-left:5px;}
form input.reg{border:1px solid #b23737;width:400px;}
form textarea{border:1px solid #b23737;width:400px;}
form select{border:1px solid #b23737;width:200px;}