/* ***************************************************** */ 
/*                  Robas Desing Vision                  */
/* ***************************************************** */
@import url("font.css");


html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background: #0f161e url(../img/bg.jpg) center top;} 
body {
 font: normal 11px Tahoma,Verdana,Arial, sans-serif; 
 color: #546377; 
 line-height: 1.6;}
 
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
strong {font-weight:bold;}
small {color:#333;font-size:85%;}
p {
	margin:0; padding:5px 0;
	line-height: 1.5;}
.smooth {text-shadow:1px 1px 2px rgba(0, 0, 0, 0.9);}
	
/* --------- Links --------- */
a, a:link, a:visited {
	text-decoration: none;	
	border: none;color: #ccc;}	
a:hover, a:active, a:focus {
	text-decoration: none;	
	color: #66cc00;outline:none;}
a img {border: none;	outline: none;}
	
	
/* --------- Typography --------- */
h1,h2,h3,h4,h5,h6 {
	font-family:Tahoma,Verdana, Arial,sans-serif;
	margin:0; padding:0; font-weight: normal;
	line-height: 1.3;	}
h1, h1 a:link, h1 a:visited {
	font-family:'BebasNeueRegular', Georgia, Verdana, Tahoma;
	font-size:36px;font-weight: normal;
	color: #707d8f;line-height: 1.2;	
	letter-spacing:1px;text-decoration: none;}
h1 a:hover, h1 a:active {color:#ccc;}

h2 {
	font-size:13px;
	color: #707d8f;
	letter-spacing:1px;}	
h3 {
	font-family:'BebasNeueRegular', Times,Georgia,Tahoma,Verdana, Arial,sans-serif;
	font-size:30px; line-height: 1.2;
	font-weight: normal;
	color: #546377;}
h3.left {margin-right:5px;}	
span.sub {margin-top:13px;}
h4 {
	font-size:12px;
	color: #66cc00;}	
h4 a:link, h4 a:visited {
	color:#66cc00;
	text-decoration: none;border: none;}
h5 {
	font: bold 12px Tahoma,Verdana, Arial,sans-serif;
	color: #333;}
	
/* --------- Layout Structure --------- */ 
#header {
 position:relative; 
 width:100%;
 height:110px; 
 display:block;
 background-color:#0f161e; 
 border-bottom:1px solid #000;} 
 
#wrapper {
 position:relative; 
 width:100%;
 height: 100%;
 display:block;
 border-top:1px solid #222c39;} 
 
#pagewidth { 
 width:1000px; 
 text-align:left; 
 margin:40px auto; } 
 
#maincol{
 background-color: transparent;  
 position: relative;  }
 
/* --- Header classes --- */ 
#header .header {
 width:1000px; 
 text-align:left; 
 margin:0 auto;
 padding-top: 10px;} 
.headL {
	width: 800px; padding-top: 15px;}
.headR {
	width: 200px;
	text-align: right;}
 
/* --------- PORTFOLIO CLASSES --------- */
/* ---->> Column Styles on Portfolio Page <<---- */
ul.portfolio {
	width:1000px;
	height: auto;
	list-style: none;
	margin:20px auto; 
	padding: 0;}
ul.portfolio li {
	width: 220px; height: 180px;
	float: left;
	margin:0px 15px 30px 15px; padding: 0;
	position: relative;}
ul.portfolio li:hover {z-index: 999;}

/* -- Thumbnail Styles -- */
ul.portfolio li img {
	position: relative;
	width: 220px; height: 180px;
	border:1px solid #222c39;
	filter: alpha(opacity=90);
	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*--IE8 Specific--*/	}
ul.portfolio li:hover img{
	z-index: 99;
	display: none !important;}
/*--Details Style--*/
ul.portfolio li .info {
	position: absolute;
	left: 0; top:0;
	padding:10px 0;
	width: 220px;
	height: auto;
	min-height:162px;
	display: none;
	border:1px solid #3d4c60;
	border-bottom:3px solid #66cc00;
	background: #2e3640;
	color: #8490a2;
	filter: alpha(opacity=100);
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*--IE8 Specific--*/	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 0px 0px 6px 6px;}
ul.portfolio li:hover .info {display: block;}
ul.portfolio li h4 {margin:0; padding: 0px 15px; } 
ul.portfolio li p {padding:7px 15px; margin: 0;}
.info a {border-bottom:1px dotted #546377;}	
.info a:hover {border-bottom:1px dotted #66cc00;}	
.info label {
	background: url(../img/bullet.gif) no-repeat 2px 7px;
	display: block;
	padding-left:13px;}
p.fakeLink {
	position: absolute;
	bottom: 0;  left: 0; 
	font-size:10px;}
 
/* ------- Lists ------------ */
ul, ol {
	margin: 0;
	margin-left:10px;
	padding: 0;
	list-style: outside none;
	list-style-image: none;}
ol {
	list-style: decimal;}
li {
	list-style-image: none; 
	padding-left:15px;
	line-height: 1.5;
	background: url(../img/bullet.gif) no-repeat 0 7px; }
 
/* --------- Common Styles --------- */
.left {float: left;}
.right {float: right;}
.paddingTop {padding-top: 30px;}
 
 
/* ******************************************************************** */ 
/* 			clear & print classes        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden; }
 
.clearfix{display: inline;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */