html {overflow-y: scroll;}

html, body {
	height: 100%;
}

body {
	padding: 0;
	margin: 0;
	text-align: center;
	background: white;
	color: black;
}

p, li, input, label, select, textarea, table, span {
	font-family: "Arial", "Tahoma", "Helvetica", sans-serif;
	font-size: 12px;
}

input, select, textarea {
	color: #c5c5c5;
	border: none;
}

img, a img, :link img, :visited img {
	border: 0;
}

object {
	outline: none; /* fix for FF3 */
}

p {
	margin: 0 0 10px 0;
	line-height: 1.4em;
}


div.c { /* to clear a float */
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

/*----------- LINKS -----------*/
a {
	font-size: inherit;
}

a:link {
	text-decoration: underline;
	color: #8f9f1e;
}

a:visited {
	text-decoration: underline;
	color: #8f9f1e;
}

a:hover {
	text-decoration: none;
	color: #737b3c;
}

a:active {
	text-decoration: none !important;
	color: #737b3c;
}

/*----------- HEADERS -----------*/

h1, h2, h3, h4, h5 {
	font-family: "Tahoma", "Helvetica", "Arial", sans-serif;
	line-height: 1.1em;
	font-weight: normal;
}

h1 {
	font-size: 16pt;
}

h2 {
	font-size: 13pt;
	margin: 0 0 5px 0;
}

h3 {
	font-size: 12pt;
}

h4 {
	font-size: 11pt;
}

h5 {
	font-size: 10pt;
}

h2 a:hover, h3 a:hover, h4 a:hover {
	color: #000 !important;
}

h2 a:active, h3 a:active, h4 a:active {
	color: #000 !important;
}

/*----------- CONTENT -----------*/

div#container {
/*	width: 1000px;*/

}

div#wrapper {
	height: 305px;
	background: #8c9646;
}

div#wrapper_inner {
	height: 68px;
	background: #8c9646;
}

div#header {
	margin: 0 auto;
	width: 980px;
	height: 305px;
}

div#header_inner {
	margin: 0 auto;
	width: 980px;
	height: 68px;
}

div#logo {
	padding-top: 100px;
	/*border: 1px solid green;*/
}

div#logo_inner {
	float: left;
	padding: 3px 0 0 20px;
}

div#content {
	margin: 0 auto;
	width: 930px;
	min-height: 200px;
	text-align: left;
	padding: 0 30px 0 20px;
}

div#footer {
	width: 980px;
	margin: 0 auto;
	padding: 50px 0;	
}
/*----------- MENU -----------*/

div#menu {
	float: right;
	margin: 24px 55px 0 0;
	padding: 0;
}

div#menu, x:-moz-any-link, x:default {
	margin: 23px 55px 0 0;
}

div#menu_inner {
	float: right;
	display: block;
	margin: 3px 55px 0 0;
}

ul#mainMenu {
	padding: 0;
	margin: 0;
	list-style-type: none;
	clear: both;
}

ul#mainMenu li {
	display: block;
	float: left;
	margin-left: 13px;
	padding: 0;
	background-position: 0 -65px;
}

ul#mainMenu li span {
	display: none;
}

ul#mainMenu li a {
	display: block;
	width: 65px;
	height: 0px;
	height: 0px !important;
	padding-top: 65px;		
	background-position: 0 0px;
	background-image: inherit;	
	overflow: hidden;
	border: 0;
}

ul#mainMenu li a.selected {
	background-position: 0 -130px;
}

ul#mainMenu li a:hover {
	background-image: none;
}

ul#mainMenu li a.selected:hover {
	background-image: inherit;
}

li#nav_00, li#nav_00 a {background-image: url(images/mtitle_0.gif); }
li#nav_01, li#nav_01 a {background-image: url(images/mtitle_1.gif); }
li#nav_02, li#nav_02 a {background-image: url(images/mtitle_2.gif); }
li#nav_03, li#nav_03 a {background-image: url(images/mtitle_3.gif); }

/*----------- SUBMENU -----------*/

div#sm {
	margin-top: 60px;
}

ul#submenu {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul#submenu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	background-position: 0 -120px;
}

ul#submenu li span {
	display: none;
}

ul#submenu li a {
	display: block;
	height: 120px;
	height: 0px !important;
	padding-top: 120px;		
	background-position: 0 0px;
	background-image: inherit;	
	overflow: hidden;	
}

ul#submenu li a:hover {
	background-image: none;
}

ul#submenu li a.selected:hover {
	background-image: inherit;
}

li#sn_01, li#sn_01 a {width: 135px; background-image: url(images/sm_1.gif); }
li#sn_02, li#sn_02 a {width: 156px; background-image: url(images/sm_2.gif); }
li#sn_03, li#sn_03 a {width: 161px; background-image: url(images/sm_3.gif); }
li#sn_04, li#sn_04 a {width: 168px; background-image: url(images/sm_4.gif); }
li#sn_05, li#sn_05 a {width: 157px; background-image: url(images/sm_5.gif); }
li#sn_06, li#sn_06 a {width: 135px; background-image: url(images/sm_6.gif); }

/*----------- OTHERS -----------*/

div#title_about {
	width: 171px;
	height: 33px;
	background: url(images/title_about.gif) no-repeat center bottom;
	text-indent:-99999px;
}

div#title_work {
	width: 171px;
	height: 33px;
	background: url(images/title_work.gif) no-repeat center bottom;
	text-indent:-99999px;
}

div#title_contact {
	width: 171px;
	height: 33px;
	background: url(images/title_contact.gif) no-repeat center bottom;
	text-indent:-99999px;
}

div#topnote {
	padding: 10px 40px 20px 326px;
	float: right;
	border-bottom: 1px solid #8c9646;
}

div#topnote_2 {
	padding: 10px 40px 20px 326px;
	float: right;
}

div.cases {
	border-bottom: 1px solid #8c9646;	
}

div.caseimg {
	float: left;
	width: 324px;
	text-align: center;
}

div.caseimg img {
	width: 128px;
	margin-top: 30px;
}

div.casetxt {
	float: left;
	width: 581px;
	padding: 30px 0;
}

div.works {
	border-bottom: 1px solid #8c9646;
	background: white;	
}

div.works:hover {
	border-bottom: 1px solid #8c9646;
	background: #e8eada;	
}

div.worktitle {
	float: left;
	width: 324px;
	text-align: center;
}

div.worktitle h3 {
	margin-top: 60px;
}

div.worktitle h3#web {
	background: url(images/wtitle_1.gif) no-repeat center bottom;
	text-indent:-99999px;
}

div.worktitle h3#print {
	background: url(images/wtitle_2.gif) no-repeat center bottom;
	text-indent:-99999px;
}

div.worktitle h3#logo {
	background: url(images/wtitle_3.gif) no-repeat center bottom;
	text-indent:-99999px;
}

div.worktitle h3#pack {
	background: url(images/wtitle_4.gif) no-repeat center bottom;
	text-indent:-99999px;
}

div.worktitle h3#ill {
	background: url(images/wtitle_5.gif) no-repeat center bottom;
	text-indent:-99999px;
}

div.worktitle h3#mod {
	background: url(images/wtitle_6.gif) no-repeat center bottom;
	text-indent:-99999px;
}

div.workimgs {
	float: left;
	width: 581px;
	padding: 16px 0;
}

div.workimgs ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div.workimgs li {
	display: block;
	float: left;
	margin: 3px;
	padding: 0;
	height: 50px;
}

div.workimgs li a {
	display: block;
	width: 65px;
}

div#form {
	width: 420px;
	padding: 10px 0 60px 326px;
	float: left;
}

div#contacts {
	padding: 26px 20px 0 0;
	float: left;
	font: 14px "Arial", "Tahoma", "Helvetica", sans-serif;
	color: #8c9646;
	line-height: 19px;
	font-weight: normal;
}

/*----------- FORM -----------*/

label {
	font-weight: bold;
	display: block;
	border: 0
}

form, fieldset { 
	border: 0;
	margin: 0;
	padding: 0;
}

input {
	width: 350px;
	padding: 5px;
	font-size: 12px;
}

textarea {
	width: 350px;
	height: 100px;
	padding: 5px;
}

input,textarea, select {
  margin: 8px 0;
  border: 1px solid #f2f2f2;
  background: #f2f2f2;
  color: #818181;
}

input:focus,textarea:focus,select:focus {	
	border: 1px solid #ddd;
	color: black;
}

div.submit input {
	width: auto;
	height: 27px;
	padding: 0px 25px;
	margin: 63px 58px 0 0;
 	float: right;		
	border: 0;
	font-size: 13px;
	font-weight: bold;
	background: #f2f2f2;
	color: black;
	text-decoration: none;
}

div.submit input:hover {
	background: #f8f8f8;
}

div.form_errors {
	font-family: "Arial", "Tahoma", "Helvetica", sans-serif;
	font-size: 12px;
	color: red;
	margin-bottom: 25px;
}

div.form_errors ul {
	margin-left: 13px;
	padding: 0;
	list-style: square;
}

div.form_errors li {
	margin: 5px 0;
	padding: 0;
}

div.form_message {
	font-family: "Arial", "Tahoma", "Helvetica", sans-serif;
	padding: 20px 50px 25px 0;
	font-size: 12px;
	color: #8c9646;
}

div#form_status {
	font-family: "Arial", "Tahoma", "Helvetica", sans-serif;
	font-size: 12px;
}
/*----------- FOOTER -----------*/

div#footer div#footcontent {
	font-family: "Arial", "Tahoma", "Helvetica", sans-serif;
	font-size: 10px;
	color: #959595;
}

div#footer div#footcontent a {
	font-size: 11px;
	color: #8c9646;
	text-decoration: none;
}

div#footer div#footcontent a:hover {
	color: #acb856;
	text-decoration: underline;	
}

div#footer div#copy {
	float: left;
	margin: 2px 110px 0 383px;
}

div#footer div#copy_2 {
	float: left;
	margin: 2px 129px 0 346px;
}

div#footer div#footmenu {
	float: left;
}

div#footer div#footmenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div#footer div#footmenu li {
	display: block;
	float: left;
	margin: 0 7px;	
}

div#footer p {
	font-size: 9px;
	text-align: left;
}