/* CSS Document */

body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#ccc;
	background: #353535 url(../images/nav/navbarbg.png) repeat-x top;
}

img {
	border:0px;
}

p {
	margin: 4px 0 10px 0;
	padding: 0;
	line-height: 140%;
}

a {
	text-decoration: none;
	color: #aaa;
}
a:hover {
	text-decoration: none;
}
form {
	padding:0;
	margin:0;
}
label {
	width:90px;
	display:block;
	float:left;
}
#content input, #content textarea {
	color:#000;
	float:left;
	font-size: 100%;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px 0 0 4px;
}
/*
.searchinput {
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-weight:bold;
	border:0;
	background-color:#666;
}
*/

.titles {
	margin:0;
	padding: 8px 0;
	width:900px;
	height:50px;
}
/*
.titles h1 {
background: url(../images/h_divider.png) bottom repeat-x;
}
*/
.titleheader {
	width:660px;
	font-weight:lighter;
	height:50px;
	float:left;
	font-size: 36px;
	background: url(../images/h_divider.png) bottom repeat-x;
}
h1 {
	font-size: 250%;
	margin: 0;
	padding: 0;
	float:left;
}

h2, h3 {
	font-size: 100%;
	padding: 0;
}
#header h1 {
	font-size: 250% !IMPORTANT;
	padding: 20px 0 0 0;
	margin: 0;
	width: 50%;
	float: left;
}
#header p {
	float: right;
	padding: 20px;
	color: #000;
	font-size: 150%;
}
#frame {
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 0;
}

/*START NAV*/
#navigation {
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 0;
	height: 50px;
	clear: both;
}

#navigation ul {
	line-height: 18px;
	float:left;
	font-size:20px;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 50px;
	width: 650px;
}
#navigation li {
	float:left;
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-position: inside;
	text-align:center;
}
#navigation a {
	display: block;
	text-decoration: none;
	color: #aaa;
	margin: 0;
	padding: 16px 20px 16px 20px;
}
#navigation a:hover {
	display: block;
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 16px 20px 16px 20px;
}
#navigation form {
	float: right;
	padding: 14px 0 0 0;
}
#navigation form input, #navigation form button {
	vertical-align: middle;
	float: left;
	margin: 0 3px 0 0;
}
#navigation form input {
	background:#666 url(../images/searchbg.png) repeat-x;
	border:0;
	height:20px;
	/*font-weight:bold;*/
	color: #fff;
	padding: 1px 0 0 3px;
}
#navigation form input.search {
	background:#666 url(../images/searchbg.png) repeat-x !IMPORTANT;
	border:0 !IMPORTANT;
	height:20px;
	/*font-weight:bold;*/
	color: #fff;
	padding: 1px 0 0 3px;
}
div.results {
background: #000 url(../images/headers/header.jpg) no-repeat top;
margin: 0;
padding: 150px 0 0 0;
border: 1px solid red;
}
div.cse-closeResults a {
	border: 0 !IMPORTANT;
}

.navgreen a:hover { background: url(../images/nav/on_green.png) repeat-x;}
.navmagenta a:hover { background: url(../images/nav/on_magenta.png) repeat-x;}
.navblue a:hover { background: url(../images/nav/on_blue.png) repeat-x;}
.navorange a:hover { background: url(../images/nav/on_orange.png) repeat-x;}
.navred a:hover { background: url(../images/nav/on_red.png) repeat-x;}
/* search */
#searchbutton {
	width: 32px;
	height: 22px;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -2000em;
	cursor: pointer; /* hand-shaped cursor */
	/*cursor: hand;*/
	background: transparent no-repeat top left;
}
html form #searchbutton {
	height:22px;
}
form input.contact {
	background: url(../images/buttons/contact.png) repeat-x bottom left;
	color: #fff !IMPORTANT;
	padding: 0 4px !IMPORTANT;
	text-align: center;
	cursor: pointer;
	font-size: 90% !IMPORTANT;
	margin: 10px 0 0 90px;
	height: 22px;
	width: 68px;
	border: 0;
}
form #errors ul {
	color: #C00;
	border-top: 1px solid #C00;
	border-bottom: 1px solid #C00;
}
p.message {
	color: #C00;
	border-top: 1px solid #C00;
	border-bottom: 1px solid #C00;
	padding: 10px;
}

html form #sendbut {
	height:22px;
}
/* end nav */

#headerback {
	height: 160px;
	width: 100%;
	margin:0;
	clear:both;
}
#header {
	height: 160px;
	min-height: 160px;
	display: block;
	width: 900px;
	margin:0 auto 0 auto;
}
/* main body */
#contentback {
	width:100%;
	background-image:url(../images/bodyslice.png);
	background-position:top right;
	background-repeat:repeat-x;
	background-color:#4b4b4b;
	clear:both;
}
#content {
	width: 900px;
	margin:0 auto 0 auto;
	min-height: 200px;
}
div.content {
	width: 900px;
	margin:0 auto 0 auto;
	min-height: 200px;
	padding-top: 8px;
}
.address {
	text-align:left;
	color:#999;
	float: right;
	width: 210px;
	font-size: 11px;
}
.clock {
	text-align:left;
	float: right;
	width: 220px;
}

/* columns */
.singlecol {
	display: inline;
	float:left;
	width: 210px;
	margin: 0 15px 0 0;
	padding: 0;
}
.doublecol {
	display: inline;
	float: left;
	width: 435px;
	margin: 0 15px 0 0;
	padding: 0;
}
.fullcol {
	text-align:left;
	float:left;
	width: 660px;
	margin: 0 0 20px 0;
	padding: 0;
}
.fullcol p.morelink{
	text-align:right;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	background: url(../images/h_divider.png) bottom repeat-x;
}
.rightcol {
	text-align:left;
	color:#fff;
	float:right;
	width: 210px;
}
.rightcol a{
	/*font-weight: normal;*/
}
div.rightcol h2, div.fullcol h2 {
	font-size: 140% !IMPORTANT;
	margin: 0;
	padding: 0;
}
div.rightcol h2 {
	padding: 0 5px;
}

.fullcol ul, .doublecol ul, .singlecol ul, .rightcol ul {
	line-height:120%;
	list-style-type: none;
	margin: 4px 0 8px 0;
	padding: 0;
}
.rightcol li {
	background: url(../images/h_divider.png) bottom repeat-x;
	font-size: 80%;
	padding: 0;
}
div.rightcol li p {
	padding: 3px 0 4px 0;
	margin: 0;
}
div.rightcol ul a{
	display: block;
	padding: 0 5px;
} 
div.rightcol ul a:hover li{
	display: block;
}
div.rightcol {
	float: right;
}
.rss {
text-align:right;
}
.rss ul {
display:inline;}

.rss li {
display:inline;
float:left;}

.textlist li {
	text-indent: 14px;
	background: url(../images/bullet.gif) no-repeat top left;
	line-height: 120%;
}

/* end columns */
#footerback {
	height: 84px;
	width: 100%;
	margin:0;
	background: url(../images/footerslice.png) repeat-x top;
	clear:both;
}
#footer {
	padding-top: 14px;
	width: 900px;
	font-size:10px;
	line-height: 14px;
	color:#888;
	margin: 0 auto 0 auto;
}
.footerblock {
	display:inline;
	float:left;
	width: 160px;
	background: url(../images/v_divider.png) left repeat-y;
	padding-left: 12px;
	height: 56px;
}
.footerblock a{
	color:#888;
}
.footerblock a:hover{
	color:#eee;
}

.imgright {
	float: right;
	margin: 6px 0px 6px 20px;
}
.imgleft {
	float: left;
	margin: 6px 10px 6px 0px;
}
/*hacks */
.clear {
clear:both;
height:0;
}

/* Optomus' Core Technology Icons */

.technologiesHeading{
color: #00b3f0;
height:30px;
margin-top:10px;
float:left; 
width:300px;
}

.java{
	background:url(../images/java.png) no-repeat;
	height:50px; width:50px;
	float:left;
	position:relative; 
	margin-right:5px;
	}
	
.java:hover{
	background:url(../images/javaOver.png) no-repeat;
	height:75px; width:75px;
	float:left;
	cursor:pointer;
	}

.tomcat{
	background:url(../images/tomcat.png) no-repeat;
	height:50px; width:50px;
	float:left;
	position:relative;
	margin-right:5px;	
	}
	
.tomcat:hover{
	background:url(../images/tomcatOver.png) no-repeat;
	height:75px; width:75px;
	float:left;
	cursor:pointer;
	}
	
.tapestry{
	background:url(../images/tapestry.png) no-repeat;
	height:50px; width:50px;
	float:left;
	position:relative;
	margin-right:5px;	
	}
	
.tapestry:hover{
	background:url(../images/tapestryOver.png) no-repeat;
	height:75px; width:75px;
	float:left;	
	cursor:pointer;
	}

.hibernate{
	background:url(../images/hibernate.png) no-repeat;
	height:50px; width:50px;
	float:left;
	position:relative;
	margin-right:5px;	
	}
	
.hibernate:hover{
	background:url(../images/hibernateOver.png) no-repeat;
	height:75px; width:75px;
	float:left;
	cursor:pointer;	
	}
		
.mysql{
	background:url(../images/mysql.png) no-repeat;
	height:50px; width:50px;
	float:left;
	position:relative;
	margin-right:5px;
	}
	
.mysql:hover{
	background:url(../images/mysqlOver.png) no-repeat;
	height:75px; width:75px;
	float:left;
	cursor:pointer;	
	}