* {
	margin: 0;
	padding: 0
}

html { height: 100% }

body {
	background: #D8D8D8 url(../images/bg.gif) repeat-y center;
	font-family: verdana, sans-serif;
	font-size: 16px;
	height: 100%
}

#wrapper {
	background: White;
	height: 101%;
	margin: 0 auto;
	width: 980px
}

/* header------------------------------------------------------*/
#header {
	height: 70px;
	width: 980px
}

#header div.hleft {
	float: left;
	height: 40px;
	padding: 15px 20px;
	width: 450px
}

#header div.hright {
	color: #1B1C20;
	float: left;
	font-family: arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	padding: 30px 63px 0 17px;
	text-align: right;
	width: 410px
}

#header div img {
	display: block
}

/* navi--------------------------------------------------------*/
#naviwrapper {
	height: 50px;
	width: 980px
}

#navi {
	background: #E4E4E4 url(../images/bg-navi.gif) repeat-x top;
	float: left;
	padding: 0 0 0 43px;
	height: 26px;
	width: 937px
}

#navi ul {
	list-style: none;
	height: 24px
}

#navi ul li {
	float: left;
	display: inline;
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	position: relative
}

#navi ul li a {
	background: url(../images/btn-navi.gif) repeat-x bottom;
	color: white;
	line-height: 24px;
	padding: 4px 20px;
	text-decoration: none
}

#navi ul li:hover a, #navi ul li a.cur {
	background: url(../images/btn-navi.gif) repeat-x top
}

#navi ul li ul {
	border-top: 2px solid #ffce00;
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
	height: 30px;
	width: 274px;
	z-index: 10
}

#navi ul li:hover ul { display: block }

#navi ul li ul li {
}

#navi ul li ul li a {
	background: #b0b0b0 !important;
	color: white;
	display: block;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	padding: 0 20px
}

#navi ul li ul li a:hover {
	background: #b0b0b0
}

/* subnavi-----------------------------------------------------*/
#subnavi {
	float: left;
	background: #E4E4E4;
	padding: 3px 0 0 45px;
	width:935px
}

#subnavi ul {
	list-style: none
}

#subnavi ul li {
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	float: left;
	display: inline;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold
}

#subnavi ul li a {
	color: #848484;
	line-height: 21px;
	padding: 0 18px;
	text-decoration: none
}

#subnavi ul li.act, #subnavi ul li.act:hover {
	/*background: White url(../images/end.gif) repeat-y 100% 0*/
	background: White
}

#subnavi ul li:hover {
	background: White url(../images/arrow.gif) no-repeat 6px 50%
}

#subnavi ul li a:hover {
	background: url(../images/arrow.gif) no-repeat 6px 50%
}

#subnavi ul li a.cur {
	background: url(../images/arrow.gif) no-repeat 6px 50%
}

/* content-----------------------------------------------------*/
#Layer2 {
	background: White;
	color: #e4e4e4;
	float: left;
	font-size: 11px;
	line-height: 17px;
	padding: 800px 63px 0;
	width: 854px
}

#content {
	background: White;
	float: left;
	margin: 40px 0 0 0;
	width: 980px
}

#gallary {
	background: White;
	float: left;
	margin: 40px 0 0;
	width: 980px
}

#sandbox {
	background: White;
	float: left;
	margin: 40px 0 0;
	padding: 0 63px;
	width: 854px
}

#content a, #sandbox a {
	border-bottom: #000 dotted 1px;
	color: #000;
	text-decoration: none
}

#content a:hover, #sandbox a:hover {
	border-bottom: #000 solid 1px
}

#content h2, #sandbox h2, #Layer2 h1 {
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	padding: 0 0 10px 0
}

#content h3, #sandbox h3 {
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding: 0 0 10px 0
}

#leftside {
	float: left;
	padding: 0 20px 0 0;
	width: 287px
}

#leftside h2 {
	font-family: Arial, sans-serif;
	font-size: 18px;
	text-align: right
}

#middle {
	float: left;
	width: 366px
}

#content p, #sandbox p, #middle p {
	font-size: 12px;
	line-height: 17px
}

.texta {
	background: White;
	border: none;
	margin: 2px 0;
	padding: 0
}

.smallText {
	color: #555;
	font-size: 10px
}

.button {
	background: #e4e4e4;
	border: outset 1px #555;
	color: #555;
	font-size: 11px;
	font-weight: bold;
	padding: 2px
}

#rightside {
	float: left;
	padding: 0 0 0 20px;
	width: 287px
}

.left {
	float: left;
	height: 376px;
	padding: 0 10px 0 20px;
	width: 264px
}

.right {
	float: left;
	height: 376px;
	padding: 0 20px 0 10px;
	width: 530px
}

.auRight {
	float: left;
	height: 376px;
	padding: 0 10px 0 20px;
	width: 397px
}

.auLeft {
	float: left;
	height: 376px;
	padding: 0 20px 0 10px;
	width: 397px
}

.ixRight {
	float: left;
	padding: 0 20px 0 83px;
	width: 387px
}

.ixLeft {
	float: left;
	padding: 0 83px 0 20px;
	width: 387px
}

.gradient {
	background: url(../images/gradient.png) repeat-x bottom
}

.portfolio {
	float: left;
	height: 125px;
	padding: 0 0px 0 0px;
	width: 264px
}

.portfolio p {
	font-size: 11px !important
}

.red {
  color: Red;
  font-family: Arial,sans-serif;
  font-size: 20px;
	line-height: 32px
}

.green {
	color: #690;
	font-family: Arial,sans-serif;
	font-size: 20px;
	line-height: 32px
}

.infotext {
	background: White;
	float: left;
	width: 900px;
	text-align: center;
	font-size:11px;
	padding: 20px 40px;
	line-height: 20px
}

.infotext a { color: #000 }

/* footer------------------------------------------------------*/
#footer {
	background: White;
	float: left;
	padding: 10px 63px;
	width: 854px
}

#footer p {
	color: #555;
	font-size: 11px;
	text-align: right
}

#footer a, #Layer2 a {
	border-bottom: #555 dotted 1px;
	color: #555;
	text-decoration: none
}

#footer a:hover, #Layer2 a:hover {
	border-bottom: #555 solid 1px
}

#etCode { display: none }