/*------------------------------------------
---------------- Reseting ------------------
----------------------------------------- */



html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym,
img,  s, small, strike, sup, sub,
dl, dt, dd, ol, ul, li, form, fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
				{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 90%;
	font-family: inherit;
	vertical-align: baseline;
	background-color: transparent;
}

:focus, :active	{ outline: 0 }

html 			{ font-size: 100.01%; width: 100%; height: 100% }
body 			{
	position: relative;
	min-height: 100%;
	min-width: 100%;
	font-size: 62.5%;
	color: #666;
	background-color: #FFFFFF;
	height: 100%;
	width: 100%;	
}

h1, h2, h3, h4, h5, h6
 				{ font-weight: normal; color: #000 }
/*h1         { font-size: 1.8em; line-height: 1em; margin-bottom: 1em; letter-spacing: -1px }*/
h2 				{ font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.5em }
h3				{ font-size: 1em; line-height: 1.8em; margin-bottom: 1.8em }
h4, h5, h6		{ font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.5em }

p, pre, code, label, th, td, dd, dt, select, li
				{ font-size: 1.1em; line-height: 1.5em; margin-bottom: 1.5em }

ul, ol			{ margin-bottom: 1.8em }
ul 				{ list-style: square }
ol 				{ list-style: decimal }
li	 			{ margin-left: 3.6em; color: #999; }
li p 			{ color: #000 }

/*------------------------------------------
------------------ Fonts -------------------
----------------------------------------- */

h1, h2, h3, h4, h5, h6
 				{
	font-family: Georgia, "Times New Roman", Times, serif
}
p, pre, label, th, td, li, small
				{
	font-family: Arial, "Helvetica", sans-serif
}

/*------------------------------------------
------------------ Links -------------------
----------------------------------------- */

a:link, a:visited, a:hover, a:active
				{ font-weight: normal; text-decoration: none; color: #7baa41 }
a:hover			{ text-decoration: underline }
a img			{ border: 0 }

/*------------------------------------------
------------- Global Classes ---------------
----------------------------------------- */

.clear			{ clear: both }
.floatLeft		{ float: left }
.floatRight		{ float: right }

.textLeft		{ text-align: left }
.textRight		{ text-align: right }
.textCenter		{
	text-align: center;
	padding: 0.3em;
	vertical-align: middle;
	border: 0.5em solid #003399;
}
.textJustify	{ text-align: justify }

.border		{ border: 1px dotted;
			  padding: 0.5em; }

.bold			{
	font-weight: bold !important;
	font-family: "Helvetica", Arial, sans-serif;
}
.italic			{ font-style: italic }
.underline		{ border-bottom: 1px solid }
.highlight		{
	background-color: #FFFFCC;
}

.noPadding		{ padding: 0 }
.noMargin		{ margin: 0 !important }
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }
.noBorder		{ border: none !important }

.grey			{ color: #7c8592; font-family: tahoma, sans-serif }


.quoteBlock		{ padding: 25px 20px 0 40px; background: url(../images/quote.gif) 10px 18px no-repeat }
.quoteBlock p	{ margin-bottom: 0 }
.quoteBlockInner
				{ background: url(../images/quote2.gif) bottom right no-repeat }

.screen			{ margin: 4px 0 16px 0 }

.boldPar		{
	text-align: left;
	font-family: Tahoma;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: bold;
	color: #3366CC;
}
.green			{ color: #7baa41 }

.input
	{
		width:220px;
		border:1px solid #003399;
	}
.menutitle {
	font-family: "Helvetica", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
}
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #0066CC;
}
.bg1			{ background:url(/images/content.gif) top center repeat-y }
.bg2			{ background:url(/images/content2.gif) top center repeat-y }
.boldPar a:link,
.boldPar a:visited,
.boldPar a:hover,
.boldPar a:active
				{ font-weight: bold }

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

#content		{ overflow: hidden }


/*------------------------------------------
---------------- Wrappers -------------------
----------------------------------------- */

.whole {
	position: absolute;
	width: 1024px;
}

#wrap 			{
	width: 1060px;
	position: relative;
	padding-bottom: 50px;
	float: left;
}

/*------------------------------------------
---------------- Layout --------------------
----------------------------------------- */

#header			{
	width: 1024px;
	overflow: auto;
	background-color: #FFFFFF;
	left: 0px;
	top: 0px;
	
}
.innerHeader	{
	width: 1020px;
	height: 115px;
	position: relative;
}




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

.topNav			{
	list-style: none;
	margin-bottom: 0px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}
.outerTopNav	{
	min-width: 739px;
	background-repeat: repeat-x;
	background-image: url(../images/topMenu4.gif);
}

.topNav li		{
	margin: 0;
	float: left;
	font-family: "Myriad Pro", Calibri, Arial, sans-serif;
	font-size: 2.0em;
}
.topNav li a:link,
.topNav li a:visited
				{
	float: left;
	display: inline-block;
	height: 1.9em;
	color: #fff;
	padding-top: 0;
	padding-right: 0.9em;
	padding-bottom: 0;
	padding-left: 0.9em;
}
.topNav li a:hover,
.topNav li a:active
				{
	text-decoration: none;
	color: #003399;
	background-repeat: repeat-x;
	background-color: #EEF4FE;
}
.topNav .active:link,
.topNav .active:visited,
.topNav .active:hover,
.topNav .active:active	{ background: #fff !important; color: #000 !important }

#newsCol_side_wide		{
	width: 500px;
	float: left;
	margin-left: 3em;
	margin-top: 2em;
	margin-bottom: 3em;
	padding: 0.5em;
}

#newsCol_side		{
	width: 225px;
	float: left;
	margin-left: 3em;
	margin-top: 2em;
	margin-bottom: 3em;
	padding: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
#newsCol		{
	width: 450px;
	float: left;
	margin-left: 3em;
	margin-top: 2em;
	margin-bottom: 2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
}

#newsCol_right		{
	width: 350px;
	float: left;
	margin-left: 3em;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 0.5em;
}

#newsCol ul li {
	list-style-image: none;
	list-style-type: square;
	list-style-position: outside;
}

.col1		    { width: 230px; float: right }
.condensed		{ width: 221px !important }
.menuCol		{ width: 160px; float: left; }
.mainCol		{ margin: 0 221px 0 160px; padding: 0 15px }

.mainCol_single		{
	margin-left: .5em;
	padding-top: 0.2;
	padding-right: 0.5em;
	padding-bottom: 0.2;
	padding-left: 0.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.mainCol_single	p	{
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
}


.showCol    { margin: 0 230px 0 250px; padding: 0 15px }

.mainCol h1 {
  font-size: 20px;
  font-weight: lighter;
  color: #555;
  margin-bottom: 20px;
}

.mainCol li {
  color: #666;
  font-size: 1.3em;
}

.mainCol li li  {
  font-size: inherit;
}

.mainCol p {
  font-size: 1.3em;
}


/*--------------------------------------- */
.backboard  {
	background-image: url(../images/body_background.gif);
	position: relative;
	height: 600px;
	width: 964px;
}


.outerBoardHome  { min-width: 964px; background: url(..//images/boardOuterHome.gif) repeat-x }



.outerBoard       {
	min-width: 964px;
	background-image: url(../images/body_background.gif);
	background-repeat: repeat-x;
}

.boardHome			{
	width: 964px;
	margin: 0 auto;
	height: 283px;
	margin-top: 13px;
	margin-bottom: 13px;
}
.board      {
	width: 964px;
	margin: 0 auto;
	height: 148px;
	margin-bottom: 13px;
}

.boardHome h1    {
  width: 330px;
  padding: 135px 0 0 58px;
  font-size: 14px;
  color: #555;
}

#thumbnails    {
    position: inherit;
    min-width: 964px;
	height: 110px;
	margin-bottom: 13px;
}
    


.homeBanner		  {
	background-image: url(../images/home-banner-b.jpg);
	background-repeat: no-repeat;
}
.contactBanner  { background: url(..//images/contact-banner.png) no-repeat }
.aboutBanner    { background: url(..//images/about-banner.png) no-repeat }
.servicesBanner    { background: url(..//images/services-banner.png) no-repeat }
.workBanner    { background: url(..//images/work-banner.png) no-repeat }
.processBanner    { background: url(../images/pocess-pv-manufacture.gif) no-repeat }

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

ul.subNav         { margin-bottom: 0; list-style: none;  }

.subNav li    { float: left; clear: left;  margin: 0; padding: 5px 0 6px 0 }
.subNav li  a,
.subNav li	a:link,
.subNav li	a:visited,
.subNav li	a:hover,
.subNav li	a:active
				{ display: block; width: 150px; font: bold 1.2em/1.5em Arial, sans-serif; color: #404041; border-bottom: #ccc 1px dotted; padding-left: 15px;}

.subNav li.menuparent { padding-bottom: 0}
.subNav li a.menuactive,
.subNav li a.menuactive.menuparent{
  background: url(../images/navArrow.gif) no-repeat 0 5px;
}

.subNav .child        { margin-bottom: 0; overflow: hidden; list-style-type: none; list-style-position: outside; }
.subNav .child li     { margin-left: 12px;  font-size: 0.8em; }
.subNav .child li  a  { border-bottom: none;}
.subNav .child li  a.menuactive { text-decoration: underline; }


		

	#container {
	width: 1200px;
	margin-bottom: 2em;
	}


#width {
	width:auto; 
}
.block {
	float: left;
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	margin-top: 1.5em;
	margin-right: 1em;
	margin-bottom: 2.5em;
	margin-left: 1.5em;
	width: 219px;
	height: auto;
	text-align: center;

}




.block h1		{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	background-color: #003399;
}
.block h2		{
	color: #aaa;
	padding: 0 10px 0  2px;
	margin-bottom: .9em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: italic;
	line-height: 1.8em;
}
.block p		{
	margin-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #000000;
}

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

#colOne {
	float: left;
	width: 160px;
}

#colOne p {
	margin-top: 10px;
}

#colOne h2{
	padding: 7px 7px 7px 7px;
	background: transparent  url(../main/images/right.gif);
	border: 1px solid #A6A4AA;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration:none;
	color: #000099;
}

#colOne ul {
	margin: 0;
	padding-left: 15px;
	list-style: none;
	text-decoration:none;
}

#colOne li {
	margin-bottom: 1em;
	color: #B6B6B6;
}

#colOne li li {
	margin-bottom: 0;
	padding-left: 1em;
	line-height: 20px;
	background: url(images/img1.gif) no-repeat left center;
}

#colOne a {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}

#colOne a:hover {
	color: #00CC00;
}



/* Left Menu */	
	
#left {
	float: left;
	width: 300px;
	position: relative;
	margin: 1.8em;
	top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	
	
}
#left ul {
	margin: 0;
	padding:0;
	margin: 0;
	list-style-type: none;
	text-align:left;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-variant: normal;
}


#left ul li {
	list-style:none;
	margin-bottom: 1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}

#left ul li a {
	display: block;
	padding: 4px 0;
	padding-left: 5px;
	text-decoration: none;
	color: #0066CC;
	background-color:#EFEFEF;
	border-bottom: 1px solid #F2F3F4;
	border-left: 7px solid #004282;
	
	
	
}


* html #left li a{ /*IE only */
	width: 160px; /*IE 5*/
	w\idth: 142px; /*158px minus all left/right paddings and margins*/
}


#left ul li a:hover {
	background-color: #FFFFFF;
	border-left-color: #6699CC;
	color: #A7A7A8;
}


#left div.current{
	text-align:left;
	text-decoration:none;
	list-style-type: none;
	display: block;
	padding: 4px 0;
	padding-left: 5px;
	margin-left: 1.3px;
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	border-bottom-width: 1px;
	border-left-width: 7px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #F2F3F4;
	border-left-color: #0064b3;
}
	

#left div.menutitle{
	color: white;
	border-bottom: 1px solid white;
	padding: 4px 0;
	padding-left: 9px;
	background: transparent url(../main/images/back-left-menu.png) left repeat-x;
	text-align:left;
	margin-left: 1.3px;
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: .95em;
	font-weight: bold;

}
.subtitle {
	font-family: "Helvetica", Arial, sans-serif;
}


#left div.menusubtitle{
	border-bottom: 1px solid white;
	border-left: 7px solid  #0064b3;
	background-color:#CCCCCC;
	text-align: left;
	display: block;
	padding: 5px 0;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2%;
	font-weight: bold;


}
#left div.currentb{
	border-bottom: 1px solid white;
	border-left: 7px solid  #0064b3;
	background-color:#BFBFBF;
	font: bold 95% 'Helvetica', Arial, sans-serif;
	text-align: left;
	margin-left: 1.1px;
	display: block;
	padding: 5px 0;
	padding-left: 5px;
	
}



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

#footer			{
	width: 100%;
	min-width: 739px;
	clear: both;
	left: 7px;
	bottom: 0px;
	height: 56px;
	background-image: url(../images/footer.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.innerFooter	{
	width: 739px;
	margin: 0 auto;
	background-image: url(../images/footer.gif);
	background-repeat: repeat-x;
}
#footer p		{
	clear: both;
	text-align: left;
	margin-bottom: 0;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	line-height: 1em;
	font-weight: normal;
	font-variant: normal;
}
#footer p a { color: #fff }

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

.bottomNav		{
	list-style: none;
	margin-bottom: 0;
	padding-bottom: 26px;
}
.bottomNav li	{
	margin: 0 26px 0 0;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
}
.bottomNav li a:link,
.bottomNav li a:visited,
.bottomNav li a:hover,
.bottomNav li a:active
				{
	color: #666666
}
.bottomNav li a:hover
				{ text-decoration: underline }

#mapHolder {
  width: 320px;
  height: 350px;
  margin-bottom: 20px;
}

p.disclaimer {
  color: #666;
  font-style: italic;
}

h2 a {
  color: #666 !important;
}

h4 {
  margin-bottom: 0px;
}

/*-----------------------------------------------------*/
.product_table {
	border:1px solid #cccccc;
	border-collapse:collapse;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
}

.product_table td {
	border:1px solid #cccccc;
	padding-top: 0.1em;
	padding-right: 1.5em;
	padding-bottom: 0.1em;
	padding-left: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #003399;
	font-size: 1.4em;
}

#maintable {
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

#tableCol		{
	width: 450px;
	float: left;
	margin-left: 3em;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 0.5em;
	left: 200px;
}

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

fieldset {
 font-family: Arial, "Helvetica Neue", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Verdana, sans-serif;
 padding-top: 5px;
}

fieldset legend {
  display: none;
}

  fieldset label {
    clear: both;
  }

  fieldset label,
  fieldset .helper,
  fieldset .error  {
    width: 100px;
    margin-right: 150px;
  }
  fieldset .helper {
    color: #aaa;
  }
  fieldset .error {
    color: #a66;
  }

  fieldset input,
  fieldset textarea,
  fieldset select
   {
    width: 150px;
    float: right;
    display: inline;
    margin-right: 50px;
    margin-top: -17px;
  }

  fieldset input {

  }
  fieldset textarea {

  }

  fieldset div {
    padding-bottom: 0.5em;
  }
  fieldset div.helper {
    padding-bottom: 0;
  }

  fieldset .checkbox  {
    position: relative;
    width: auto;
    float: left;
    display: inline;
    margin-right: 50px;
  }

  fieldset .checkbox label {
    float: left;
    display: inline;
    width: 100px;
    color: #666;
  }
  fieldset .checkbox input {
    position: absolute;
    top: 17px;
    left: 120px;
    width: auto;
  }
.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #0066CC;
}