/*
| Cascading Style Sheet for www.robas.info
+------------------------------------------------------------
| Name: Robas Design Vision
| Description: Freelance web- and graphic design services - www.robas.info
| Author: robas
| Copyright (c) 2008 Robas Design Vision
| Author URI: http://robas.info
+------------------------------------------------------------
*/

/* Used colours 
+------------------------------------------------------------
#fff - white 
#000 - black
#006BB3 - main blue (dark)
#0099ff - main blue (light)
#003366 - dark blue (text)
#c9d5e1 - light blue (background)
#ffffcc - yellow (light)
+------------------------------------------------------------
*/


/* --- BEGIN STRUCTURE --- */

html, body{ 
	background:#001529;
	margin:0; 
	padding:0; 
	text-align:center; 
	color: #fff;
	font: normal 11px Tahoma,Verdana, Arial,sans-serif; 
} 

p {
	margin: 0;
	line-height: 1.3;
}

#pagewidth { 
	background: url(../images_n/body.jpg) left top repeat-x;
	width:100%; 
	height: 100%;
	min-height: 400px;
	text-align:left;  
	margin:0;  	
} 
 
#header{
	background: url(../images_n/header.jpg) #001529 no-repeat left top;
	position:relative; 
	height:250px; 
	width:1200px;
} 
#header_in {
	background: url(../images_n/header_in.jpg) #001529 no-repeat left top;
	position:relative; 
	height:250px; 
	width:1200px;
} 
.logo {
	background: transparent;
	width: 215px;
	height: 32px;
}
#header .logo,
#header_in .logo {
	padding-top: 45px;
	padding-left: 225px;
}

#header_in .navigation {
	display: inline;
	clear: both;
}
#header_in .nav {
	margin: 0;
	padding: 115px 0 0 160px;
	float: left;
	line-height: 1.3;
}
#header_in .nav a {
	margin-right: 40px;
}
#header_in .paging {
	margin: 108px 0 0 0;
	height: 30px;
	padding: 5px 130px 0 10px;
	float: right;
	font: normal 11px Arial, Verdana;
	border-left:1px solid #3C5F7D;
}
#header_in .paging a:hover {
	color:#ff3366;
}
#header_in .paging span.active {
	color: #fff;
	background: #ff3366;
	padding: 0px 3px;
}

#wrapper {
	background: transparent;
	width: 1000px;
	height: 100%;
	text-align:left;  
	margin-left:100px; 
	margin-right:auto;  
} 

#pwrapper {
	background: url(../images_n/mainbg.jpg) no-repeat;
	width: 1000px;
	height: 385px;
 	text-align:left;  
 	margin-left: 0px; 
 	margin-right:auto;  
	position: relative;
}  

#pwrapper_in {
	background: url(../images_n/mainbg_in.jpg) no-repeat;
	width: 1000px;
	height: 525px;
 	text-align:left;  
 	margin-left: 0px; 
 	margin-right:auto;  
	position: relative;
}  


/* --- BEGIN HYPERLINKS --- */
a {
	color:#99ccff;
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color:#0099ff;
	text-decoration: none;
}
a:active, a:focus {
	text-decoration: none;
	outline: none;
} 


/* -- BEGIN TYPHOGRAPHY -- */
h1 {	
	font: normal 20px Georgia,"Times New Roman", Times, serif;
	color:#0099ff;
	text-decoration: none;	}
h1 a, h1 a:link, h1 a:visited {
	font: normal 20px Georgia,"Times New Roman", Times, serif;
	color:#0099ff; 
	text-decoration: none;	}

h1 a:hover, h1 a:active {
	text-decoration: none;
	color: #ffffcc;}

.h2 {
	font: normal 15px Arial,Tahoma,Verdana,sans-serif;
	color: white;
	text-align: left;
	font-variant: small-caps;}

h3 {	
	font: normal 25px "Century Gothic",Georgia, Tahoma, Arial, sans-serif; 
	color:#ffffcc;
	text-decoration: none;}


/* -- BEGIN MAIN COLUMN -- */
#maincol {
	background: transparent;  
	display:inline; 
	clear: both;
	float: left;
	position: relative; 
	width:990px; 
	height: 100%; }
	
#maincol .ttl {
	float: right;
	margin: 0;
	width: 600px;}
	
#maincol .ttl img {
	padding: 140px 0 0 0;
	margin: 0;
	float: left;}

#maincol .nav {
	width: 300px;
	float: left;
	margin: 0;
	padding: 155px 0 0 90px;
	text-align: left;
	line-height: 1.8;}

#maincol .nav a,
#maincol .nav a:link {
	color: #F4C9A9;
	display: inline;
	margin: 0;}
	
#maincol .nav a:hover,
#maincol .nav a:active {
	color:#fff;
	text-decoration: none;
	background: transparent;
	padding-top: 8px;
	margin: 0;
	border-top: 2px solid #ff9933; }

#maincol .portfolio {
	width:100%; 
	height: 475px;
	display:inline;
	clear: both;
	margin: 0 auto;
	text-align: center;
	float: left;
}
#maincol span.picture {
	text-align: center;
	height: 475px;	
	line-height: 475px;
}
#maincol span.picture img {
	height: 475px;	
	line-height: 475px;
	margin: 0 auto;
	text-align: center;
}
#maincol span.picture img.left {
	margin-left: 67px;
}
#maincol span.picture img.right {
	margin-right: 40px;
	margin-top: 65px;
	height: 397px;	
	border: 7px solid #fff;
}

#maincol .portfolio span.name {
	position: relative;
	top: -145px;
	text-align: left;
	margin: 0;
	color: #001529;
	/*display:block;
	width: 30px;*/
} 

/* -- BEGIN FOOTER -- */
#fwrapper {
	position: relative;
	/*height: 100%; */
	width: 990px;
 	margin: 0;  
	display: inline;
	clear: both;
	float: left;
	text-align: center;
}
#flinks, #flinks_in {
	position:relative;
	display: inline;
	margin: 0 auto;
	text-align: center;
	line-height: 2;
}
#flinks p, #flinks_in p {
	margin: 0;
	padding-top: 5px;
}
#flinks .flinks {
	margin: 0;
	padding-top: 100px;
}
#flinks_in .flinks {
	margin: 0;
	padding-top: 10px;
}

.flinks {
	font-size: 10px;
	color:#C1E7FC;	
} 
.flinks a:hover {
	color:#fff;
	background: #28425B;
	padding: 2px 3px;
	margin: 0 -3px;
	text-decoration: none;
}

/* -- others -- */
.left {
	float: left;
}
.right {
	float: right;
}

 /* -- Float containers fix: -- */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

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