/*******************************************************************************
*  Copyright (C) RiboSystems Corporation - www.ribosystems.com                 *
*  Last modified	: 15-09-2007											   *
*******************************************************************************/

/* GENERAL LAYOUT
*******************************************************************************/
body {
	margin: 0;
	padding: 0;
	background: url('../img/bg.gif') repeat-x;
	color: #666666;
}

body {
	font-family: Arial, Helvetica, Sans-Serif;
	font:.75em/1.6em Arial, Helvetica, sans-serif;
}

a, a:visited, a:active {
	color: #3399cc;
	text-decoration: underline;
}

a:hover {
	color: #006699;
	text-decoration: underline;
}

img {
	border: 0;
	margin:0;
	padding:0;
}

input, textarea, select {
	border-top: 1px solid #b3a9a4;
	border-left: 1px solid #b3a9a4;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #f3f1f0;
	font-size: 11px;
}

input, textarea {
	padding: 4px;
}

input, textarea, select, submit {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

.subPadding input,.subPadding textarea, .subPadding select, .pageContent submit {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	border:1px solid #CCCCCC;
	background: #FFFFFF;
}

.button {
	border: 1px solid #b3a9a4;
	padding: 3px;
}

.radio {
	border:0;
	margin:0;
	padding:0;
	background: none;
}

input.checkbox {
	background: none;
}

.clear {
	clear: both;
}

h1 {
	font-size: 17px;
	padding:20px 0 10px 15px;
color: #FFFFFF;
font-weight: normal;
}

/* HEADER LAYOUT
*******************************************************************************/
#headerContainer {
	width: 800px;
	margin: 0 auto;
}

#headerLogo {
	background: url('../img/logo.gif') no-repeat;
	width: 238px;
	height: 84px;
	text-indent: -9999px;
	float: left;
}

#headerMenu {
	width: 562px;
	height: 55px;
	margin: 30px 0 0 0;
	float: right;
	text-align: right;
}

#headerMenu ul {
	display:inline;
	padding-right: 15px;
	list-style-type:none;
	position:relative;
}

#headerMenu li {
	margin-left: 5px;
	padding-left: 15px;
	padding-right: 10px;
	display:inline;
	font-size: 9px;
	background: url('../img/arrowDown.gif') no-repeat left center;
	border-right: 1px #CCCCCC solid;
}

#headerMenu a {
	color:#666666;
	font-size: 9px;
	text-decoration:underline;
}

/* MENU LAYOUT
*******************************************************************************/
#menuContainer {
	width: 800px;
	margin: 0 auto;
	background: url('../img/bgtopmenu.gif') no-repeat;
}

#menuTop {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 25px;
	text-align: left;
	height: 31px;
}

#menuTop ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#menuTop li {
	float:left;
}

#menuTop a {
	line-height: 2.60em;
	color: #FFFFFF;
	text-decoration:none;
	padding: 8px;
	font-weight: bold;
}

#menuTop a:hover{
	color: #3399cc;
	background: #ccffff;
}

#menuTop .current a {
	color: #0099cc;
	background: #bde1ef;
}

#menuBottom {
	/*background: #bde1ef;*/
	clear: both;
	float: none;
	height: 32px;
	text-align: left;
	padding: 5px 0 0 25px;
}

.tableContact table {
	border: 0 auto;
	width: 100%;
	margin: 0;
}
input.button_send {
	background: url(../img/buttons/send.gif);
	width: 44px;
	height: 23px;
	border: 0px;
	text-indent: -999px;
}

#subextras {
	padding: 15px;
}

.tableContact td {
	width: 300px;
	vertical-align: text-top;
}

#navMessage {padding-top: 2px; _padding-top:0; font-size:11px;}


/* PICTURE LAYOUT
*******************************************************************************/
#pictureContainer {
	width: 800px;
	margin: 0 auto;
}

/* PORTFOLIO
*******************************************************************************/
#portfolio_title {
	display:inline;
	float:left;
	height:50px;
	width:320px;
}

#current_page_item {
	border:0;
	color:#860e0e;
	font-weight:bold;
}

#portfolio_content {
	display:inline;
	float:left;
	padding:0 0 22px;
	width:560px;
}

#portfolio_list {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}




#portfolio_list li {
	color:#8e8e8e;

	display:inline;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:135px;
	list-style-type:none;
	margin:0 70px 40px 0;
	width:208px;
}

.portfolio_item {
	display:block;
}

.portfolio_img {
	border:1px solid #ccc;
	display:block;
	float:left;
	margin:0 0 10px;
}

.portfolio_img:hover,.portfolio_img:active {
	border:1px solid #0066cc;
}

/* PAGE LAYOUT
*******************************************************************************/
#pageContainer {
	width: 800px;
	border-left: 1px #FFFFFF solid;
	border-right: 1px #FFFFFF solid;
	/*background: url('../img/subarea_bg2.gif') repeat-y;*/
	margin: 0 auto;
}

#pageContent {
	float: right;
	width:578px;
	background: #FFFFFF url('../img/bgsubright.gif') 0 111px repeat-x;
	_background: #FFFFFF url('../img/bgsubright.gif') 0 113px repeat-x;
	vertical-align:top;
}

#pageLeft {
	float: left;
	width: 222px;
	font-size:11px;
}

/* FOOTER LAYOUT

*******************************************************************************/
#footerContainer {
	width: 800px;
	margin: 0 auto;
	border-top: 1px #CCCCCC solid;
}

#footerText {
	padding: 5px 8px 5px 5px;
	font-size: 11px;
	text-align: right;
}