/* Localized */
/*################################
# RESET STYLES
################################*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

body, td
{
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, sans-serif;
}

/*################################
# MAIN BODY STYLES
################################*/

body
{
  padding: 0px;
  background-color: #000000;
  font-size: 1.0em;
}

div.fullWidth
{
	width: 100%;
	text-align: center;	
	background-image: url(../images/common/page_bg_top.gif);
	background-position: top center;
	background-repeat: no-repeat;
}

div.pageArea
{
	width: 979px;
	margin-left: auto;
	margin-right: auto;
}

/*################################
# HEADER
################################*/

div.header
{
	display: block;
	height: 98px;
	position: relative;
	background-color: #000000;
}

img.logo
{
	position: absolute; 
	top: 21px;
	left: 0px;
}

/*################################
# MENU
################################*/

div.menu
{
	position: absolute;
	bottom: 10px;
	right: 0px;
}

div.menu ul
{
	list-style: none;
}

div.menu ul li
{
	float: left;
	background-image: url(../images/common/menu_divider.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 8px;
	padding-left: 3px;
	font-size: 0.9em;
}

div.menu ul li.no_bg
{
	background: transparent!important;	
	padding-right: 0px!important;
}

div.menu ul li a
{
	color: #8c8a8a;
	display: block;
	padding-left: 12px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	float: left;
}

div.menu ul li a span
{
	height: 30px;
	display: block;
	padding-right: 12px;
	cursor: pointer;
}

div.menu ul li a:hover, div.menu ul li.selected a
{
	text-decoration: none;
	color: #ffffff;
	background-image: url(../images/common/menu/hover_bg_left.gif);	
}

div.menu ul li a:hover span, div.menu ul li.selected a span
{
	background-image: url(../images/common/menu/hover_bg_right.gif);	
	background-position: right;
	background-repeat: no-repeat;
}

/*################################
# EMAIL SIGNUP
################################*/

div.email_signup
{
	position: absolute;
	top: 19px;
	right: 0px;
	color: #8c8a8a;
	font-weight: bold;
	font-size: 0.9em;
	height: 29px;
	line-height: 29px;
}

div.email_signup form
{
	float: left;	
}

div.email_signup input
{
	width: 213px;
	height: 21px;
	background-image: url(../images/common/newsletter/input_bg.gif);
	border: 0px;
	padding-top: 4px;
	padding-left: 4px;
	font-family: Arial;
	margin-left: 10px;
	float: left;
	margin-top: 2px;
	margin-right: 10px;
}

div.email_signup a
{
	float: left;
}

div.email_signup span
{
	display: block;
	float: left;
}

/*################################
# FOOTER
################################*/
div.footerArea
{
	width: 100%;
	text-align: center;	
	background-image: url(../images/common/page_bg_bottom.gif);
	background-position: bottom center;

	background-repeat: no-repeat;
	height: 130px;
	position: relative;
}


div.footerContents
{
	position: relative;
	border-top: 1px solid #d5d8d7;
	display: block;
	height: 105px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	left: 0px;
	text-align: center;
}

div.footerCenter
{
	width: 979px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

div.footerLogos
{
	position: absolute;
	right: 0px;
	top: 0px;
}

div.footerLogos img
{
	float: left;
}

div.footerLogos img.footer_logo
{
	margin-top: 12px;
}

div.footerLogos img.footer_divide
{
	margin-left: 10px;
	margin-right: 10px;
}

div.footerLeft
{
	position: absolute;
	left: 0px;
	top: 20px;
	text-align: left;
	color: #999999;
	font-size: 0.8em;
}

div.footerLeft a
{
	color: #999999;
}

div.footerLeft div.copyright_etc
{
	margin-top: 10px;
}

div.footerLeft div.copyright_etc p
{
	margin-top: 3px;
}

span.white
{
	color: #ffffff;
}

.black { color: black; }

div.clear
{
	clear: both;
}

div.contentPadd
{
	padding-top: 66px;
}

/*################################
# WHITE BOX
################################*/

div.white_box
{
	float: right;
	width: 258px;
}

div.white_box div.box_top
{
	display: block;
	height: 6px;
	position: relative;
}

div.white_box div.box_top div.top_left
{
	width: 6px;
	height: 6px;
	background-image: url(../images/common/panels/white/corner_top_left.png);
	float: left;
}

div.white_box div.box_top div.center
{
	width: 246px;
	height: 6px;
	background-color: #ffffff;
	float: left;
}

div.white_box div.box_top div.top_right
{
	width: 6px;
	height: 6px;
	background-image: url(../images/common/panels/white/corner_top_right.png);
	float: left;
}

div.white_box div.box_bottom
{
	display: block;
	height: 6px;
	position: relative;
}

div.white_box div.box_bottom div.bottom_left
{
	width: 6px;
	height: 6px;
	background-image: url(../images/common/panels/white/corner_bottom_left.png);
	float: left;
}

div.white_box div.box_bottom div.center
{
	width: 246px;
	height: 6px;
	background-color: #ffffff;
	float: left;
}

div.white_box div.box_bottom div.bottom_right
{
	width: 6px;
	height: 6px;
	background-image: url(../images/common/panels/white/corner_bottom_right.png);
	float: left;
}

div.white_box div.box_middle
{
	background-color: #ffffff;
	display: block;
	height: 371px;
}

div.white_box div.box_middle_no_height
{
	height: auto!important;	
}

div.white_box div.box_middle div.box_padd
{
	display: block;
	margin-left: 11px;
	margin-right: 11px;
	text-align: left;
	padding-top: 5px;
}

div.white_box h2
{
	display: block;
	height: 32px;
	background-image: url(../images/common/panels/white/h2_bg.gif);
	color: #ffffff;
	padding-left: 12px;
	font-size: 0.9em;
	line-height: 32px;
	padding-bottom: 3px;
	background-repeat: no-repeat;
	position: relative;
}

div.white_box a
{
	color: #ffffff;
	text-decoration: none;
	outline: 0px;
	cursor: pointer;
}

div.white_box a:hover
{
	color: #ffffff;
	text-decoration: none;
	
}

div.white_box h2 img.arrow
{
	position: absolute;
	top: 9px;
	right: 12px;
}

div.v_slider_content
{
	margin-left: 12px;
	margin-right: 12px;
	font-size: 0.8em;
	margin-bottom: 12px;
	margin-top: 12px;
}	

ul.contact_form
{
	list-style: none;
	margin: 0px;
}

ul.contact_form label
{
	font-weight: bold;
	font-size: 1.1em;
}

ul.contact_form input
{
	margin-top: 2px;
	width: 210px;
	height: 21px;
	padding-top: 4px;
	padding-left: 4px;
	background-image: url(../images/common/panels/white/input_bg.gif);
	border: 0px;
	margin-bottom: 10px;
	font-family: Arial;
	font-size: 1.0em;
}

ul.contact_form textarea
{
	margin-top: 2px;
	width: 210px;
	height: 61px;
	padding-top: 4px;
	padding-left: 4px;
	background-image: url(../images/common/panels/white/textarea_bg.gif);
	border: 0px;
	margin-bottom: 10px;
	font-family: Arial;
	font-size: 1.0em;
}

div.news h3
{
	color: #b6b6b6;
	font-size: 1.0em;
	margin-bottom: 5px;
}

div.news p a
{
	color: #4d4d4d;
	text-decoration: none;
}

div.news p a:hover
{
	color: #000000;
	text-decoration: underline;
}

div.news p
{
	margin-bottom: 10px;
}

/*################################
# CLIENTS CAROUSEL
################################*/

div.carousel_center
{
	width: 979px;
	margin-left: auto;
	margin-right: auto;	
	height: 100px;
	position: relative;
	text-align: left;
}

div.carousel_center h2
{
	color: #ffffff;	
	font-size: 0.9em;
	position: absolute;
	top: 20px;
	left: 0px;
}

div#clients_holder
{
	display: block;
	position: absolute;
	top: 50px;
	left: 0px;
	width: 979px;
	height: 76px;
}

#clients_holder .container {
  float: left;
  width: 920px;
  height: 80px;
  position: relative;    
  overflow: hidden;
  margin-left: 28px;

}

#clients_holder ul
{
	width: 100000px;
	position: relative;
}

#clients_holder li
{
	list-style:none;
	float: left;
	width: 180px;
	margin-right: 20px;
}

#clients_holder .previous_button {
  position: absolute; 
  width: 17px;
  height: 28px;
  top: 4px; 
  left: 0px;
  background: url(../images/carousel/arrow_left.png);
  z-index: 100;
  cursor: pointer;
}

#clients_holder .next_button {
  position: absolute; 
  width: 17px;
  height: 28px;
  top: 4px; 
  right: 0px;
  background: url(../images/carousel/arrow_right.png);
  z-index: 100;
  cursor: pointer;
}

/*################################
# NEWS
################################*/

div.news_right
{
	display: none;
	
}

div.news_left
{
	float: left;
	width: 699px;
	text-align: left;
}

div.news_left div.box_top
{
	display: block;
	height: 6px;
	position: relative;
}

div.news_left div.box_top div.top_left
{
	width: 6px;
	height: 6px;
	background-image: url(../images/common/panels/white/corner_top_left.png);
	float: left;
}

div.news_left div.box_top div.center
{
	width: 687px;
	height: 6px;
	background-color: #ffffff;
	float: left;
}

div.news_left div.box_top div.top_right
{
	width: 6px;
	height: 6px;
	background-image: url(../images/common/panels/white/corner_top_right.png);
	float: left;
}

div.news_left div.box_bottom
{
	display: block;
	height: 6px;
	position: relative;
}

div.news_left div.box_bottom div.bottom_left
{
	width: 6px;
	height: 6px;
	background-image: url(../images/common/panels/white/corner_bottom_left.png);
	float: left;
}

div.news_left div.box_bottom div.center
{
	width: 687px;
	height: 6px;
	background-color: #ffffff;
	float: left;
}

div.news_left div.box_bottom div.bottom_right
{
	width: 6px;
	height: 6px;
	background-image: url(../images/common/panels/white/corner_bottom_right.png);
	float: left;
}

div.news_left div.box_middle
{
	background-color: #ffffff;
	display: block;
}

div.news_left div.box_middle div.box_padd
{
	display: block;
	margin-left: 11px;
	margin-right: 11px;
	text-align: left;
	padding-top: 20px;
}

div.news_left p.date
{
	margin: 0px!important;
	font-size: 0.8em;
	color: #b1b1b1!important;
}

div.news_left h4
{
	margin: 0px;
	font-size: 1.3em!important;
}

div.news_left h4 a
{
	color: #000000;
}

div.news_left div.news_item p
{
	margin: 0px;
	margin-top: 5px;
	font-size: 0.8em;
	color: #3c3c3c;
	line-height: 1.4em;
}

div.news_left div.separator
{
	font-size: 1px;
	line-height: 1px;
	height: 0px;
	border-top: 1px solid #b2b2b2;
	display: block;
	margin-top: 20px;
	padding-bottom: 20px;
}

div.news_item
{
	display: block;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

div.box_middle_no_height ul
{

	font-size: 0.8em;
	margin-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	list-style-image: url(../images/common/bullet_point.gif);
}

div.box_middle_no_height ul li
{
	padding-bottom:5px;
	margin-left: 10px;
}

div.box_middle_no_height ul li a
{
	color: #3c3c3c;
}

div.box_middle_no_height ul li a:hover
{
	color: #3c3c3c;
	text-decoration: underline;
}

div.pagination
{
	padding-bottom: 20px;	
}

div.pagination_area
{
	border-bottom: 1px solid #b2b2b2;	
	padding-bottom: 20px;
	text-align: right;
	color: #000000;
	font-weight: bold;
}

div.pagination_area a
{
	color: #838383;
}

div.pagination_area a:hover
{
	text-decoration: none;
	color: #000000;	
}

ul.social
{
	list-style: none;
	padding-top: 20px;
	padding-bottom:20px;
}

ul.social li
{
	float: left;
}

ul.social li img
{
	margin-right: 5px;
	margin-left: 10px;
	
}

ul.social li a
{
	color: #000000;
	font-size: 0.8em;
}

div.article
{
	font-size: 0.8em;
}

/*################################
# TEAM
################################*/

div.team_left
{
	width: 186px;
	float: left;
	color: #ffffff;
	font-size: 0.8em;
	text-align: left;
}

div.team_left h2
{
	color: #ffffff;
	font-size: 1.2em;
}

div.team_left ul
{
	padding-top: 10px;
	list-style: none;
	padding-bottom: 20px;
}

div.team_left ul a
{
	color: #808080;
}
div.team_left ul li.selected a
{
	color: #ffffff;
	text-decoration: underline;
}

div.team_member_biog
{
	width: 513px;
	float: left;
	color: #ffffff;
	font-size: 1.0em;
	text-align: left;
}

div.team_member_biog img
{
	float: left;
}

div.team_member_biog div.name_area
{
	float: right;
	width: 297px;
	text-align: center;
	height: 224px;
	background-image: url(../images/team/name_shadow.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}

div.name_area h2
{
	font-size: 1.5em;
	margin-top: 70px;
}	

div.name_area h3
{
	font-size: 0.8em;
}

div.team_member_biog div.grey_line
{
	display: block;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	background-color: #3e3e3e;
	margin-top: 20px;
	margin-bottom: 20px;
}

div.team_member_biog p
{
	font-size: 0.8em;
	margin-bottom: 20px;
}

/*################################
# CLIENTS
################################*/

div.clients_area
{
	float: left;
	width: 700px;
}

div.clients_area div.row
{
	display: block;
	border-bottom: 1px solid #3b3b3b;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 182px;
}

div.row div.row_logo
{
	width: 233px;
	text-align: center;
	height: 182px;
	float: left;
}

img.recent_clients_gif
{
	position: absolute;
	top: 110px;
	left: 400px;
}

div.general_content
{
	font-size: 0.8em;
	padding: 10px;
}

div.general_content h2
{
	margin-bottom: 20px;
}

div.general_content p
{
	margin-bottom: 20px;
	line-height: 20px;
}

div.surround404
{
	display: block;
	text-align: left;
	color: #ffffff;
}

div.surround404 h1
{
	font-size: 1.4em;
	margin-bottom: 10px;
}

div.surround404 p
{
	font-size: 0.8em;
	margin-bottom: 10px;
}

div.surround404 p a
{
	color: #ffffff;
	text-decoration: underline;
}

.slidersArea a { color: #ccc; }
.footerArea a { color: #eee; }

.click-for-details a { color: #e3e3e3; }