/* Basic Styles for Webflap.net - version 3 */
/* Developer - Florin Apetrei; info@webflap.net */

/* -------------------------------------------- */

body {
	margin: 0 10% 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	background-color: #F4F4F4;
}
p, ul, li, h3 {
	font-family: Arial, Helvetica, sans-serif;
}
html p {
	margin-top: 0;
	margin-bottom: 1em;
	text-align:left;
	font-size:77%;
	line-height:140%;
	padding:0;
}
li {
	text-indent:-15px;
	margin:2px 0;
	padding:0;
	font-size:77%;
	list-style-type: none;
	line-height:130%;
}
h3 {
	color:#099;
	font-size:105%;
	margin:10px;
	padding:0;
}
img {
	margin:0;
}
.hide {
	display:none;
}

/* ------- links ------- */

a:link, a:visited {
	color:#999;
	text-decoration:underline;
}
a:hover {
	color: #666;
	background: #EBEBEB;
	text-decoration:none;
}

/* ------- divs -------- */
div#mainContainer {
	margin:0;
	padding:0;
	height:900px;
	width:100%;
}
div#leftContainer {
	background-image:url(images/artwork.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	width:100%;
	height:100%;
}
div#rightContainer {
	width:585px;
/*	height:100%; */
	padding:0;
	float:right;
	border-right:#093 2px solid;
}
div#topLoop {
	background-image:url(images/top_page_loop.gif);
	background-repeat:repeat-x;
	height: 25px;
}
div#contentMain {
	padding:10px 0 0 10px;
	background: #fff;
/*	height:762px;*/
	float:left;
	margin-bottom:-15px;
}
div#logoContainer {
	background-position:center;
	background-image: url(images/logo_bg_loop.gif);
	background-repeat: repeat-x;
	height:124px;
	margin-right:10px;
}
div.btns {
	height:124px;
	float:left;
	width:190px;
}
div.btns a:link, div.btns a:visited {
	margin:0px 14px;
	display:inline;
	color:#fff;
	padding:0;
	line-height:124px;
	font-size:90%;
	font-weight:bold;
	text-decoration:none;
}
div.btns a:hover {
	margin:0px 14px;
	display:inline;
	color:#fff;
	padding:0;
	line-height:124px;
	font-size:90%;
	font-weight:bold;
	background-color:#DBDBDB;
	text-decoration:underline overline;
}
div.btns p {
	margin:0px 14px;
	display: inline;
	color: #ccc;
	padding:0;
	line-height:124px;
	font-size:90%;
	font-weight:bold;
	background-color: white;
}
div#logo {
	width: 182px;
	float:left;
	margin-right:-5px;
	margin-left:5px;
/* ie issue */
	margin-bottom:-3px;
}
div#logo img {
	margin:0;
}
div#mainHeader {
	float:right;
}
div.wrapperContentBox {
	padding-right:12px; 
}
div#contentContainer {
	background:url(images/content_bg_logo.gif);
	background-repeat:repeat-y;
	width:540px;
/*	height:310px; */
	padding:10px;
	float:right;
	border-bottom:#CCC solid 2px;
	border-top:#CCC solid 2px;
	margin-top: 10px;
}
div.lContentBox {
	float:left;
	width:50%;
	height:100%;
}
div.rContentBox {
	float:left;
	width:45%;
	padding:10px;
	border-left:#CCC solid 1px;
}
div#footer {
	float:right;
	width:100%;
	margin-top:5px;
}
div#footer p {
	text-align:center;
	font-size:67%;
}
div#btmLoop {
	background: url(images/btm_page_loop.gif) repeat-x;
/*	height: 103px; 
	border-top:green 2px solid;*/
	background-color:#F4F4F4;
	float:left;
	width:575px;
	padding:20px 5px;
	margin-top:7px;
}
div#btmLoop p {
	display:inline;
	margin: 10px;
	padding:0;
}
table.companiesContainer {
	width:250px;
}
table.companiesContainer td {
	vertical-align:top;
	padding:2px;
}
.companiesContainer p {
	background-color:#C3C3C3;
	margin:3px;
	padding:0 3px;
	color:#099;
	font-weight:bold;
}
.companiesContainer a:link, .companiesContainer a:visited {
	color:white;
	font-weight:bold;
	text-decoration:none;
}
.companiesContainer a:hover {
	background-color: #D6D6D6;
	display:block;
}
div.worktype {
	padding:5px;
	float:left;
	width:240px;
	border-bottom:#999 1px solid;
}
div.worktype li, div.worktype ul {
	list-style-type:disc;
	text-indent:10px;
	margin:0px;
	padding:5px;
	list-style-position: inside;
}
div.worktypeLi {
	float:left;
}
div#portBox {
	float:left;
	width:240px;
	padding:5px;
	margin-top:25px;
}
div#portBox img {
	margin:0 20px 15px 0;
	vertical-align: middle;
}