/********/
/* html */
/********/
body {
	background:#FFF;
	margin:0;
	padding:0;
	text-align:center
}

div {
	text-align:left
}

h1 {
	background:url(../img/bg/h1.gif) repeat-x;
	color:#D0AE00;
	font-size:14px;
	height:22px;
	line-height:14px;
	margin:0 0 15px 0;
	padding:0
}

h2 {
	background:#AAA url(../img/bg/h2_left.gif) left top no-repeat;
	color:#FFF;
	font-size:11px;
	font-weight:normal;
	height:20px;
	line-height:11px;
	margin:0;
	padding:0
}

h2 span {
	background:url(../img/bg/h2_right.gif) right top no-repeat;
	display:block;
	height:16px;
	padding:4px 10px 0 10px
}

h3 {
	color:#D0AE00;
	font-size:11px;
	margin:0;
	padding:0
}

p {
	margin:0 0 15px 0;
	padding:0
}

img {
	border:0;
	display:block
}

a {
	color:#FC7D00;
	text-decoration:underline
}

form {
	margin:0;
	padding:0
}

td {
	padding-right:5px;
}

input,
select,
textarea {
	border:0;
	color:#888;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px
}

/**********/
/* layout */
/**********/
/* page */
#page {
	color:#000;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	height:540px;
	margin:0 auto;
	width:760px
}

/* header */
#header {
	height:82px;
	padding-top:15px
}

#logo {
	float:left;
	height:82px;
	width:100px
}

#logo img {
	height:67px;
	width:100px
}

#login {
	float:right;
	height:82px;
	width:150px
}

#login input {
	float:left;
	height:17px;
	margin:4px 0 0 0;
	padding:3px 10px 0 10px
}

#login input#username {
	background:url(../img/bg/input_username.gif) no-repeat;
	width:130px
}

#login input#password {
	background:url(../img/bg/input_password.gif) no-repeat;
	width:106px
}

#login #button_submit_login {
	background:url(../img/bg/button_submit_login.gif) no-repeat;
	float:left;
	height:20px;
	margin:4px 0 0 4px;
	width:20px
}

/* menu */
#menu {
	background:#8D8D8D url(../img/bg/menu.gif) repeat-x;
	height:30px;
	margin-bottom:15px
}

#menu div {
	background:url(../img/bg/menu_left.gif) left top no-repeat;
	height:30px
}

#menu ul {
	background:url(../img/bg/menu_right.gif) right top no-repeat;
	height:30px;
	list-style:none;
	margin:0;
	padding:0 11px
}

#menu li,
#menu span,
#menu a {
	float:left;
	height:30px
}

#menu li {
	background:url(../img/bg/menu_item.gif) right top no-repeat
}

#menu a {
	color:#FFF;
	text-decoration:none
}

#menu a:hover,
#menu a.active {
	color:#FCD300
}

#menu span {
	cursor:pointer;
	height:22px;
	padding:8px 20px 0 20px
}

/* content */
#content {
	line-height:20px
}

/* footer */
#footer {
	background:#EEE url(../img/bg/footer_left.gif) left top no-repeat;
	font-size:10px;
	height:19px;
	margin-bottom:20px
}

#footer p {
	background:url(../img/bg/footer_right.gif) right top no-repeat;
	color:#888;
	height:19px;
	line-height:19px;
	margin:0;
	padding:0;
	text-align:center
}

/*********/
/* pages */
/*********/
/* splash */
#splash {
	background:url(../img/bg/dots.gif) repeat-x;
	left:50%;
	margin-left:-380px;
	padding-top:1px;
	position:absolute;
	top:50%;
	width:760px
}

#splash .item {
	background:url(../img/bg/dots.gif) repeat-x left bottom;
	min-height:141px
}

#splash .item .img {
	float:left;
	height:100px;
	margin:20px 20px 21px 0;
	width:150px
}

#splash .item .txt {
	float:left;
	height:100px;
	margin:16px 0 21px 0;
	text-align:justify;
	width:590px
}

#splash .item p {
	line-height:18px;
	margin:0;
	padding:0
}

#splash .more {
	float:right
}

#splash a span {
	font-weight:bold
}

#splash .header a {
	font-weight:bold;
	text-decoration:none
}

#splash #cymeq_healthcare a {
	color:#71B6AE
}

#splash #cymeq_software a {
	color:#D0AE00
}

#splash #cymeq_wellness .header,
#splash #cymeq_wellness a {
	color:#73B0D0;
	font-weight:bold
}

/* disciplines */
#disciplinesViewer {
	height:150px;
	margin:20px 0
}

#disciplinesViewer ul {
	height:150px;
	list-style:none;
	margin:0;
	padding:0
}

#disciplinesViewer li {
	display:inline;
	float:left;
	height:18px;
	margin:20px 0 20px 20px;
	padding:92px 0 0 0
}

#disciplinesViewer li#division_539 {
	background:url(../img/bg/icon_website_management.gif) no-repeat center top
}

#disciplinesViewer li#division_540 {
	background:url(../img/bg/icon_process_efficiency.gif) no-repeat center top
}

#disciplinesViewer li#division_541 {
	background:url(../img/bg/icon_added_value.gif) no-repeat center top
}

#disciplinesViewer li a {
	background:#FFF url(../img/bg/label_1_left.gif) no-repeat;
	color:#888;
	float:left;
	height:18px;
	line-height:18px;
	text-decoration:none
}

#disciplinesViewer li span {
	background:url(../img/bg/label_1_right.gif) no-repeat right top;
	cursor:pointer;
	float:left;
	height:18px;
	padding:0 10px
}

/* products */
#products .item {
	background:url(../img/bg/dots.gif) repeat-x left bottom;
	margin-bottom:20px;
	padding-bottom:10px
}

#products .item p {
	color:#666;
	margin:0;
	padding:0
}

/* product */
#product .item {
	background:url(../img/bg/dots.gif) repeat-x left bottom;
	margin-bottom:20px;
	padding-bottom:10px
}

#product .item p {
	color:#666;
	margin:0;
	padding:0
}

#product .item .img {
	float:left;
	width:90px
}

#product .item .txt {
	float:left;
	width:670px
}

/* projects */
#projects .item {
	background:url(../img/bg/dots.gif) repeat-x left bottom;
	margin-bottom:20px;
	padding-bottom:10px
}

#projects .item p {
	color:#666;
	margin:0;
	padding:0
}

#projects .item .img {
	float:left;
	width:210px
}

#projects .item .txt {
	float:left;
	width:550px
}

/* contact */
#contactWrapper {
	background:url(../img/bg/dots.gif) repeat-x;
	margin-top:20px
}

#contactWrapper form {
	padding-top:15px
}

#contactWrapper #form_wrapper {
	width:500px
}

#contactWrapper .row {
	min-height:26px
}

#contactWrapper label {
	color:#666;
	float:left;
	font-weight:bold;
	margin-top:-2px;
	width:200px
}

#contactWrapper input,
#contactWrapper select,
#contactWrapper textarea {
	border:1px solid #888;
	float:left;
	width:250px
}

#contactWrapper input.checkbox {
	border:0;
	width:14px
}

#contactWrapper textarea {
	height:100px;
	overflow:auto
}

#contactWrapper .button {
	display:inline;
	margin:10px 0 0 200px;
	padding-bottom:20px
}

/***********/
/* overall */
/***********/
.clear {
	clear:both;
	line-height:0px
}

.hide {
	display:none
}

.show {
	display:block
}

/* box 1 */
.box_1 {
	background:#FCD300 url(../img/bg/box1_tl.gif) no-repeat left top
}

.box_1 .tr {
	background:url(../img/bg/box1_tr.gif) no-repeat right top
}

.box_1 .bl {
	background:url(../img/bg/box1_bl.gif) no-repeat left bottom
}

.box_1 .br {
	background:url(../img/bg/box1_br.gif) no-repeat right bottom
}

/* box 2 */
.box_2 {
	background:#FFF url(../img/bg/box2_tl.gif) no-repeat left top
}

.box_2 .tr {
	background:url(../img/bg/box2_tr.gif) no-repeat right top
}

.box_2 .bl {
	background:url(../img/bg/box2_bl.gif) no-repeat left bottom
}

.box_2 .br {
	background:url(../img/bg/box2_br.gif) no-repeat right bottom
}

#feedback_info {
	color:#F5384E;
	margin-bottom:10px;
}

.button {
	float:left
}

.button a {
	font-weight:bold
}

input.error,
textarea.error,
select.error {
	background:#FFC2C2;
	border:1px solid #F5384E
}