/* ---GENERAL----------------------------------------------- */

html, body {
	background-color: #464646;
	background-image: url('../images/bg.jpg');
	margin: 0px;
	font-family: Tahoma,Arial,Verdana;
	font-size: 13px;
	color: #272324;
}

li {padding-bottom:7px;}

a        {color: #D10016; text-decoration: underline; outline: none;}
a:active {text-decoration: none;}
a:hover  {text-decoration: none;}

#container {
	margin: 0 auto;
	width: 940px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 15px;
}

#container_content {
	width: 940px;
	overflow: hidden;
}

.content_col1 {
	float: left;	
	background-image: url('../images/content_col1.gif'); 
	background-position: left top;
	background-repeat: no-repeat;
	width: 27px;
	height: 1px;
	margin-bottom: -5000px;
	padding-bottom: 5000px;
}

.content_col2 {
	float: left;
	width: 614px;
	background-color: #FFFFFF;
	background-image: url('../images/mbody_bg.gif'); 
	background-position: 329px 0px; 
	background-repeat: no-repeat;
	margin-bottom: -5000px;
	padding-bottom: 5000px;
}

.content_col3 {
	float: left;
	width: 266px;
	background-color: #F6F6F6;
	border-left: 1px solid #DFDFDF;
	margin-bottom: -5000px;
	padding-bottom: 5000px;
	padding-top: 16px;
}

.content_col4 {
	float: left;
	background-image: url('../images/content_col4.gif'); 
	background-position: right top;
	background-repeat: no-repeat;
	width: 27px;
	height: 1px;
	margin-bottom: -5000px;
	padding-bottom: 5000px;
}

.content {
	padding-right: 22px;
	padding-top: 23px;
	padding-bottom: 5px;
}

.content_footer {
	background-image: url('../images/content_footer.gif'); 
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 28px;	
}
 
.header_rcol {
	text-align: right;
}

.content_rcol {
	float: right;
	padding-top: 15px;
	padding-right: 2px;
}

.content_rcol_port {
	padding-left: 10px;
	padding-right: 10px;
}

.content_rcol_contact {
	padding-top: 15px;
	padding-left: 33px;
	padding-right: 10px;
}

#random_images {
	margin-bottom: 10px;
}

.thb1 {
	border: 1px solid #9F9F9F;
	margin-right: 8px;
	margin-bottom: 8px;
}

.thb2 {
	border: 1px solid #9F9F9F;
	margin-bottom: 8px;
}

.thb3 {
	border: 1px solid #9F9F9F;
	margin-right: 8px;
}

.thb4 {
	border: 1px solid #9F9F9F;
}


/* ---BANNERS/HEADERS/FOOTERS------------------------------- */

#container_head {
	width: 935px;
	height: 140px;
	background-image: url('../images/header_bg.gif'); 
	background-position: 321px 0px; 
	background-repeat: no-repeat;
}

.logo {
	position: absolute;
	display: block;
	background-image: url('../images/logo.gif'); 
	background-position: left top;
	background-repeat: no-repeat;
	width: 303px;
	height: 86px;
	margin-top: 26px;
	margin-left: 2px;
	text-indent: -5000px;
	overflow: hidden;	
}

#container_menu {position: absolute; width: 559px; height: 25px; margin-top: 67px; margin-left: 367px;}

a.menu,div.menu {
	display: block;
	float: left;
	height: 25px;
	background-image: url('../images/menu.png');
	background-repeat: no-repeat;
	margin-right: 8px;
	text-indent: -5000px;
	overflow: hidden;
}

a.home {width: 59px; background-position: 0px -27px;}
a.home:hover,div.home {width: 59px; background-position: 0px 0px;}

a.whatwedo {width: 100px; background-position: 0px -81px;}
a.whatwedo:hover,div.whatwedo {width: 100px; background-position: 0px -54px;}

a.process {width: 75px; background-position: 0px -135px;}
a.process:hover,div.process {width: 75px; background-position: 0px -108px;}

a.portfolio {width: 76px; background-position: 0px -189px;}
a.portfolio:hover,div.portfolio {width: 76px; background-position: 0px -162px;}

a.clients {width: 65px; background-position: 0px -243px;}
a.clients:hover,div.clients {width: 65px; background-position: 0px -216px;}

a.news {width: 56px; background-position: 0px -297px;}
a.news:hover,div.news {width: 56px; background-position: 0px -270px;}

a.contact {width: 72px; background-position: 0px -351px;}
a.contact:hover,div.contact {width: 72px; background-position: 0px -324px;}

#container_footer {
	background-image: url('../images/footer_bg.gif'); 
	background-position: 80px 0px; 
	background-repeat: no-repeat;
	height: 117px;
}

.footer1 {
	float: left;
	background-image: url('../images/footer_l.gif'); 
	background-position: left top; 
	background-repeat: no-repeat;
	width: 550px;
	height: 49px;
	margin-top: 24px;
}

.footer1_info {
	color: #DDDDDD;
	font-family: Tahoma,Arial,Verdana;
	font-size: 11px;
	padding-top: 16px;
	padding-left: 27px;
}

.footer2 {
	float: left;
	background-image: url('../images/footer_r.gif'); 
	background-position: right top; 
	background-repeat: no-repeat;
	width: 385px;
	height: 49px;
	margin-top: 24px;
}

.footer2_info {
	color: #DDDDDD;
	font-family: Tahoma,Arial,Verdana;
	font-size: 11px;
	text-align: right;
	padding-top: 16px;
	padding-right: 27px;
}

.footer3 {
	float: left;
	background-image: url('../images/footer_r.gif'); 
	background-position: right top; 
	background-repeat: no-repeat;
	width: 45px;
	height: 49px;
	padding-top: 12px;
	margin-top: 24px;
}

.h1h {
	display: none;
	font-family: Arial,Tahoma,Verdana;
	font-size: 18px;
	color: #D10016;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 15px;
}

h1 {
	font-family: Arial,Tahoma,Verdana;
	font-size: 18px;
	color: #D10016;
	font-weight: normal;
	margin: 0px;
}

h2 {
	font-family: Arial,Tahoma,Verdana;
	font-size: 18px;
	color: #D10016;
	font-weight: normal;
	margin: 0px;
}

.h2n {
	display: inline;
	font-family: Tahoma,Arial,Verdana;
	font-size: 13px;
	color: #231F20;
	font-weight: bold;
	margin: 0px;
}

h3 {
	font-size: 13px;
	color: #231F20;
	margin: 0px;
}

a.flink        {font-family: Tahoma,Arial,Verdana; color: #DDDDDD; text-decoration: underline;}
a.flink:active {text-decoration: none;}
a.flink:hover  {text-decoration: none;}

a.fclink        {font-family: Tahoma,Arial,Verdana; color: #DDDDDD; text-decoration: none;}
a.fclink:active {text-decoration: underline;}
a.fclink:hover  {text-decoration: underline;}


/* ---MEDIABOX-------------------------------------------- */

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #494949;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(../images/mediabox/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #231f20;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0);
	-khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0);
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0);
	box-shadow: 0px 5px 20px rgba(0,0,0,0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#000000)";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color='#000000')
}

#mbCenter.mbLoading {
	background: #231f20 url(../images/mediabox/loading.gif) no-repeat center;
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10px;
}

#mbBottom {
	min-height: 35px;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding: 0 10px 10px;
}

#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 11px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 11px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	float: right;
	outline: none;
	margin: 0 0 0 10px;
	font-weight: normal;
}

#mbPrevLink b, #mbNextLink b, #mbCloseLink b {
	color: #eee;
	font-weight: bold;
	text-decoration: underline;
}

#mbPrevLink big, #mbNextLink big, #mbCloseLink big {
	color: #eee;
	font-size: 16px;
	line-height: 14px;
	font-weight: bold;
}

#mbBottom a, #mbBottom a:link, #mbBottom a:visited {
	text-decoration: none;
	color: #ddd;
}

#mbBottom a:hover, #mbBottom a:active {
	text-decoration: underline;
	color: #fff;
}

#mbError {
	position: relative;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}


/* ---FORMS------------------------------------------------- */

form {margin-bottom: 0px;}

input,textarea {resize: none;}

div.contact_form {
  font-family: Tahoma,Arial,Verdana;
  font-size:  13px;
  color: #404040;
}

div.contact_form input,
div.contact_form textarea
{
  font-family: Tahoma,Arial,Verdana;
  font-size: 13px;
}

div.contact_form form,
div.contact_form table,
div.contact_form td,
div.contact_form th    {margin: 0px; padding: 0px; vertical-align: top; text-align: left;}

div.contact_form table {border-collapse: collapse;}
div.contact_form th    {font-family: Tahoma,Arial,Verdana; font-size: 13px; font-weight: 400; padding: 0px 10px 3px 0px;}
div.contact_form td    {padding: 0px  0px 3px 0px;}

div.contact_form img   {margin-left: 5px;}

div.contact_form em {
  text-decoration: none;
  font-style:  normal;
  font-weight: bold;
  color: #000000;
}

div.contact_form  em.error, div.contact_form form em {color: #D10016;}
div.contact_form div.error {margin-bottom: 15px;}

div.contact_form div.input {float:  left;}
div.contact_form select    {width: 250px;}