-/** CSS RESET **/
body{ padding: 0; margin: 0; font: 15px Arial, Arial, Arial, sans-serif; *font-size: small; *font: x-small; }
h1, h2, h3, h4, h5, h6, ul, li, em, pre, code{
			padding: 0; margin: 0; line-height: 1em; font-size: 100%; font-weight: normal; font-style: normal;
			}
table{ font-size: inherit; font: 100%; }
ul{ list-style: none; }
img{ border: 0; }
p{ margin: 0; }
input, select{ resize: none; border: none; background: none; outline: none; }
textarea{ width: 600px; height: 230px; resize: none; border: none; background: none; outline: none; }

/** COVERIN' THE BASICS **/
body{ background: url(../img/background.png) top left repeat #eeebe6; font-family: Arial, Arial;
	  margin: 0px;
	}

h1{ font-size: 38px; color: #383839; }h2{ font-size: 34px; color: #383839; }
h3{ font-size: 18px; color: #FFFFFF; }
h31{ font-size: 15px; color: #FFFFFF; }
h4{ font-size: 26px; color: #383839; }
h5{ font-size: 22px; color: #383839; }
h6{ font-size: 20px; color: #383839; }

.custom-font{ font-family: 'custom-font'; color: #000000; }
.custom-font-1{ font-family: 'custom-font'; color: #FFFFFF; }

.white-link{ color: #FFFFFF; }

p{ color: #4c4c4c; font-size: 12px; line-height: 18px; }

blockquote{ background: #e1ddd5; border: 1px solid #ada595; padding: 15px; color: #4c4c4c; font-size: 12px; font-style: italic; }

.highlight{ background: #f8f7f6; padding: 4px; }

a{ text-decoration: none; color: #383839; outline: none; }
a img{ border: none; }

img, input[type="text"], textarea, select{ resize: none; background: #CCCCCC; padding: 6px; border: 1px solid #c3bbab; }

.spacer{ clear:both; height: 0px; } 

/** WRAPPER **/
.wrapper{ width: 950px; margin-left: auto; margin-right: auto; }

/** HEADER **/
.header{ margin-top: 10px; margin-bottom: 0px; }
.logo{ font-size: 0px; float: left; }
.imgnormal a img{ font-size: 0px; float: left; padding: 0px 0px }
.logo a span{ font-size: 0px; }
.logo a img{ vertical-align: 0%; border: none; background: none; padding: 0px; }
.navigation{ float: right; margin-top: 6px; }
.navigation ul li{ float: left; padding: 5px 10px; border-right: 1px solid #949495; color: #FFFFFF; }
.navigation ul li:hover{ background: #CCCCCC; }
.navigation ul li a{ display: block; font-size: 20px; color: #383839; }
.navigation ul li span{ padding-top: 5px; display: block; }
.navigation ul .last{ border: none; }
.navigation ul .current{ background: #e4e2df; }

/** HOME TOP **/
.home-top-1{ float: left; margin-right: 20px; margin-left: 20px; }
.home-top-1contact{ float: center; margin-right: 20px; margin-left: 20px; }
.home-top-11{ float: center; margin-right: 20px; margin-left: 20px; }
.home-top-111{ float: center; margin-right: 20px; margin-left: 20px; }
.home-top-left{ float: left; margin-right: 10px; }
.home-top-left-1{ float: left; margin-left: 20px; }
.home-top-left-sym{ float: left; width: 454px; margin-left: 20px; }
.home-top-right-sym{ float: right; width: 454px; margin-right: 20px; }
.home-top-left-sym1{ float: left; width: 450px; margin-left: 20px; }
.home-top-right-sym1{ float: right; width: 450px; margin-right: 20px; }
.home-top-left-f{ float: left; width: 300px; margin-left: 20px; }
.home-top-left-s{ float: left; width: 455px; margin-left: 20px; margin-right: 20px; }
.home-top-left-s1{ float: left; width: 900px; margin-left: 20px; margin-right: 20px; }
.home-top-right{ float: right; width: 570px; }
.home-top-right-1{ float: right; width: 920px; }
.home-top-right-2{ float: right; width: 620px; }
.home-top-right-2mail{ float: right; margin-left: 20px; width: 600px; }
.home-top-right-22{ float: right; width: 580px; }
.home-top-right-java-2{ float: right; width: 420px; }
.home-top-right-21{ float: right; width: 620px; margin-right: 20px; }
.home-top-right-3{ float: right; width: 250px; }
.home-top-right-4{ float: right; width: 480px; margin-right: 20px; }
.home-top-right-5{ float: right; width: 360px; margin-right: 20px; }
.home-top-right-cat{ float: right; width: 460px; height: 447px; }
.home-top-left-cat{ float: left; width: 460px; }

/** HOME BOTTOM **/
.home-bottom{ margin-top: 10px; }
.home-bottom-1{ margin-top: 10px; margin-left: 10px; margin-right: 10px; }
.home-bottom-column{ float: left; margin-left: 34px; }
.home-bottom-column-1{ float: left; margin-left: 20px; }

/** PORTFOLIO FREE CSS **/
.portfolio-free-row{ margin-top: 30px; }
.portfolio-free-item{ float: left; margin-left: 20px; width: 465px; }
.portfolio-free-item-text{ margin-top: 10px; }
.portfolio-free-item-text h2{ margin: 0px; }
.portfolio-free-item-text p{ margin-top: 0px; width: 445px; margin-left: 10px; }

/** CONTACT FREE **/
.contact{ margin-top: 20px; margin-bottom: 50px; }
.contact-form-free{ }
.contact-form{ }
.contact-form-row{ margin-top: 15px; }
.contact-form-item{ float: left; margin-left: 24px; }
.contact-form-item label{ display: block; }
.contact-form-item-full label{ display: block; }
.contact-form-row label{ font-size: 15px; color: #383839; margin-bottom: 5px; }
.contact-form-item-submit input{ background: url(../img/contact/send-message.png) top left no-repeat; width: 111px; height: 40px;
								 float: right;
							   }
.contact-form-free{ width: 568px; margin-left: auto; margin-right: auto; }
.contact-header-free{ text-align: center; }

/** FOOTER **/
.footer{ width: 950px; background: #CCCCCC; padding: 20px; border-top: 3px solid #808080; margin-top: 0px; }
.footer-left{ float: left; }
.footer-logo{ font-size: 26px; display: block; margin-bottom: -10px; padding: 0px; }
.footer-link{ color: #383839; font-size: 13px;}
.footer-link-white{ color: #FFFFFF; }
.footer-left font{ padding: 6px; }
.footer-right{ float: right; }
.footer-right span{ display: block; color: #383839; text-align: right; }
.footer-right span a{ text-decoration: underline; }

/** AFTER CSS **/
.first{ margin-left: 0px; }
.size3{ width: 258px; }
.size5{ width: 555px; }
.height1{ height: 90px; }

span.dropt {border-bottom: none	; background: #e2e2e2;}
span.dropt:hover {text-decoration: none; background: #eb7c31; z-index: 9999; }
span.dropt span {position: absolute; top:470px; left:200px
  margin: 0px 0 0 0px; padding: 0px 0px 0px 0px;
  border-style:solid; border-color:black; border-width:0px; z-index: 6;}
span.dropt:hover span {left: 30%; background: #e2e2e2;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 0px 0 0 0px; padding: 0px 0px 0px 0px; 
  border-style:solid; border-color:black; border-width:0px;}
span.dropt:hover span {margin: 0px 0 0 0px; background: #FFFFFF; z-index:6;} 


/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/

#popup { color: #000; background-color: #E2E2E2; }

#popup a, #popup a:visited {
	position: relative;
	display: block;
	width: 490px;
	line-height: 30px;
	text-align: left;
	left: 400px;
	padding: 0 10px;
	margin: 0;
	border: 0px solid #666;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: regular;
}

#popup a span {
	display: none;
}

#popup a:hover { 
	background-color: #E2E2E2; 
}

/* the IE correction rule */
#popup a:hover	{
	color: #FFFFFF; 
	background-color: #eb7c31;
	text-indent: 0; /* added the default value */
}

#popup a:hover span {
	display: block;
	position: absolute;
	top: 0px;
	right: 570px;
	width: 320px;
	margin: 0px;
	padding: 0px;
	color: #335500;
	font-weight: normal;
	background: #e2e2e2;
	text-align: left;
	border: 0px solid #666;
}


/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
	position: relative;
	float: left;
	padding: 5px;
	/*z-index: 0;*/
}

.thumbnail:hover {
	background-color: #e9e9e2;
	/*z-index: 50;*/
	color: #335500;
	text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #e2e2e2;
	padding: 5px;
	/*left: -1000px;*/
	border: 1px solid #666;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0px; 
	/*padding: 2px;*/
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible; 
	width: 200px;
	top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
	left: 300px;/*position where enlarged image should offset horizontally */
}

/*THUMBNAIL2 - thumbnail2 has border and border on hover*/

.thumbnail2 {
	position: relative;
	float: left;
	padding: 5px;
	/*z-index: 0;*/
}

.thumbnail2:hover { 
	background-color: #e9e9e2;
	/*z-index: 50;*/
	color: #335500;
	text-decoration: none;
}

.thumbnail2 span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #e2e2e2;
	padding: 5px;
	/*left: -1000px;*/
	border: 1px solid #666;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail2 span img { /*CSS for enlarged image*/
	border-width: 0px;
	/*padding: 2px;*/
}

.thumbnail2:hover span { /*CSS for enlarged image on hover*/
	visibility: visible; width: 208px;
	top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
	left: 300px;/*position where enlarged image should offset horizontally */
}

a.thumbnail2 img { 
	text-decoration:none;
	z-index: 50; 
}

/*if same attribute for all 4 states, then declare here in
a.thumbnail2*/ 

a.thumbnail2 img:link { 
	border: 2px solid #e9e9e2; 
	background: transparent; 
}

a.thumbnail2 img:visited { 
	border: 2px solid #e9e9e2; 
	background : transparent; 
}

a.thumbnail2 img:hover { 
	border: 2px solid #f00; 
	background : transparent; 
}

a.thumbnail2 img:active { 
	border: 2px solid #e9e9e2; 
	background : transparent; 
}

a.thumbnail2 img { 
	border: 2px solid #e9e9e2; 
}

/*end of hover popup links*/