@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#000000;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto;}
.resize { width:982px; margin:0 auto;}

/********** header **********/
.header {background:url(images/header_bg2.gif) top repeat-x;}
.header2 {background:url(images/header_bg2.gif) top repeat-x; }

.block_header {margin:0 auto; width:982px; height:141px}
.block_header2 {margin:0 auto; width:982px; height:141px; }
.twitter { height:30px; width:150px; background:url(images/Twitter.gif) left no-repeat; font: normal 11px tahoma, Helvetica, sans-serif; color:#928682; padding:20px 0 0 30px; margin:0; float:left;}
/* search */
.search { float:right; width:400px;}
.search form { float:right; padding:15px 20px 0 0;}
.search form label {}
.search form input { float:left;}
.search form input.text { padding:5px 3px; margin:0 10px 0 0; background: url(images/search_bg.gif) top no-repeat; border:0; color:#928682; font:normal 12px  "Times New Roman", Times, serif; width:210px; height:25px;}
.search form input.button_search { float:right;  padding:0; margin:0; height:24px; width:24px;}
/* logo */
.logo { float:left; padding:0; margin:20px 0 0 0; width:261px;}
/* menu */	
.menu { padding:0; margin:60px 0 0 0; width:360px; float:right; height:39px;}
.menu ul { padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 3px; border:0;}
.menu ul li a { float:left; margin:0 1px 0 0; padding:13px 0; color:#fff; font:normal 12px tahoma, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span {
	padding:13px 10px;
	background:none;
}
.menu ul li a:hover {  background: url(images/r_menu.gif) no-repeat right ;}
.menu ul li a:hover span {background:url(images/l_menu.gif) no-repeat  left ;}
.menu ul li a.active {background:url(images/r_menu.gif) no-repeat  right ;}
.menu ul li a.active span {  background:url(images/l_menu.gif) no-repeat  left ;}
/********** slider **********/
.slider { margin:0 auto; padding:0; height:355px; width:982px; background:url(images/slider_bg.gif) top no-repeat;}
/*simple text*/
.simple { width:982px; margin:10px auto; padding:0;}
.slider div.slice1 { margin:0 auto;  padding:8px;}
.slider div.slice1 div.slice2 { margin:0 auto; padding:1px; }
.slider div div div { margin:0; padding:0;  border:0;}
.slider div div div p.img { float:right; padding:4px 2px 0 25px; margin:0;}
.slider div div div h2 {  font:bold 30px tahoma, Helvetica, sans-serif; color:#262626; margin:0;  padding:5px 10px 10px 20px; line-height:1.2em;}
.slider div div div p {
	font:normal 12px tahoma, Helvetica, sans-serif;
	color:#5f5f5f;
	margin:0;
	line-height:1.8em;
	padding:0 10px 0 20px;
}
/********** block index **********/
.body {padding:0; margin:0; background: #ffffff;}
.body h2 { font:bold 20px tahoma, Helvetica, sans-serif; color:#595959; padding:3px 10px;}
.body h3 { font: bold 14px tahoma, Helvetica, sans-serif; color:#373737; padding:5px 10px;}
.body h4 { font: bold 20px tahoma, Helvetica, sans-serif; color:#78a000; padding:5px 10px;}
.body h5 { font: bold 20px tahoma, Helvetica, sans-serif; color:#111111; padding:5px 10px;}
.body img { float:left; margin:10px 10px; padding:0;}
.body p {
	font:normal 12px tahoma, Helvetica, sans-serif;
	color:#595959;
	line-height:1.8em;
	padding:3px 6px;
}
.body p.green { width:220px; float:left; margin:10px 10px; padding:3px 5px; background:#78a000; font: bold 12px tahoma, Helvetica, sans-serif; color:#595959;}
.body p.green2 { width:80px; float:left; margin:0; padding:3px 5px; background:#78a000; font: bold 12px tahoma, Helvetica, sans-serif; color:#595959;}
.body span { font: normal 11px tahoma, Helvetica, sans-serif; color:#78a000;}
.body em { font:italic 12px tahoma, Helvetica, sans-serif; color:#595959; line-height:1.8em; padding:10px 0 0 10px;}
.body_resize { width:982px; margin:0 auto; padding:0;}
.body a { font: bold 11px tahoma, Helvetica, sans-serif; color:#78a000; text-decoration:none;}
.body a.red2 { font: bold 11px tahoma, Helvetica, sans-serif; color:#fff; text-decoration:none;}
/*left*/
.left {
	width:610px;
	float:left;
	margin:5px;
	padding:20px 0px;
}
/*right*/
.right {
	width:320px;
	float:left;
	margin:5px;
	padding:20px;
}
/*center*/
.center { width:955px; float:left; margin:5px; padding:5px;}
.center img { margin:20px 20px 20px 5px;}
.center .bloga { border:1px solid #d9d9d9; background:#e1e1e1; margin:5px 10px; padding:5px 5px; width:280px; float:left;}
.center .bloga strong { font:bold 12px tahoma, Helvetica, sans-serif; color:#2a2a2a;}
.center .bloga p { font: normal 11px tahoma, Helvetica, sans-serif; color:#5f5f5f; padding:3px 5px; margin:0; line-height:1.8em;}
.center .bloga a { font: bold 11px tahoma, Helvetica, sans-serif; color:#595959; text-decoration:none;}
.center .bloga img { float: left; margin:10px 5px; padding:0;}
/*FBG*/
.FBG {padding:0; margin:0; background:#595959; border-top:0px solid #78a000;}
.FBG h2 { font:bold 18px tahoma, Helvetica, sans-serif; color:#78a000; padding:5px 10px;}
.FBG a { font: bold 11px tahoma, Helvetica, sans-serif; color:#9e9e9e; text-decoration:none;}
.FBG img { float: left; margin:10px 5px; padding:0;}
.FBG p { padding:3px 10px; margin:0; font:normal 11px tahoma, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em;}
.FBG_resize { width:982px; margin:0 auto; padding:0;}
.blog { width:270px; float:left; margin:5px 20px; padding:5px 5px;}
/********** contact form **********/

form input {
	border:1px solid #78a000;
	color:#595959;
	padding:0.0em;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	height: 25px;
}
.body .body_resize .left #contactform .buttons #imageField {
	height: 35px;
}

#contactform {
	margin:0;
	padding:1px 10px 3px;
}
#contactform * { color:#222222;}
#contactform ol {
	margin:0;
	padding:0;
	list-style:none;
}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons {
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
#contactform label {
	float:left;
	margin:0;
	width:110px;
	display:block;
	padding:5px;
	font:bold 13px tahoma, Helvetica, sans-serif;
	color:#595959;
	text-transform:capitalize;
}
#contactform label span {  font:normal 10px tahoma, Helvetica, sans-serif;}
#contactform input.text {
	width:340px;
	border:1px solid #d1d1d1;
	height:25px;
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
}
#contactform textarea {
	width:340px;
	border:1px solid #78a000;
	margin:10px 0;
	padding:0px;
	background:#fff;
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #595959;
}
#contactform li.buttons input {
	padding:5px 0;
	margin:0 0 0 350px;
	border:0;
	color:#FFF;
}
p.response { text-align:center; color:#2c2c2c; font:bold 11px tahoma, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/*************footer**********/
.footer {padding:0; background:; height:54px; margin:0;}
.footer_resize {width:950px; margin:0 auto; padding:10px 0; }
.footer p { font:normal 11px  tahoma, Helvetica, sans-serif; color:#868686;}
.footer a { font:normal 11px tahoma, Helvetica, sans-serif; color:#868686; text-decoration:underline; padding:5px 5px; margin:0;}
.footer img {margin:2px 5px; padding:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0; float:left;} 
.footer p.rightt { text-align:right; width:50%; margin:0; padding:10px 0; float:right;} 

.clr { clear:both; padding:0; margin:0; background:none;}

p.clr { clear:both; padding:0; margin:0; background:none;}
.bg { clear:both; border-top:1px solid #78a000; padding:0; margin:1px 0; background:none;}
li.bg { clear:both; border-top:1px solid #dadada; padding:0; margin:1px 0; background:none;}
.body .body_resize .left #contactform #red1 {
	font-size: 18px;
	color: #FF0000;
	font-style: inherit;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	bottom: 10px;
	font-family: "Times New Roman", Times, serif;
	padding-bottom: 5px;
	top: 40px;
	clip: rect(auto,auto,auto,auto);
}






</style>

<style type="text/css">

.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 5px solid #D10000; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}
.invertedshiftdown ul {
	margin: 0;
	margin-left: 40px; /*margin between first menu item and left browser edge*/;
	padding: 0;
	list-style: none;
}
.invertedshiftdown li {
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform: uppercase;
}
.invertedshiftdown a {
	float: left;
	display: block;
	font: bold 12px tahoma;
	color: white;
	text-decoration: none;
	margin: 0 1px 0 0;
/*Margin between each menu item*/	padding: 5px 10px 9px 10px;
/*Padding within each menu item*/	background-color: #78A000; /*Default menu color*/ /*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}
.invertedshiftdown a:hover {
	background-color: white; /*Red color theme*/;
	padding-top: 9px; /*Flip default padding-top value with padding-bottom */;
	padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/;
	color: #78A000;
}
.invertedshiftdown .current a {
	/** currently selected menu item **/
background-color: white; /*Red color theme*/;
	padding-top: 9px; /*Flip default padding-top value with padding-bottom */;
	padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/;
	color: 78A000;
}
#myform {
	/*CSS for sample search box. Remove if desired */
float: right;
	margin: 0;
	margin-top: 2px;
	padding: 0;
}
#myform .textinput {
	width: 190px;
	border: 1px solid gray;
}
#myform .submit {
	font: normal 12px tahoma;
	height: 22px;
	border: 1px solid #78a000;
	background-color: black;
	color: white;
}
</style>

<style type="text/css">

#ddcolortabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}
#ddcolortabs ul {
	font: bold 11px tahoma, tahoma, sans-serif;
	margin: 0;
	padding: 0;
	list-style: none;
}
#ddcolortabs li {
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform: uppercase;
}
#ddcolortabs a {
	float: left;
	color: white;
	background: #595959 url(images/color_tabs_left.gif) no-repeat left top;
	margin: 0 2px 0 0;
	padding: 0 0 1px 3px;
	text-decoration: none;
	letter-spacing: 1px;
}
#ddcolortabs a span {
	float: left;
	display: block;
	background: #595959 url(images/color_tabs_right.gif) no-repeat right top;
	padding: 4px 9px 2px 6px;
}
#ddcolortabs a span {
	float: none;
}
#ddcolortabs a:hover {
	background-color: #ffffff;
}
#ddcolortabs a:hover span {
	background-color: #ffffff;
}
#ddcolortabs #current span {
	/*currently selected tab*/
background-color: #ffffff;
}
#ddcolortabs #current a {
	/*currently selected tab*/
background-color: #ffffff;
}
#ddcolortabsline {
	clear: both;
	padding: 0;
	width: 100%;
	height: 1px;
	line-height: 8px;
	background: #78a000;
	border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}






<style type="text/css">

.portfolio{
position: relative;
z-index: 200;
}
.thumbnail img {
	border: 1px solid silver;
	margin: 0 5px 5px 0;
}
.thumbnail:hover {
	background-color: transparent;
	z-index: 10;
}
.thumbnail:hover img {
	border: 1px solid black;
}
.thumbnail span {
	/*CSS for enlarged image*/
position: absolute;
	background-color: white;
	padding: 0px;
	left: 60%;
	border: 0px dashed black;
	visibility: hidden;
	color: black;
	text-decoration: none;
	top: 60%;
}
.thumbnail span img {
	/*CSS for enlarged image*/
border-width: 0;
	padding: 40px;
}
.thumbnail:hover span {
	/*CSS for enlarged image*/
visibility: visible;
	left: auto; /*position where enlarged image should offset horizontally */;
	position: absolute;
	top: inherit;
	right: auto;
}
</style>