@charset "UTF-8";
/* CSS Document */


/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/



/* Global */














h1 { font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-style:bold;
color:#FFFFFF;

}


h2 { font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-style:bold;


}

h3 { font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-style:bold;
color:#959595;

}



p {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
}



div.white_box {
 		
		height:200px;
		background-image:url(img_website/white_spacer.gif); 
		
		}
		
		
		

div.fixed_top_wrapper {
 		overflow-x: visible; 
		height:106px; 
		width: auto; 
		background-color:#000000;
		
		}
		
		

div.fixed_top {
 		background-color:black; 
		width:1550px; 
		height:106px; 
		float:left; 
		overflow-x: auto;
		}
		

div.fixed_rip_wrapper {
 		overflow-x: visible; 
		height:31px; 
		width: auto; 
		background-color:#000000; 
		background-image:url(img_website/1_background.jpg); 
		background-repeat:repeat-x; 
		background-position:bottom left
		}

div.fixed_rip {
 		background-image:url(img_website/1_background.jpg); 
		background-repeat:repeat-x; 
		background-position:bottom; 
		width:1550px; 
		height:31px; 
		float:left; 
		overflow-x: auto; 
		}







div.nav_thumb {
    background-color: #FFFFFF;
	width:135px;
	height:24px;
	padding-bottom:10px;
	
	float:left;
	}



body {
	
	background: #FFFFFF;
	width:100%;	}
	
	
	
	div.top { 

	background-color: #ff9000;
	
	width:1600px;}
	


div.menu_left { 

	background-color: #ea00ff; /* This property is for the background colour */
	height:100px;
	width:1600px;
	float:left;
	}
	
	div.menu_right { 

	background-color: #ea00ff; /* This property is for the background colour */
	height:100px;
	
	float:right;
	}


	

div.menu { 

	background-color: #ea00ff; /* This property is for the background colour */
	height:100px;
	width:1600px;
	float:left;
	}
	
div.arrownav  {
	padding-top:65px;
	width:920px;
	margin-left:145px;
	background-color:#000;
	float:left;
	
	}



div.centred_text  {
	
	width: 834px; 
	text-align: center; 
	float: left;
}





div.stroke {
	
	background-image: url(img_website/1_background.jpg);
	background-repeat: repeat-x;
	width:1600px;
	}
	
	
	
	
	



div.nav_container {
	
	background-color: #000000;
	height:100px;
	width:100%;}
	
	
	



div.logo {
	
	background-repeat: none;
	background-color: #000000;
	height:91px;
	width:120px;
	float:left;
	clear:none;
	}
	
	
	
	


div.navigation {

	background-color: #fff;
	float:left;
	width:127px;
	padding-top:56px;
	padding-left:32px;
	color: #000; /* This property is for the text colour */ 
		
	
	
}


div.clearboth { clear: left; }






a:link {
	color: #000; 
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:20px;
	
	}


a:hover { 

	color: #656565; 
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:20px;
	background-color:#FFFFFF;
	}
	
a:visited {
	color:#000;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:20px;
	}
	
	
a:active { 
	color: #000000; 
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:20px;
	background-color:#FFFFFF;
	}


/* Homepage */



div.main_img {
	background-image: url(img_website/homepage.png);
	background-repeat: none;
	background-color: #FFFFFF;
	height:609px;
	width:1057px;
	background-position:center;
		
	}





	
	
div.main_img_container {
	
	background-color: #FFFFFF;
	height:609px;
	width:1057px;
	background-position:center;
	padding-top:30px;
	padding-left:170px;
		
	}



/* News */

div.blog {

padding-left:125px;
background-color: #FFFFFF;
	height:609px;
	width:1057px;
	background-position:center;
	
	padding-left:70px;
		
	}



/* Portfolio */






div.port_grid_container {
	
	
	height:100px;
	width:500px;
	top:146px;
	left:230px;
	position:absolute;
	background-position:center;
	padding-top:36px;
	padding-left:0px;
		
	}
	
	div.port_row {
	
	background-color: #FFFFFF;
	
	
	width:1250px;
	
	
	
		
	}
	
	div.port_thumb {
	
	background-color: #FFFFFF;
	width:155px;
	height:155px;
	padding:7px;
	
	float:left;
	}
	
	
	
	
	
	div.dynamictxt {
	
	color: #FFFFFF;
	
	width:400px;
	height:30px;
	padding-left:300px;
	padding-top:60px;
	
	
	float:left;
	
	
	text-align:centre;
	}
	
	
	
	
	
	
	div.allThumbs {
	
	background-color: #FFFFFF;
	width:1200px;
	background-position:center;
	padding:15px;
	float:left;
	
	}



div.projectImg  {
	
	padding-bottom:30px;
	padding-left:95px;
	padding-top:10px;
	font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-style:bold;
color:#000;
	
	
	
	}
	
	
	
div.mini_nav  {
	
	
	padding-left:95px;
	height:300px;
	width:300px;
	
	
	
	
	}
	
	

	
	
	
	
	
	div.arrowleft  {
	
	padding-top:8px;
	float:left;

	}
	
	
	
	div.arrowright  {
	padding-top:8px;
	float:right;
	
	
	}


/* Contact */


div.aboutText {
	
	background-color: #FFFFFF;
	height:500px;
	width:600px;
	background-position:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:8px;
	padding-top:18px;
		
	}
	
	
	

div.freaky {
	
	background-repeat: none;
	background-color: #FFFFFF;
	height:291px;
	width:320px;
	
	float:left;
		
	}
	
	div.content_container {
	
	background-color: #FFFFFF;
	height:609px;
	width:1057px;
	
	padding-top:20px;
	padding-left:165px;
	
		
	}
	
	



#secondary a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;

}





* {
	margin: 0;
	padding: 0;
}


	






a img { border: none; }

*menu a { color: #999; text-transform: uppercase;}
#menu a:link { color: #999; text-transform: uppercase;}
#menu a:active { color: #999; text-transform: uppercase;}
#menu a:visited { color: #999; text-transform: uppercase;}
#menu a:hover { color: #f00; text-transform: uppercase;}

#menu {
    width: 215px;
	padding: 10px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: #000;
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}

#menu ul li { margin: 7px 0 0 0px; }

#menu ul li {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #fff;
}
*menu ul li { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #666}


li.section-title {
	color:#fff;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 0 10px;
	letter-spacing: 0px;
	text-transform: uppercase;
}


#content {
	height: 100%;
	margin: 0 0 0 280px;
	top: 0;
 
}

.container {
    padding: 5px 5px 25px 5px;
}

#content p { width: 400px; margin-bottom: 9px; }

p {
    margin: 0 0 10px 0;
}


h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 10px; }
h5 { font-size: 10px; }
h6 {
	font-size: 7px;
	color: #666;
	font-weight: normal;
}

#img-container	{
	margin: 0;
	padding: 0;
}
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

.blogLINK {
	color: #FFFFFF;
	text-decoration: none;
} 
#footerdetails {
	font-size:9px;
	text-align:left;
	bottom:0px;
	position:fixed;
	width: 202px;
	height: 100px;
	padding-right: 1px;
	background-color: #000000;
}

.blogMenuLink  {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#blogMenuLink {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #fff;
}
#blogMenuLink a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#blogMenuLink a:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
/* background tricks */
#the-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
}

#wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}