﻿/* JSCTEK Web Design - www.jsctekco.com */
/* This work is copyrighted and protected. */





/* Reset */

html, body { margin: 0; padding: 0; border: 0;  
				background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}

img 	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
table { border-collapse: collapse; border-spacing: 0; }
	
input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}

article, aside, dialog, figure, footer, header, hgroup, nav, section { 
	display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike { 
	font-family: Arial, ;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}
ol, ul { list-style: none; }


/* Global */

html 	{	}
body	{ background-color:#FFFFFF;	}



/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }



/* Text Elements */

p           	{ color:#000; font-size:15px; line-height:150%;  }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a           	{   }
a:link			{ color: #00f;  }
a:visited		{ color: gray;  }
a:active		{ color: #000;  }
a:focus			{ color: #666;  }
a:hover     	{ color: #f00;  }

blockquote  	{ color:#000; font-size:12px; }

strong      	{ font-weight: bold; }
em		      	{ font-style: italic; }

/* Images */



/* Lists */

ul          	{  }
ol          	{ list-style-type:decimal; }

ul li		    { color:#000; font-size:12px; }
ol li	     	{ color:#000; font-size:12px; }

dl          	{  	}
dt       		{  	}
dd          	{ 	}



/* Tables */

table       	{ width:100%; }

tr				{	}
.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

th          	{ font-weight: bold; }
thead, th    	{ background: #ccc; }

tbody			{   }

th,td,caption 	{ 	}
caption 		{ 	}

tfoot       	{	}
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption     	{ background: #efefef; }





/* Containers */

#wrapper 			{width:1000px; margin:0px auto; background-color:#FFFFFF; }

#top	 			{width:1000px; height:350px; padding: 0px 0px 0px 0px; }

#logo				{float:left;width:75px;padding: 15px 0px 0px 0px; }
#logo img			{padding: 0px 0px; }
#logo2				{width:1000px; margin:0px auto;}

#social             {position: relative;right: -915px; top: -90px;width: 90px; padding: 14px 0px 0px 5px; }
#social img         {display:inline;padding: 0px 0px 0px 10px;}

#topnav ul li            { float:left;font-size:16px}
#topnav ul ul            { display: none;}
#topnav ul li:hover > ul { display: block;}
#topnav ul               { background : #ffffff; padding: 0px 0px;list-style: none;position: relative;display: inline-table;}
#topnav ul:after         { content: ""; clear: both; display: block;}
#topnav ul li:hover      { color: #0769B2;}
#topnav ul li:hover a    { color: #0769B2;}
#topnav ul li a          { display: block; padding: 10px 6px 5px 6px;color: #111111; text-decoration: none;}
#topnav ul ul            { background: #FFFFFF; border-radius: 0px; padding: 0;position: absolute;z-index:1200; top: 100%;}
#topnav ul ul li         { float: none; border-top: 1px solid #333333;border-bottom: 1px #333333 solid;position: relative;}
#topnav ul ul li a       { padding: 10px 5px 5px 5px;}	
#topnav ul ul li a:hover {  color: #dadcdc;}
#topnav ul ul ul         { position: absolute; left: 100%; top:0;}
#topnav                  { width:731px; height:32px; background:#FFFFFF;padding: 4px 0px 0px 0px;margin: 0 auto; }

#slider				     { width:1000px; height:320px ;padding: 0px 0px 0px 0xp;margin: 0px auto; }
#slider img			     { width:1004px;margin: 0px auto;overflow:hidden; }

#bio                     {width:1000px;}
#bio p                   {padding: 40px 80px 400px 80px;text-align:justify;}

#news                    {width:1000px;}
#news p                  {padding: 40px 80px 400px 220px;text-align:justify;}
#news img                {box-shadow: 3px 3px 5px rgb(63, 63, 63);}

#content                      {width:1000px; height:100%;}
#content img                  {padding:15px 0px 50px 480px; overflow:hidden; }
#content table tr             {  }
#content table tr td          { width:100%; margin:5px 5px;  background-color: #ffffff;}
#content table tr th          { width:100%; margin:15px 5px; padding:5px 5px; font-size:16px; font-weight:bold; text-align:center; background-color:#eeeeee;  }
#content ul li                {  }
#content h1                   { padding: 20px 0px 20px 0px;margin: 0px 0px 0px 0px;border-bottom:1px black solid;text-align:center;color :black;solid;}
#content h3                   { padding : 20px 20px 20px 20px; text-align:center;color:#2E3426;overflow:hidden;}
#content h4                   { float:right;padding: 20px 20px 20px 20px; text-align:center;color:#2E3426;overflow:hidden;}
#content p	                  { padding:10px 20px 20px 20px;font-size:16px; text-align:justify; }
#content product table        { width:100%; }
#content product table tr td  { width:100%; }

#content2 				  {float:right;width:680px;height:auto;background:#FFFFFF; }
#content2 h2			  {float:right;width:680px;height:20px;padding: 0px 0px 0px 0px;text-align:left;color :black;  }
#content2 p				  {float:right;width:680px;padding: 0px 0px 0px 0px;font-size:16px;text-align:left; }

#content3 				  {float:left:width:300px;height:auto;background:#FFFFFF; }
#content3 img			  {float:left;width:300px;margin: 0px 0px 15px 0px;box-shadow: 3px 3px 5px rgb(63, 63, 63); }

#content3a				  {float:left;width:996px;height: 5px;border-bottom:3px white solid;padding: 2px 2px; }

#content4 				  {float:right;width:650px;height:100%;background:#FFFFFF; }
#content4 h1			  {float:right;width:650px;height:40px;padding: 20px 20px 20px 20px;margin: 0px 0px 0px 20px;text-align:center;color :black;solid;  }
#content4 h2			  {float:right;width:680px;height:20px;padding: 0px 0px 0px 0px;text-align:left;color :black;   }
#content4 img			  { }
#content4 p				  {float:right;width:680px;padding: 0px 0px 0px 0px;font-size:16px;text-align:left; }
#content4   			  { }

#content5 				  {float:left:width:350px;height:auto;background:#FFFFFF; }
#content5 h1			  { }
#content5 img			  {float:left;width:300px;height:auto;margin:0px 0px 15px 0px  ;padding: 0px 0px 0px 0px;box-shadow: 3px 3px 5px rgb(63, 63, 63); }
#content5 p				  { }
#content5   			  { }

#content6                 {float:left; width:320px;}
#content6 img             {float:left;margin: 5px 0px 15px 0px; box-shadow: 3px 3px 5px rgb(63, 63, 63);}

#content7 h1              {float:right; width:350px; margin: 50px 100px 30px 0px; }

#content8                 {width: 1000px; }
#content8 h1              {width:1000px;height:40px;padding: 20px 0px 20px 0px;margin: 0px 0px 0px 0px;border-bottom:1px black solid;text-align:center;color :black;solid;  }

#content8code             {width: 1000px; height: 900px; }

#content9                 {width:1000px; height:400px;}

#content10                {float:left;width:400px;margin: 0px 0px 10px 0px;}
#content10 h1             {text-align:left;color: #999999;padding: 0px 0px 10px 0px; }
#content10 p              {text-align:left;color: #999999;padding: 0px 0px 10px 0px;}

#content11 				  {float:right;width:680px;height:auto;background:#FFFFFF; }
#content11 h2			  {float:right;width:680px;height:20px;padding: 20px 0px 0px 0px;text-align:left;color :black;  }
#content11 p			  {float:right;width:680px;padding: 0px 0px 0px 0px;font-size:16px;text-align:left; }

#content12 				  {float:right;width:680px;height:auto;background:#FFFFFF; }
#content12 h2			  {float:right;width:680px;height:20px;padding: 20px 0px 0px 0px;text-align:left;color :black;  }
#content12 p			  {float:right;width:680px;padding: 0px 0px 0px 0px;font-size:16px;text-align:left; }

#content13 				  {float:right;width:700px;height:auto;background:#FFFFFF; }
#content13 p			  {float:right;width:680px;margin: 0px 0px 0px 10px;padding: 22px 0px 0px 0px;font-size:16px;text-align:left; }

#content14 				  {float:left:width:300px;height:auto;background:#FFFFFF; }
#content14 h1			  { }
#content14 img			  {float:left;width:300px;margin: 0px 0px 20px 0px;box-shadow: 3px 3px 5px rgb(63, 63, 63); }
#content14 p				  { }
#content14   			  { }

#content15 				  {float:right;width:700px;height:auto;background:#FFFFFF; }
#content15 p			  {float:right;width:680px;margin: 0px 0px 0px 10px;padding: 43px 0px 0px 0px;font-size:16px;text-align:left; }




#gallery                  {width:1000px; padding: 20px 0px 20px 0px;}

#footer 			{ width:100%;background-color:#FFFFFF; height:25px; overflow:hidden;  }
#footer p			{ color:#2E3426; text-align:center; font-size:15px; padding:4px 0 3px 0;}



/* Mini News */


/* Navigation Extra */


/* Forms */

form ol { list-style-type:none; }

form 	{width:960px; text-align:left; padding:40px 0px 40px 20px;	background-color:#ffffff;}

label 	{ 
		float: left; width: 150px; margin-top:5px;
		text-align:right; display:block; background:none; font-weight:bold;
		}
	
submit	{ background:none; 	}

input 	{ 
		width: 280px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; 
		}
		
input:focus, textarea:focus	{ background-color:#BFEBFF; }

textarea {
		width: 280px; height: 150px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; 
		}

select { margin-bottom:20px;	}
	
.month { margin-left:155px;	}

.submit {
		width:90px; height:25px;
		margin-left:160px;
		font-size:12px;
		}

#service form  {width:980px; background-color:#ffffff;}



