/* swirls */
.floatleft { float: left; margin: 0px 5px 5px 0px; }
.floatright { float: right; margin: 0px 0px 5px 5px; }


/* scroll bars 
html {
	scrollbar-face-color: #a9c2d8;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #E3EDF8;
	scrollbar-arrow-color: #000000;
}*/



/* links */
A:link {	text-decoration:none; color:#FFFFFF;  }
A:visited{  text-decoration:none; color:#FFFFFF;  }
A:active{  	text-decoration:none; color:#FFCB2F;  } 
A:hover{    text-decoration:underline; color:#FBEE3B; }



/* centre page */
#all { 	   position:absolute; left:50%; margin-left:-412px; top:0px; width:904px }



/* common elements */
#menu_bg { position:absolute; top:20px; left:0px }
#logo {    position:absolute; top:34px; left:21px; }
div span.bg_pic {	position:absolute; left:3px; top:1px; width:898px; height:527px; }

body { 	   font-size: 101%; background-color:#E3EDF8; margin-top:0; margin-right:0; margin-left:0; margin-bottom:0; padding:0 }
h1 {	   font-size: 106%  }
h2 {	   font-size: 86%  }
h3 {	   font-size: 80%  }
p {  	   font-size: 76%; line-height: 1.4; margin:0 }
li {	   font-size: 76%; font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: 400; line-height: 1.4; margin:0 }	

div span.privacy {	
	position:absolute; left:5px; top:84px; width:904px; height:30px; text-align: center 
}
div span.privacytxt {	
	text-decoration:underline; font-size: 70%; font-family: Arial,Verdana, Sans-Serif; color: #999999; text-align: center; font-weight: 600
}
#legals_div {
	position:absolute; left:10px; top:4px; width:560px; height:500px; 
}
div span.legals {
	font-size: 86%; font-family: Arial,Verdana, Sans-Serif; color: #000000; text-align: left; font-weight: normal; 
}
div span.legalLink {
	text-decoration:underline; color: #000000; 
}



/* menu */
#menu {    position:absolute; left:576px; top:34px; width:160px; height:100px  }



/* live buttons */
div span.button1 {
	position:absolute; left:412px; top:63px;
	text-decoration: none; font-size: 70%; font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: 600
}
div span.button2 {
	position:absolute; left:463px; top:63px;
	text-decoration: none; font-size: 70%; font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: 600
}
div span.button3 {
	position:absolute; left:549px; top:63px;
	text-decoration: none; font-size: 70%; font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: 600
}
div span.button4 {
	position:absolute; left:638px; top:63px;
	text-decoration: none; font-size: 70%; font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: 600
}
div span.button5 {
	position:absolute; left:724px; top:63px;
	text-decoration: none; font-size: 70%; font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: 600
}
div span.button6 {
	position:absolute; left:810px; top:63px;
	text-decoration: none; font-size: 70%; font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: 600
}

/* dead buttons */
div span.deadbutton1 {
	position:absolute; left:412px; top:63px;
	text-decoration: none; font-size: 70%; font-family: Arial,Verdana, Sans-Serif; color: #EEC64F; text-align: left; font-weight: 600
}
div span.deadbutton2 {
	position:absolute; left:463px; top:63px;
	text-decoration: none; font-size: 70%; font-family: Arial,Verdana, Sans-Serif; color: #EEC64F; text-align: left; font-weight: 600
}
div span.deadbutton3 {
	position:absolute; left:549px; top:63px;
	text-decoration: none; font-size: 70%; font-family: Arial,Verdana, Sans-Serif; color: #EEC64F; text-align: left; font-weight: 600
}
div span.deadbutton4 {
	position:absolute; left:638px; top:63px;
	text-decoration: none; font-size: 70%; font-family: Arial,Verdana, Sans-Serif; color: #EEC64F; text-align: left; font-weight: 600
}
div span.deadbutton5 {
	position:absolute; left:724px; top:63px;
	text-decoration: none; font-size: 70%; font-family: Arial,Verdana, Sans-Serif; color: #EEC64F; text-align: left; font-weight: 600
}
div span.deadbutton6 {
	position:absolute; left:810px; top:63px;
	text-decoration: none; font-size: 70%; font-family: Arial,Verdana, Sans-Serif; color: #EEC64F; text-align: left; font-weight: 600
}




/* ######## HOME ######## */

#page_bg_home {
	position:absolute; top:97px; left:0px; width:904px; height:550px; background-color:#ffffff 	
}
div span.hand {
	position:absolute; left:3px; top:30px;
}
div span.r_copy_bg_home {
	position:absolute; left:455px; top:30px; width:390px; height:400px; 
}
div span.r_copy_home {
	position:absolute; left:455px; top:12px; width:390px; height:400px; padding:8px; 
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal; 
}
/* footer */
#footer_home {
	 position:absolute; left:0px; top:466px; width:904px; height:100px
}
div span.email_home {
	position:absolute; left:691px; top:67px 
}


/* ######## WHAT WE DO ######## */

#page_bg_work {
	position:absolute; top:97px; left:0px; width:904px; height:590px; background-color:#ffffff 	
}
div span.l_t_hdr_bg_work {
	position:absolute; left:55px; top:30px; width:390px; height:20px;
}
div span.l_t_hdr_work {
	position:absolute; left:60px; top:20px; width:390px; height:20px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal;
}
div span.l_t_txt_bg_work {
	position:absolute; left:55px; top:60px; width:390px; height:300px;
}
div span.l_t_txt_work {
	position:absolute; left:40px; top:50px; width:390px; height:300px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal;
}
div span.l_b_hdr_bg_work {
	position:absolute; left:55px; top:290px; width:390px; height:20px;
}
div span.l_b_hdr_work {
	position:absolute; left:60px; top:280px; width:390px; height:20px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal;
}
div span.l_b_txt_bg_work {
	position:absolute; left:55px; top:320px; width:390px; height:300px;
}
div span.l_b_txt_work {
	position:absolute; left:40px; top:310px; width:390px; height:300px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal;
}
div span.r_copy_bg_work {
	position:absolute; left:455px; top:30px; width:390px; height:400px; 
}
div span.r_copy_work {
	position:absolute; left:455px; top:12px; width:390px; height:400px; padding:8px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal; 
}
/* footer */
#footer_work {
	 position:absolute; left:0px; top:686px; width:904px; height:100px
}
div span.email_work {
	position:absolute; left:691px; top:67px 
}




/* ######## clients ######## */

#page_bg_clients {
	position:absolute; top:97px; left:0px; width:904px; height:400px; background-color:#ffffff 	
}
div span.l_t_txt_bg_clients {
	position:absolute; left:55px; top:60px; width:390px; height:300px;
}
div span.l_t_txt_clients {
	position:absolute; left:40px; top:50px; width:390px; height:300px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal;
}
div span.r_copy_bg_clients {
	position:absolute; left:455px; top:30px; width:390px; height:300px; 
}
div span.r_copy_clients {
	position:absolute; left:455px; top:20px; width:390px; height:400px; padding:8px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal; 
}

/* client logos */
div span.client_logo_1 {
	position:absolute; left:500px; top:170px; width:112px; height:30px;
}
div span.client_logo_2 {
	position:absolute; left:500px; top:210px; width:112px; height:30px;
}
div span.client_logo_3 {
	position:absolute; left:500px; top:250px; width:112px; height:30px;
}
div span.client_logo_4 {
	position:absolute; left:500px; top:290px; width:112px; height:30px;
}
div span.client_logo_5 {
	position:absolute; left:700px; top:170px; width:112px; height:30px;
}
div span.client_logo_6 {
	position:absolute; left:700px; top:210px; width:112px; height:30px;
}
div span.client_logo_7 {
	position:absolute; left:700px; top:250px; width:112px; height:30px;
}
div span.client_logo_8 {
	position:absolute; left:700px; top:290px; width:112px; height:30px;
}
/* footer */
#footer_clients {
	 position:absolute; left:0px; top:480px; width:904px; height:100px
}
div span.email_clients {
	position:absolute; left:691px; top:67px 
}







/* ######## about ######## */

div span.bg_pic_ext {	position:absolute; left:3px; top:425px; width:898px; height:425px; }

#page_bg_about {
	position:absolute; top:97px; left:0px; width:904px; height:850px; background-color:#ffffff 	
}
div span.pic_bg_about {
	position:absolute; left:60px; top:30px; width:390px; height:276px;
}
div span.pic_about {
	position:absolute; left:77px; top:47px; width:390px; height:276px;
}
div span.r_copy_bg_about {
	position:absolute; left:455px; top:30px; width:390px; height:400px; 
}
div span.r_copy_about {
	position:absolute; left:455px; top:12px; width:390px; height:400px; padding:8px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal; 
}
/* footer */
#footer_about {
	 position:absolute; left:0px; top:936px; width:904px; height:100px
}
div span.email_about {
	position:absolute; left:691px; top:67px 
}







/* ######## contact ######## */

#page_bg_contact {
	position:absolute; top:97px; left:0px; width:904px; height:550px; background-color:#ffffff 	
}
div span.l_t_hdr_bg_contact {
	position:absolute; left:55px; top:30px; width:340px; height:20px;
}
div span.l_t_hdr_contact {
	position:absolute; left:60px; top:20px; width:340px; height:20px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal;
}
div span.l_t_txt_bg_contact {
	position:absolute; left:55px; top:60px; width:340px; height:300px;
}
div span.l_t_txt_contact {
	position:absolute; left:60px; top:60px; width:340px; height:300px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal;
}
div span.l_b_hdr_bg_contact {
	position:absolute; left:55px; top:230px; width:340px; height:20px;
}
div span.l_b_hdr_contact {
	position:absolute; left:60px; top:220px; width:340px; height:20px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal;
}
div span.l_b_txt_bg_contact {
	position:absolute; left:55px; top:260px; width:340px; height:300px;
}
div span.l_b_txt_contact {
	position:absolute; left:60px; top:260px; width:340px; height:300px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal;
}
div span.r_copy_bg_contact {
	position:absolute; left:455px; top:30px; width:390px; height:400px; 
}

/* twitter logo */
div span.twitter_logo {
	position:absolute; left:70px; top:175px; width:30px; height:30px;
}
div span.twitter_text {
	position:absolute; left:110px; top:175px; width:130px; height:30px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal;
}

/* contact form */
#contactarea {
	position:absolute; left:465px; top:15px; width:390px; height:450px;
	line-height: 1.4; margin:0;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal; 
}
#submitbutton {
	border: 1px solid #000; background-color: #CCCCCC;

}
div span.form {
	position:absolute; left:0px; top:15px; width:390px; height:450px;
}
div span.form_name{
	position:absolute; left:5px; top:5px; width:330px; height:20px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal;
}
div span.form_name_in{
	position:absolute; left:5px; top:35px; width:330px; height:30px;
	font-family: Arial,Verdana, Sans-Serif; color: #000000; text-align: left; font-weight: normal;
}
div span.form_email{
	position:absolute; left:5px; top:55px; width:330px; height:300px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal;
}
div span.form_email_in{
	position:absolute; left:5px; top:85px; width:330px; height:300px;
	font-family: Arial,Verdana, Sans-Serif; color: #000000; text-align: left; font-weight: normal;
}
div span.form_company{
	position:absolute; left:5px; top:105px; width:330px; height:300px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal;
}
div span.form_company_in{
	position:absolute; left:5px; top:135px; width:330px; height:300px;
	font-family: Arial,Verdana, Sans-Serif; color: #000000; text-align: left; font-weight: normal;
}
div span.form_message{
	position:absolute; left:5px; top:155px; width:330px; height:300px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal;
}
div span.form_message_in{
	position:absolute; left:5px; top:185px; width:330px; height:300px;
	font-family: Arial,Verdana, Sans-Serif; color: #000000; text-align: left; font-weight: normal;
}
div span.form_send{
	position:absolute; float:left; margin:0; padding:0; left:195px; top:280px; width:330px; height:300px; border: 0px
}
div span.form_thanks{
	position:absolute; left:455px; top:25px; width:390px; height:400px; padding:8px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal; 
}

/* form style */
input {
	background-color: #CCCCCC; color: #000000; border:none;	padding:.2em;
	font-size: 76%; font-family: Arial,Verdana, Sans-Serif; color: #000000; text-align: left; font-weight: normal;
}
textarea {
	background-color: #CCCCCC; border:none;	color: #ffffff;	padding:.2em; overflow: auto;
	float:left; margin:0; padding:0; width:265px; height: 74px;
	font-size: 76%;	font-family: Arial,Verdana, Sans-Serif; color: #000000; text-align: left; font-weight: normal;
}
/* footer */
#footer_contact {
	 position:absolute; left:0px; top:586px; width:904px; height:100px
}
div span.email_contact {
	position:absolute; left:691px; top:67px 
}









/* ######## news ######## */

#page_bg_news {
	position:absolute; top:97px; left:0px; width:904px; height:550px; background-color:#ffffff 	
}
div span.l_t_hdr_bg_news {
	position:absolute; left:55px; top:30px; width:340px; height:20px;
}
div span.l_t_hdr_news {
	position:absolute; left:60px; top:20px; width:340px; height:20px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal;
}
div span.l_t_txt_bg_news {
	position:absolute; left:55px; top:60px; width:340px; height:200px;
}
div span.l_t_txt_news {
	position:absolute; left:60px; top:60px; width:345px; height:200px; overflow: auto; line-height: 1.4;
	text-decoration: none; font-size: 76%; font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: 600
}
div span.l_b_hdr_bg_news {
	position:absolute; left:55px; top:290px; width:340px; height:20px;
}
div span.l_b_hdr_news {
	position:absolute; left:60px; top:280px; width:340px; height:20px;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal;
}
div span.l_b_txt_bg_news {
	position:absolute; left:55px; top:320px; width:340px; height:300px;
}
div span.l_b_txt_news {
	position:absolute; left:60px; top:320px; width:345px; height:200px; overflow: auto; line-height: 1.4;
	text-decoration: none; font-size: 76%; font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: 600
}
div span.r_copy_bg_news {
	position:absolute; left:455px; top:30px; width:390px; height:400px; 
}
div span.news_views_txt {
	position:absolute; left:455px; top:12px; width:390px; height:400px; padding:8px; overflow: auto; line-height: 1.4;
	font-family: Arial,Verdana, Sans-Serif; color: #ffffff; text-align: left; font-weight: normal; 
}
/* footer */
#footer_news {
	 position:absolute; left:0px; top:646px; width:904px; height:100px
}
div span.email_news {
	position:absolute; left:691px; top:67px 
}