* {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust:none;
	font-family:Helvetica;
	color:#404040;
}

html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}

body {
	width:100%;
}

a:link, a:visited, a:active, a:hover {
	text-decoration: none;
}

a:link img, a:visited img, a:active img, a:hover img {
	border:0px;
}

.clear {
	clear:both;
}

#body {
	margin: 20px auto;
	width:1380px;
}

#homebtn {
	width:75px;height:50px;
	position:absolute;
	top:50px;
	left:8px;
}

#homebtn a{
	float: left;
	height: 0px;
	width: 75px;
	padding-top: 50px;
	position:relative;
	overflow: hidden;
}

#topBox {
	width:100%;
	height:151px;
	position:relative;
	margin-bottom:30px;
}

#topBox .bgleft {
	background:url('images/wellwell_top_bg.png') no-repeat top left;
	width:150px;
	height:151px;
	position:absolute;
	top:0px;
	left:0px;
}

#topBox .bgright {
	background:url('images/wellwell_top_bg.png') no-repeat top right;
	width:100px;
	height:151px;
	position:absolute;
	top:0px;
	right:0px;
}

#topBox #cat_icon {
	width:299px;height:33px;
	position:absolute;
	top:50%;
	margin-top:-18px;
	right:390px;
}

#topBox #cat_icon a {
	float: left;
	height: 0;
	padding-top: 33px;
	width:299px;
	position:relative;
	overflow: hidden;
	background:url('images/wellwell_cat_icon.png') no-repeat 0 0;
}

#topBox #cat_icon a.ico1 { background-position: 0 0; width:42px; }
#topBox #cat_icon a.ico2 { background-position: -42px 0; width:55px; }
#topBox #cat_icon a.ico3 { background-position: -97px 0; width:41px; }
#topBox #cat_icon a.ico4 { background-position: -138px 0; width:44px; }
#topBox #cat_icon a.ico5 { background-position: -182px 0; width:36px; }
#topBox #cat_icon a.ico6 { background-position: -218px 0; width:40px; }
#topBox #cat_icon a.ico7 { background-position: -258px 0; width:41px; }

#topBox #cat_icon a.ico1:hover { background-position: 0 -33px; }
#topBox #cat_icon a.ico2:hover { background-position: -42px -33px; }
#topBox #cat_icon a.ico3:hover { background-position: -97px -33px; }
#topBox #cat_icon a.ico4:hover { background-position: -138px -33px; }
#topBox #cat_icon a.ico5:hover { background-position: -182px -33px; }
#topBox #cat_icon a.ico6:hover { background-position: -218px -33px; }
#topBox #cat_icon a.ico7:hover { background-position: -258px -33px; }

#topBox #menu {
	position:absolute;
	top:50%;
	margin-top:-11px;
	font-size:22px;
	line-height:22px;
	right:50px;
}

#topBox #menu a {
	color:#404040;
	font-weight:bold;
}

#topBox #menu a:hover {
	color:#CD719E;
}

#topBox #menu a.hover {
	color:#CD719E;
}

.main-column {
	position:relative;
	width: 1380px;
	float:left;
}

.project-surround, .project-surround div {
	position:relative;
	float:left;
}

.project {
	float:left;
	margin-right:30px;
	margin-bottom:30px;
	overflow:hidden;
	position:relative;
}

.project .image {
	overflow:hidden;
	position:absolute;
	display: block;
	top: 0px;
	left: 0px;
}

.project .image span{ display:none; }

.project .text-icons {
	overflow:hidden;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 38px;
	z-index:2;
}

.project .title {
	font-weight: 300;
	position: relative;
	top: 0px;
	left: 0px;
	font-size:16px;
	line-height:38px;
	color:white;
	z-index: 4;
	margin-left:6px;
}

.project .icon-list {
	display:inline-block;
	position: relative;
	z-index: 10;
	float:none;
	line-height:38px;
	top:0px;
}

.project .text-icons .bg {
	position:absolute;
	left: 0px;
	top: 0px;
}

.project .text-icons .bg img {
	width: 100%;
	height:38px;
}

.project .text-icons .caticon {
	position: relative;
	display:inline-block;
	text-indent:-9999px;
	height:38px;
	background:url('images/wellwell_title_cat_icon.png') no-repeat;
}

.project .text-icons .pri {
	background-position:-66px 0px;
	width:24px;
}

.project .text-icons .adv {
	background-position:-162px 0px;
	width:32px;
}

.project .text-icons .web {
	background-position:-198px 0px;
	width:24px;
}

.project .text-icons .app {
	background-position:-37px 0px;
	width:15px;
}

.project .text-icons .bro {
	background-position:-134px 0px;
	width:20px;
}

.project .text-icons .cor {
	background-position:0px 0px;
	width:25px;
}

.project .text-icons .oth {
	background-position:-97px 0px;
	width:29px;
}

.line-one-last {
}

.last {
	margin-right:0px;
}

.w3, .w3 .image, .w3 .text-icons .bg { width:393px; }
.w2, .w2 .image, .w2 .text-icons .bg { width:252px; }
.w1, .w1 .image, .w1 .text-icons .bg { width:111px; }

.h3, .h3 .image { height:393px; }
.h2, .h2 .image { height:252px; }
.h1, .h1 .image { height:111px; }


.SP1 {
	left: 141px;
	bottom:141px;
}



.leftBox {
	float:left;
	margin-right:30px;
	margin-bottom:30px;
	overflow:hidden;
	position:relative;
}

.leftBox .contentBox {
	width:520px;
	position:relative;
}

.rightBox {
	float:left;
	margin-right:0px;
	margin-bottom:30px;
	overflow:hidden;
	position:relative;
}

.rightBox .contentBox {
	width:830px;
	position:relative;
}

.rightBox .contentBox img {
	margin-bottom:20px;
}

.contentBox {
	font-size:16px;
}

.contentBox .title {
	font-size:22px;
	font-weight:bold;
	border-top:1px solid #888;
	line-height:50px;
	margin-bottom:30px;
}

.contentBox .imgtitle {
	font-size:20px;
	font-weight:normal;
	border-top:1px solid #888;
	line-height:40px;
}

.contentBox .icon-list {
	display:inline-block;
	position: relative;
	line-height:38px;
	margin-bottom:20px;
}

.contentBox .icon-list span {
	float: left;
	height: 33px;
	text-indent:-9999px;
	position:relative;
	overflow: hidden;
	background:url('images/wellwell_cat_icon.png') no-repeat 0 0;
}

.contentBox .icon-list .cor { background-position: 0 0; width:42px; }
.contentBox .icon-list .adv { background-position: -42px 0; width:55px; }
.contentBox .icon-list .pri { background-position: -97px 0; width:41px; }
.contentBox .icon-list .web { background-position: -138px 0; width:44px; }
.contentBox .icon-list .app { background-position: -182px 0; width:36px; }
.contentBox .icon-list .bro { background-position: -218px 0; width:40px; }
.contentBox .icon-list .oth { background-position: -258px 0; width:41px; }

.contentBox .navBox {
	
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
}

.contentBox .navBox a {
	color:#404040;
}

.contentBox .navBox a:hover {
	color:#CD719E;
}

.contentBox .seeAlso {
	float: left;
	width:45%;
	position:relative;
}
.contentBox .navigation {
	float: left;
	width:45%;
	position:relative;
}


#mainBox {
	position:relative;
}

.contactmap930 {
	display:none;
}

.contactmap1080 {
	display:none;
}

.contactmap1380 {
	display:block;
	width:830px;
}

.footerBox {
	position:relative;
	 border-top:1px solid #888;
}