body { 
	font-size: 11px;
	font-family: Tahoma;
	color: #4f89ce;
	margin: 0 auto;
	background: #042c82 url('images/bg.png') repeat-x;
}

body img { 
	border: 0px;
}

/***************************  top  ***********************************/

div.all {
	width: 1002px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	padding: 0;
}

#bg { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 50%; 
	height: 470px; 
	background-position: right; 
	background: url('images/bgleft.gif') repeat-x;
}

#bgleft { 
	height: 100%; 
	margin-right: 501px; 
	background: url('images/left.jpg') 100% 0 no-repeat;
}

#bg2 { 
	position: absolute; 
	top: 0; 
	right: 0; 
	width: 50%; 
	height: 470px; 
	background-position: left; 
	background: url('images/bgright.gif') repeat-x;
}

#bgright { 
	height: 100%; 
	background: url('images/right.jpg') 100% 0 no-repeat; 
	background-position: 500px 0px;
}

#top1 {
	width: 136px;
	height: 222px;
	float: left;
	background: url('images/enjoy_01.jpg') no-repeat;
}

a.logo {
	width: 136px;
	height: 222px;
	float: left;
	background: url('images/logo.png') no-repeat;
}

#top2 {
	width: 114px;
	height: 222px;
	float: left;
	background: url('images/enjoy_02.jpg') no-repeat;
}

#top3 {
	width: 103px;
	height: 222px;
	float: left;
	background: url('images/enjoy_03.jpg') no-repeat;
}

#top4 {
	width: 111px;
	height: 222px;
	float: left;
	background: url('images/enjoy_04.jpg') no-repeat;
}

#top5 {
	width: 116px;
	height: 222px;
	float: left;
	background: url('images/enjoy_05.jpg') no-repeat;
}

#top6 {
	width: 110px;
	height: 222px;
	float: left;
	background: url('images/enjoy_06.jpg') no-repeat;
}

#top7 {
	width: 95px;
	height: 222px;
	float: left;
	background: url('images/enjoy_07.jpg') no-repeat;
}

#top8 {
	width: 217px;
	height: 222px;
	float: left;
	background: url('images/enjoy_08.jpg') no-repeat;
}

ul.links {
	width: 195px;
	float: left;
	height: 40px;
	margin: 0;
	padding: 7px 0px 0px 22px;
	list-style: none;
}

li {
	background: url('images/redbox.gif') no-repeat;
	height: 40px;
	float: left;
	background-position: 0px 5px;
	padding: 0px 12px 0px 12px;
}

a.links {
	color: #d8e9ff;
	text-decoration: none;
}

a.links:hover {
	text-decoration: underline;
}


/***************************  menu  ***********************************/

#menu {
	width: 1002px;
	height: 78px;
	background: #010a22;
	float: left;
}

a.menu1 {
	width: 77px;
	height: 78px;
	float: left;
	background: url('images/menu_01.jpg') no-repeat;
	color: #62b1e6;
}

a.menu2 {
	width: 67px;
	height: 78px;
	float: left;
	background: url('images/menu_02.jpg') no-repeat;
	color: #62b1e6;
}

a.menu3 {
	width: 131px;
	height: 78px;
	float: left;
	background: url('images/menu_03.jpg') no-repeat;
	color: #62b1e6;
}

a.menu4 {
	width: 88px;
	height: 78px;
	float: left;
	background: url('images/menu_04.jpg') no-repeat;
	color: #62b1e6;
}

a.menu5 {
	width: 101px;
	height: 78px;
	float: left;
	background: url('images/menu_05.jpg') no-repeat;
	color: #62b1e6;
}

a.menu6 {
	width: 92px;
	height: 78px;
	float: left;
	background: url('images/menu_06.jpg') no-repeat;
	color: #62b1e6;
}

a.menu7 {
	width: 93px;
	height: 78px;
	float: left;
	background: url('images/menu_07.jpg') no-repeat;
	color: #62b1e6;
}

a.menu8 {
	width: 93px;
	height: 78px;
	float: left;
	background: url('images/menu_08.jpg') no-repeat;
	color: #62b1e6;
}

a.menu9 {
	width: 110px;
	height: 78px;
	float: left;
	background: url('images/menu_09.jpg') no-repeat;
	color: #62b1e6;
}


a.menu1:hover, a.menu2:hover, a.menu3:hover, a.menu4:hover, a.menu5:hover, a.menu6:hover, a.menu7:hover, a.menu8:hover, a.menu9:hover {
	background-position: 0px -78px;
	color: #62b1e6;
}

div.menu10 {
	width: 150px;
	height: 78px;
	float: left;
	background: url('images/menu_10.jpg') no-repeat;
}

/***************************  content  *******************************/

#content {
	background: #011229 url('images/contentbg.gif') repeat-y;
	float: left;
	width: 1002px;
}

#left {
	width: 620px;
	float: left;
	background: url('images/cont.jpg') no-repeat;
	padding: 33px 0px 30px 30px;
}

#left1 {
	width: 284px;
	float: left;
	padding: 0px 32px 0px 0px;
}

#left2 {
	width: 284px;
	float: left;
}

#leftwide {
	width: 598px;
	float: left;
	padding: 0px 32px 0px 0px;
}

div.dotts {
	width: 284px;
	float: left;
	background: url('images/dotts.gif') no-repeat;
	height: 2px;
	margin: 10px 0px 15px 0px;
}

div.dottswide {
	width: 598px;
	float: left;
	background: url('images/dotts.gif') repeat-x;
	height: 2px;
	margin: 10px 0px 15px 0px;
}

p.lefttext {
	width: 284px;
	float: left;
	line-height: 21px;
	margin: 0;
	padding: 0px 0px 19px 0px;
}

p.lefttextwide {
	width: 598px;
	float: left;
	line-height: 21px;
	margin: 0;
	padding: 0px 0px 19px 0px;
}

#right {
	width: 322px;
	float: left;
	background: url('images/contright.jpg') no-repeat;
	padding: 33px 0px 30px 30px;
}

p.textright {
	width: 300px;
	float: left;
	line-height: 21px;
	margin: 0;
	padding: 0px 0px 19px 0px;
}

fieldset.contact {
	width: 310px;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
}

label.contact1 {
	width: 150px;
	float: left;
	padding: 3px 0px 0px 1px;
}

input.contact {
	width: 132px;
	float: left;
	border: none;
	background: #4781c6;
	color: #ffffff;
	font-family: Tahoma;
	font-size: 11px;
	padding: 7px 4px 5px 4px;
	height: 15px;
	margin: 6px 11px 9px 0px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

label.contact2 {
	width: 300px;
	float: left;
	padding: 3px 0px 0px 1px;
}

textarea.contact {
	width: 283px;
	height: 70px;
	float: left;
	border: none;
	background: #4781c6;
	color: #ffffff;
	font-family: Tahoma;
	font-size: 11px;
	padding: 7px 4px 5px 4px;
	margin: 6px 0px 0px 0px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

input.send {
	float: right;
	border: none;
	background: #09356a;
	color: #ffffff;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 15px 4px 15px;
	height: 28px;
	margin: 11px 19px 9px 0px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}

/***************************  footer  ********************************/

div.all2 {
	width: 100%;
	height: 414px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	padding: 0;
	background: url(images/down.jpg) no-repeat;
	background-position: center top;
}

#projects {
	width: 1002px;
	margin: auto;
	height: 700px;
}

div.projects {
	width: 1002px;
	height: 414px;
	float: left;
	background: url('images/projects.jpg') no-repeat;
}

div.projectscont {
	width: 958px;
	height: 174px;
	float: left;
	padding: 23px 0px 0px 22px;
}

a.arrowleft {
	width: 28px;
	height: 150px;
	float: left;
	background: url('images/arrowleft.gif') no-repeat;
	color: #194883;
}

a.imagepro {
	width: 200px;
	height: 150px;
	float: left;
	margin: 0px 0px 0px 20px;
}

a.imagepro:hover {
	background-position: 0px -150px;
}

a.imgpro1 { background: url('images/screens/3.gif') no-repeat;}
a.imgpro2 { background: url('images/screens/4.gif') no-repeat;}
a.imgpro3 { background: url('images/screens/1.gif') no-repeat;}
a.imgpro4 { background: url('images/screens/7.gif') no-repeat;}
a.imgpro5 { background: url('images/screens/2.gif') no-repeat;}
a.imgpro6 { background: url('images/screens/5.gif') no-repeat;}
a.imgpro7 { background: url('images/screens/6.gif') no-repeat;}
a.imgpro8 { background: url('images/screens/8.gif') no-repeat;}

a.arrowright {
	width: 28px;
	height: 150px;
	float: left;
	background: url('images/arrowright.gif') no-repeat;
	color: #194883;
	margin: 0px 0px 0px 20px;
}

div.cut {
	float: left;
}

div.footer {
	width: 940px;
	height: 189px;
	float: left;
	background: url('images/footer.jpg') no-repeat;
	padding: 28px 31px 0px 31px;
	color: #88b4e8;
}

div.copy {
	float: left;
}

div.design {
	float: right;
	text-align: right;
}

a.design {
	color: #88b4e8;
	text-decoration: none;
}

a.design:hover {
	text-decoration: underline;
}

span.red {
	color: #da2f32;
	font-weight: bold;
}
a.link {
	color: #da2f32;
	font-weight: bold;
	text-decoration: none;
}

a.link:hover {
	text-decoration: underline;
}

h1.title {
	font-size: 20px;
	font-family: Tahoma;
	font-weight: normal;
	color: #ffffff;
	margin: 0;
	padding: 0px 0px 15px 0px;
	float: left;
	width: 284px;
}

h2.title {
	font-size: 18px;
	font-family: Tahoma;
	font-weight: normal;
	color: #ffffff;
	margin: 0;
	padding: 0px 0px 15px 0px;
	float: left;
	width: 284px;
}

h3.title {
	font-size: 14px;
	font-family: Tahoma;
	font-weight: bold;
	color: #ffffff;
	margin: 0;
	padding: 0px 0px 15px 0px;
	float: left;
	width: 284px;
}

h1.titlewide {
	font-size: 20px;
	font-family: Tahoma;
	font-weight: normal;
	color: #ffffff;
	margin: 0;
	padding: 0px 0px 15px 0px;
	float: left;
	width: 598px;
}

h2.titlewide {
	font-size: 18px;
	font-family: Tahoma;
	font-weight: normal;
	color: #ffffff;
	margin: 0;
	padding: 0px 0px 15px 0px;
	float: left;
	width: 598px;
}

h3.titlewide {
	font-size: 14px;
	font-family: Tahoma;
	font-weight: bold;
	color: #ffffff;
	margin: 0;
	padding: 0px 0px 15px 0px;
	float: left;
	width: 598px;
}
h4.titlewide {
	font-size: 12px;
	font-family: Tahoma;
	font-weight: bold;
	color: #ffffff;
	margin: 0;
	padding: 0px 0px 15px 0px;
	float: left;
	width: 598px;
}
p.lefttextwide1 {
	width: 598px;
	float: left;
	line-height: 12px;
	margin: 0;
	padding: 0px 0px 19px 0px;
}
h4.title{
	font-size: 12px;
	font-family: Tahoma;
	font-weight: bold;
	color: #ffffff;
	margin: 0;
	padding: 0px 0px 15px 0px;
	float: left;
	width: 598px;