/********/
/* html */
/********/
body {
	background:#4d4d4d url(../img/bg/body.gif);
	margin:0;
	padding:0;
}

img {
	border:0;
	display:block
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color:#000;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	margin:0 0 15px 0;
	padding:0;
}

h1 {
	background:url(../img/bg/arrow.png) no-repeat 0 13px;
	border-bottom:1px dotted #000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
	line-height:39px;
	margin:0 0 15px 0;
	padding:0 0 0 20px;
}

h2 {
	color:#5aa2d9;
	margin:0;
}

h3 {
	
}

h4 {
	
}

h5 {
	
}

h6 {
	
}

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

a {
	color:#fc7100;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.active,
a:focus {
	outline:0;
}

hr {
	background:#FFF;
	border:0;
	border-top:1px solid #DDD;
	height:1px;
	line-height:1px;
	margin:0 0 10px 0
}

form {
	margin:0;
	padding:0
}

td {
	color:#555;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:18px;
	text-align:left;
	vertical-align:top
}

ul {
	list-style-image:url(../img/bg/list_item.gif);
	margin:0 0 20px 15px;
	padding:0;
}

/**********/
/* layout */
/**********/
/* page */
#page {
	color:#555;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:18px;
}

/* header */
#header_outer {
	background:#000;
	position:relative;
	text-align:center;
	z-index:20;
}

#header_outer div {
	text-align:left;
}

#header_inner {
	background:url(../img/bg/header_gradient.png) repeat-y;
	height:160px;
	margin:0 auto;
	position:relative;
	width:990px;
}

#logo {
	height:40px;
	left:40px;
	position:absolute;
	top:30px;
	width:160px;
}

#logo img {
	height:40px;
	width:160px;
}

#pay_off {
	background:url(../img/bg/pay_off.png) no-repeat;
	height:40px;
	left:200px;
	position:absolute;
	top:30px;
	width:280px;
}

#login_wrapper {
	height:160px;
	overflow:hidden;
	position:absolute;
	right:20px;
	top:0;
	width:230px;
}

#login {
	background:#333;
	border-left:1px solid #444;
	border-top:1px solid #5b5b5b;
	height:100px;
	padding:9px 20px 10px 19px;
	position:absolute;
	right:0;
	top:129px;
	width:190px;
}

#login h1 {
	background:none;
	border-bottom:0;
	color:#fed100;
	font-size:12px;
	font-weight:normal;
	line-height:12px;
	margin:0;
	padding:0;
}

#login .cs_form_label {
	display:none;
}

#login .cs_form_wrapper .cs_form_input {
	background:none;
}

#login .cs_form_input input {
	padding:5px 5px 3px 5px
}

#login .cs_form_input {
	float:left;
	padding-bottom:1px;
}

#login .cs_form_wrapper .cs_form_row, 
#login .cs_form_wrapper fieldset .cs_form_row {
	min-height:22px;
}

#login input {
	background:url(../img/bg/login_input.gif) no-repeat 0 0;
	color:#979797;
	float:left;
	font-style:italic;
	width:180px;
}

#login input.focus {
	background:url(../img/bg/login_input.gif) no-repeat 0 -22px;
	color:#b7b7b7;
}

#login .cs_form_button {
	background:url(../img/bg/login_submit.gif) no-repeat 0 0;
	cursor:pointer;
	height:22px;
	margin:0;
	padding:0;
	width:80px;
}

#login .cs_form_button:hover {
	background:url(../img/bg/login_submit.gif) no-repeat 0 -22px;
}

#login .cs_form_button input {
	background:none;
	border:0;
	color:#DDD;
	font-size:11px;
	font-style:normal;
	height:22px;
	padding:0 7px 0 0;
	width:73px;
}

/* menu */
#menu {
	bottom:0;
	height:55px;
	left:20px;
	position:absolute;
	width:950px;
}

#menu ul {
	background:url(../img/bg/menu_item.png) no-repeat left top;
	list-style:none;
	margin:0;
	min-height:55px;
	padding:0 0 0 2px;
}

#menu li {
	background:url(../img/bg/menu_item.png) no-repeat right top;
	float:left;
	list-style-image:none;
	padding:0 2px 0 0;
	position:relative;
}

#menu li a {
	color:#FFF;
	float:left;
	line-height:55px;
	padding:0 18px;
	text-decoration:none;
}

#menu li a:hover,
#menu li a.active {
	background:url(../img/bg/menu_item_active.gif) no-repeat center bottom;
	color:#fed100;
	text-decoration:none;
}

/* submenu */
#menu li div {
	display:none;
}

#menu li:hover div,
#menu li.cs_hover div {
	display:block;
}

#menu li div {
	background:url(../img/bg/submenu_top.png) no-repeat;
	float:left;
	left:-5px;
	margin:0;
	padding:17px 0 0 0;
	position:absolute;
	top:54px;
	width:210px;
}

#menu li div div {
	background:url(../img/bg/submenu_bottom.png) no-repeat left bottom;
	left:0;
	padding:0 0 7px 0;
	position:relative;
	top:0;
}

#menu li div div div {
	background:url(../img/bg/submenu_center.png) repeat-y;
	padding:0 5px;
	width:200px;
}

#menu li ul {
	background:#ffee9e url(../img/bg/submenu_gradient.png) repeat-y;
	float:left;
	min-height:1px;
	padding:0 0 8px 0;
	width:200px;
}

#menu li li {
	background:url(../img/bg/submenu_separator.png) no-repeat left bottom;
	float:left;
	min-height:28px;
	padding:0 0 2px 0;
	width:200px;
}

#menu li li a {
	color:#5d4c00;
	display:block;
	float:none;
	line-height:17px;
	min-height:18px;
	padding:5px 10px 5px 18px;
}

#menu li li a.active,	
#menu li li a:hover {
	background:url(../img/bg/submenu_hover.png);
	color:#000;
}

#menu li li span {
	cursor:pointer;
	display:block;
	padding:0 8px 0 0;
}

#menu li li span.has_submenu {
	background:url(../img/bg/submenu_arrow.png) no-repeat right 5px;
}

/* subsubmenu (use !important on every property, because of some weird inheritance problem) */
#menu li li div {
	display:none !important;
}

#menu li li:hover div,
#menu li li.cs_hover div {
	display:block !important;
}

#menu li li div {
	background:url(../img/bg/subsubmenu_top.png) no-repeat !important;
	left:195px !important;
	margin:0 !important;
	padding:17px 0 0 0 !important;
	position:absolute !important;
	top:-17px !important;
	width:210px !important;
	z-index:20;
}

#menu li li div div {
	background:url(../img/bg/submenu_bottom.png) no-repeat left bottom !important;
	left:0 !important;
	padding:0 0 7px 0 !important;
	position:relative !important;
	top:0 !important;
}

#menu li li div div div {
	background:url(../img/bg/submenu_center.png) repeat-y !important;
	padding:0 5px !important;
	width:200px !important;
}

/* main */
#main_outer_wrapper {
	background:#e0e0e0 url(../img/bg/main_outer_wrapper.gif) repeat-x;
	position:relative;
	z-index:10;
}

#main_outer {
	background:url(../img/bg/main_outer.png) no-repeat center top;
}

#main_inner {
	background:url(../img/bg/main_inner.png) no-repeat center bottom;
	text-align:center;
}

#main {
	background:url(../img/bg/page_shadow.png) repeat-y;
	margin:0 auto;
	padding:0 20px;
	position:relative;
	width:950px;
}

#main div {
	text-align:left;
}

/* content */
#content_wrapper {
	background:url(../img/bg/content_wrapper.gif) repeat-y;
	border-top:4px solid #fed100;
	min-height:700px;
	position:relative;
}

#standard #content_wrapper {
	background:url(../img/bg/content_wrapper_standard.gif) repeat-y;
}

#visual {
	border-bottom:4px solid #fed100;
	position:relative;
	height:270px;
	width:950px;
}

#visual img,
#visual object,
#visual embed {
	height:270px;
	width:950px;
}

#visual img,
#visual p {
	position:absolute;
	top:0;
	left:0;
}

#visual img {
	display:none;
}

#standard #content_outer {
	background:url(../img/bg/content_outer.gif) no-repeat left top;
	min-height:1px;
}

#standard #content_inner {
	background:url(../img/bg/content_inner.gif) no-repeat left bottom;
	min-height:1px; /* weird IE hack */
}

#content {
	float:left;
	width:720px;
}

#standard #content {
	min-height:740px;
}

#submenu {
	float:left;
	padding:39px 16px 0 0;
	width:174px;
}

#submenu ul {
	list-style:none;
	list-style-image:none;
	margin:0;
}

#submenu li {
	margin:0 0 2px 0;
}

#submenu li a {
	background:url(../img/bg/submenu_item.png) no-repeat;
	color:#555;
	display:block;
	font-weight:bold;
	height:38px;
	line-height:28px;
	padding:0 20px;
	white-space:nowrap;
}

#submenu li a:hover,
#submenu li a.active {
	color:#5aa2d9;
	text-decoration:none;
}

#content_text {
	float:left;
	padding:0 0 0 20px;
	width:470px;
}

#standard #content_text {
	padding:0 0 0 10px;
	width:500px;
}

#text #content_text {
	padding:0 20px;
	width:680px;
}

#content_side {
	position:relative;
	background:url(../img/bg/content_side.gif) no-repeat;
	float:left;
	padding:0 20px 0 0;
	position:relative;
	width:210px;
}

/* triggers */
#triggers {
	color:#8C8C8C;
	float:left;
	padding:0 20px;
	width:190px;
}

#latest_news .item {
	border-bottom:1px dotted #8C8C8C;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
}

#latest_news .item p {
	margin:0;
}

#latest_news .date {
	color:#AAA;
}

#latest_news .more a {
	font-weight:bold;
}

/* footer */
#footer_outer {
	text-align:center;
}

#footer_outer div {
	text-align:left;
}

#footer_inner {
	margin:0 auto;
	width:990px;
}

#footer {
	background:url(../img/bg/footer.png) no-repeat;
	color:#8C8C8C;
	height:206px;
	padding:14px 20px 20px 40px;
	margin:0 0 20px 0;
}

#footer h1 {
	border-bottom:0;
	color:#b1b1b1;
	line-height:40px;
	margin:0 20px 15px 0;
}

#footer a {
	color:#CCC;
	text-decoration:underline;
}

#footer a:hover {
	color:#FFF;
}

#footer ul {
	margin:0 0 15px 15px;
}

#footer ul a {
	text-decoration:none;
}

.footer_item {
	display:inline;
	float:left;
	margin:0 20px 0 0;
	width:215px;
}

.footer_item_text {
	padding:0 20px 0 0;
}

#contact_info {
	float:left;
	padding:0 20px 0 0;
	width:210px;
}

#action_menu {
	float:left;
	padding:0 20px;
	width:190px;
}

#action_menu h1 {
	background:none;
	border-bottom:0;
	color:#8C8C8C;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:40px;
	margin:0 20px 15px 0;
	padding:0;
}

/*********/
/* pages */
/*********/
/* home */
.home_trigger {
	background:url(../img/bg/home_trigger.gif) no-repeat;
	display:inline;
	float:left;
	margin:0 20px 0 0;
	position:relative;
	width:215px;
}

.home_trigger h1 {
	margin:0 20px 15px 0;
}

.home_trigger_text {
	padding:0 20px 0 0;
}

.home_trigger .more,
#content_side .more {
	border-top:1px dotted #a7a7a7;
	left:0;
	padding:5px 0 0 0;
	position:absolute;
	top:360px;
	width:195px;
}

#content_side .more {
	width:210px;
}

#recent_projects .item {
	background:url(../img/bg/recent_project.png);
	display:inline;
	float:left;
	height:63px;
	margin:0 5px 5px 0;
	overflow:hidden;
	padding:5px 0 0 5px;
	width:95px;
}

#recent_projects .item a {
	filter:alpha(opacity=50);
	float:left;
	opacity:0.5;
}

#recent_projects .item a:hover {
	filter:alpha(opacity=100);
	opacity:1;
}

#recent_projects .item img {
	height:56px;
	width:89px;
}

/* portfolio */
#portfolio_wrapper ul {
	list-style:none;
	margin:0;
}

#portfolio_wrapper li {
	border-bottom:1px dotted #AAA;
	display:inline;
	float:left;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	width:252px;
}

#portfolio_wrapper li.last_item {
	margin:0 0 20px 0;
	width:175px;
}

#portfolio_wrapper .thumb {
	background:url(../img/bg/project_shadow.gif) 0 0 no-repeat;
	float:left;
	height:115px;
	width:175px;
}

#portfolio_wrapper .thumb img {
	border:1px solid #fff;
	height:100px;
	width:160px;
}

#portfolio_wrapper .description {
	float:left;
	height:60px;
	width:175px;
}

/* gallery */
.cs_gallery_cymeq_wrapper {
	margin:0 0 20px 0;
	padding:485px 0 0 0;
	position:relative;
}

.cs_gallery_cymeq_image_wrapper {
	background:url(../img/bg/gallery_image.gif) no-repeat;
	height:341px;
	left:0;
	padding:20px 10px 19px 10px;
	position:absolute;
	top:0;
	width:480px;
}

.cs_gallery_cymeq_image_text_wrapper {
	background:#eff8ce;
	border:1px solid #d0dd9e;
	height:75px;
	left:0;
	padding:5px 10px;
	position:absolute;
	top:390px;
	width:478px;
}

.cs_gallery_cymeq_thumbnail_text {
	display:none;
}

.cs_gallery_cymeq_thumbnail_wrapper {
	background:url(../img/bg/gallery_thumb.gif) no-repeat;
	height:71px;
	float:left;
	padding:12px 13px 12px 12px;
	width:100px;
}

.cs_gallery_cymeq_thumbnail a img {
	filter:alpha(opacity=35);
	opacity:0.35;
}

.cs_gallery_cymeq_thumbnail a:hover img,
.cs_gallery_cymeq_thumbnail a.active img {
	filter:alpha(opacity=100);
	opacity:1;
}

/* news archive */
#news_archive .item,
#splash .item {
	background:url(../img/bg/news_archive_item.gif) no-repeat left bottom;
	min-height:80px;
	margin:0 0 20px 0;
	padding:10px 21px;
}

#news_archive .item h6 {
	color:#888;
	font-size:10px;
	font-weight:normal;
	margin:0;
}

#news_archive .item h2 a,
#splash .item h2 a,
#news_archive .item h2 a:hover,
#splash .item h2 a:hover {
	color:#5aa2d9;
	text-decoration:none;
}

#news_archive .item p,
#splash .item p {
	margin:0;
}

#news_archive .more,
#splash .more {
	text-align:right;
}

#news_archive .more span,
#splash .more span {
	cursor:pointer;
	font-weight:bold;
}

/* splash pages */
#splash .item {
	background:url(../img/bg/splash_item.gif) no-repeat left bottom;
}

#splash .item .img {
	display:inline;
	float:left;
	margin:0 20px 0 0;
	min-height:50px;
	width:50px;
}

#splash .item .img img {
	width:50px;
}

#splash .item .txt {
	display:inline;
	float:left;
	width:388px;
}

/***********/
/* overall */
/***********/
#page_blocker {
	background:#000;
	bottom:0;
	filter:alpha(opacity=0);
  	left:0;
	opacity:0;
	position:fixed;
	right:0;
	top:0;
}

.clear {
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px
}

.hide {
	display:none;
}

.show {
	display:block;
}

/* forms */
.cs_form_wrapper{
}

.cs_form_wrapper .cs_form_label label {
	font-weight:normal;
	float:left;
}

.cs_form_wrapper .cs_form_label .cs_error {
	color:#FF0000;
}

.cs_form_wrapper .cs_form_input input,
.cs_form_wrapper .cs_form_input textarea,
.cs_form_wrapper .cs_form_input select {
	padding:0;
	background:none;
	border:0;
}

.cs_form_wrapper .cs_form_input input,
.cs_form_wrapper .cs_form_input textarea{
	padding:5px 5px 3px 5px;
	background:none;
}

.cs_form_wrapper .cs_form_input {
	background:url(../img/bg/form_bg.gif) no-repeat;
	height:25px;
}

#content .cs_form_wrapper .cs_feedback_info ul{
	margin:0;
	padding:0;
	background:none;
	list-style:none;
	list-style-image:none;
}

.cs_form_wrapper .cs_form_textarea {
	background:url(../img/bg/form_text_bg.gif) no-repeat;
	height:159px;
}

.cs_form_wrapper .cs_form_input textarea {
	height:141px;
	width:338px;
	padding:7px 5px 7px 5px;
}

.cs_form_wrapper .cs_form_button {
	margin:10px 1px 0 0;
}

.cs_form_wrapper .cs_form_button input {
	cursor:pointer;
	width:91px;
	background:url(../img/bg/form_button_hover.gif) no-repeat;
	height:23px;
	padding:0 0 2px 0;
	color:#fff;
	border:0;
}

.cs_form_wrapper .cs_form_button input:hover {
	background: url(../img/bg/form_button_hover.gif) no-repeat 0 -23px;
}


.cs_form_wrapper input.cs_submit,
.cs_form_wrapper input.cs_reset{
	font-family:Tahoma, Arial, Verdana;
}

.cs_form_wrapper .cs_form_input input:hover, 
.cs_form_wrapper .cs_form_input textarea:hover, 
.cs_form_wrapper .cs_form_input select:hover {
	background:none;
}


/* paging */
.paging,
.cs_gallery_cymeq_paging_wrapper {
	clear:both;
	height:22px;
	margin:0 0 30px 0;
}

.cs_gallery_cymeq_paging_wrapper {
	padding:10px;
}

.paging_numbers,
.cs_gallery_cymeq_paging {
	float:right;
	height:22px;
}

.cs_gallery_cymeq_paging div {
	float:left;
}

.paging_numbers a,
.cs_gallery_cymeq_paging a {
	border:1px solid #AAA;
	background:#FFF;
	color:#5aa2d9;
	display:inline;
	float:left;
	height:18px;
	margin:0 0 0 5px;
	padding:1px;
}

.paging_numbers a span,
.cs_gallery_cymeq_paging a span {
	background:#FFF;
	color:#5aa2d9;
	cursor:pointer;
	float:left;
	font-size:11px;
	font-weight:bold;
	line-height:17px;
	height:18px;
	padding:0 5px;
}

.paging_numbers a:hover span,
.cs_gallery_cymeq_paging a:hover span,
.paging_numbers a.active span,
.cs_gallery_cymeq_paging div.cs_active a span {
	background:#5aa2d9;
	color:#FFF;
}

/* google maps */
#cs_google_maps_root_node {
	background:url(../img/bg/google_maps_bg.gif) no-repeat;
	width:496px;
	height:316px; 
	border:2px solid #9f9fa0

}