/* main page elements*/
body{
	overflow-x: hidden;
}

#header-container {
	margin-top: 0;
	margin-bottom: 10px;
	width: 100%;
	height: 60px;
	background-color: transparent;
	background-image: url(../srcimg/headerimg.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#footer-container {
	width: 100%;
	height: 30px;
	margin-top: 10px;
	margin-bottom: 0;
	background: transparent url(../img/footer.png) repeat-x 0 0;
}
.footer {
	background: url(../img/footer.png) no-repeat;
	height: 28px;
}
p {
	color: #a3adab;
	font-family: 'Osaka', 'MS PGothic', sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: 0pt;
	line-height: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	opacity: 1;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: left;
	text-decoration: none;
	text-indent: 0px;
	text-transform: none;
}
.ptwo {
	color: #a3adab;
	font-family: 'Osaka', sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: 0pt;
	line-height: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	opacity: 1;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: center;
	text-decoration: none;
	text-indent: 0px;
	text-transform: none;
}
.ptwo a {
	color: #a3adab;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: -0.02em;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	opacity: 1;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: center;
	text-decoration: none;
	text-indent: 0px;
	text-transform: none;
}
p img.right {
	float: right;
	margin-top: 1.5em;
	margin-right: 0pt;
	margin-bottom: 1.5em;
	margin-left: 1.5em;
}
h3 {
	color: #FF94A0;
	font-family: 'Osaka', 'MS PGothic', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 18px;
	opacity: 1;
	text-align: center;
	margin-top: 10px;
}
h4 {
	color: #a3adab;
	font-family: 'Osaka', 'MS PGothic', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: 0.18em;
	line-height: 18px;
	opacity: 1;
	text-align: center;
	text-decoration: none;
	text-indent: 0px;
	text-transform: none;
}
h4.left {
	color: #a3adab;
	font-family: 'Osaka', 'MS PGothic', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: 0.18em;
	line-height: 18px;
	opacity: 1;
	text-align: left;
	text-decoration: none;
	text-indent: 0px;
	text-transform: none;
}
h4.space {
	color: #a3adab;
	font-family: 'Osaka', 'MS PGothic', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: 0.18em;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	opacity: 1;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: center;
	text-decoration: none;
	text-indent: 0px;
	text-transform: none;
}
/* Slider for site */

#slider {
	width: 820px;
	margin: 0 auto;
	position: relative;
}
.scroll {
	height: 450px;
	width: 820px;
	position: relative;
}
.scrollContainer div.panel {
	padding: 20px;
	height: 410px;
	width: 820px;
}

#shade {
	height: 50px;
}
.scrollButtons {
	position: absolute;
	top: 150px;
	cursor: pointer;
}
.scrollButtons.left {
	left: -20px;
}
.scrollButtons.right {
	right: -20px;
}
.hide {
	display: none;
}
.greentext {
	color: #acd82e;
	font-family: 'OCRB', 'ArialMT', 'Arial', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: 0.18em;
	line-height: 14px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	opacity: 1;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: center;
	text-decoration: none;
	text-indent: 0px;
	text-transform: none;
}
.greentext a {
	color: #acd82e;
	font-family: 'OCRB', 'ArialMT', 'Arial', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: 0.18em;
	line-height: 14px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	opacity: 1;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: center;
	text-decoration: none;
	text-indent: 0px;
	text-transform: none;
}
/*sub-menu code*/

#navcontainer ul {
	list-style-type: none;
	text-align: left;
}
#navcontainer ul li a {
	background: transparent url(../img/list-off.gif) left center no-repeat;
	padding-left: 15px;
	text-align: left;
	font-family: 'Osaka', 'MS PGothic', sans-serif;
	text-decoration: none;
	color: #999;
}
#navcontainer ul li a:hover {
	background: transparent url(../img/list-active.gif) left center no-repeat;
	color: black;
}
#navcontainer ul li a#current {
	background: transparent url(../img/list-on.gif) left center no-repeat;
	color: #666;
}
/* hor main nav menu */

#mainnav {
	font-family: 'Osaka', 'MS PGothic', sans-serif;
	margin: 0 auto 10px;
}
#navlist {
	letter-spacing: 0.18em;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	text-indent: 0;
	list-style-type: none;
}
#navlist li {
	width: 140px;
	padding: 0;
	margin: 0;
	text-indent: 0;
	display: block;
	float: left;
}
#navlist li a {
	text-decoration: none;
	color: #c6e95c;
	font-size: 1.2em;
}
#navlist li#current {
	color: white;
	border-top: none;
	font-size: 1.2em;
	background: url(../img/current2.png);
	text-align: center,
}
#navlist li#current a{
	color: white;
}

#hover:hover {
cursor: pointer;
margin-top: -3px;
margin-left: 3px;
}


.button {
width: 140px;
height: 20px;
display: block;
background: url(../img/nav_bg.png) no-repeat 0 -80px;
color: #fff;
padding-left: 30px;
margin-bottom: 20px;
text-shadow: none;
border-style: none;
text-align: left;
}

/* Form Button Hover State */
.button:hover {
background: url(../img/nav_bg.png) no-repeat -140px -80px;
text-decoration: none;
color: #fff;
}

/* Form Input Styling */
input {
border-style: none;
margin-bottom: 15px;
color: #b2b2b2;
display: block;
padding-left: 20px;
height: 20px;
width: 120px;
padding-top: 1px;
}

.name {
background: url(../img/form-elements.png) no-repeat;
margin-top: 20px;
}

.email {
background: url(../img/form-elements.png) no-repeat 0 -20px;
}

.company {
background: url(../img/form-elements.png) no-repeat 0 -40px;
}

.address {
background: url(../img/form-elements.png) no-repeat 0 -80px;
}

.address2 {
background: url(../img/form-elements.png) no-repeat 0 -100px;
}

.phone {
background: url(../img/form-elements.png) no-repeat 0 -60px;
}

.name:focus {
background: url(../img/form-elements.png) no-repeat -140px 0;
}

.email:focus {
background: url(../img/form-elements.png) no-repeat -140px -20px;
}

.company:focus {
background: url(../img/form-elements.png) no-repeat -140px -40px;
}

.address:focus {
background: url(../img/form-elements.png) no-repeat -140px -80px;
}

.address2:focus {
background: url(../img/form-elements.png) no-repeat -140px -100px;
}

.phone:focus {
background: url(../img/form-elements.png) no-repeat -140px -60px;
}

.message {
background: url(../img/textarea.png) no-repeat;
border-style: none;
color: #b2b2b2;
display: block;
padding-left: 20px;
width: 280px;
height: 77px;
margin-bottom: 15px;
padding-top: 3px;
overflow: auto;
resize: none;
}

.message:focus {
background: url(../img/textarea.png) no-repeat -300px 0;
}


ul {
list-style-type: none;
margin-top: 10px;
margin-bottom: 20px;

}

ul li.ux {
background: url(../img/desc_icons.png) no-repeat 0 3px;
padding-left: 12px;
height: 12px;
margin-bottom: 5px;
}

ul li.frontend {
background: url(../img/desc_icons.png) no-repeat 0 -10px;
padding-left: 12px;
margin-bottom: 5px;
height: 12px;
}

ul li.html {
background: url(../img/desc_icons.png) no-repeat 0 -23px;
padding-left: 12px;
height: 12px;
margin-bottom: 5px;
}

ul li.tick {
background: url(../img/desc_icons.png) no-repeat 0 -35px;
padding-left: 12px;
height: 12px;
margin-bottom: 5px;
}

ul.contact {
margin-top: 23px;
}

ul.contact li {
margin-top: 20px;
}
.imgborder {
	border:1px solid #FF94A0;
}
imgborder {
	padding:1px;
	border:1px solid #FF94A0;
}
.imgalign  img{
	
}
.logoplace {
	background-image: url(../img/logopage.png);
	background-repeat: no-repeat;
	height: 50px;
}