/* 		CSS Document
		Copyright 2006 - b-pip media
		Wantanimage Photography
*/

html,body{margin:0;padding:0;}

p{font-size: 14px;color: #999999; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
h2{font-size: 14px;color: #999999;font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
h3{font-size: 18px;color: #ffffff;font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
td{font-size: 14px;color: #000; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
ul, li{font-size: 14px;color: #000; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}

a:link{font-size: 14px; color: #999999; font-family:Arial, Helvetica, sans-serif; text-decoration: none}
a:visited{font-size: 14px; color:#666666; font-family: Arial, Helvetica, sans-serif; text-decoration: none}
a:active{font-size: 14px; color:#666666; font-family: Arial, Helvetica, sans-serif; text-decoration: underline}
a:hover{font-size: 14px; color: #666666; font-family: Arial, Helvetica, sans-serif; text-decoration: none}

body { 
	background: #212737 url(../images/background2.jpg) no-repeat; 
	margin: 0px; 	
}

div#container{
	float: left;
	width: 882px;
	height: 100%;
	padding: 0;
	color: #CCCCCC;
}

div#contentBox{
	margin-top: 45px;
	margin-left: 128px;
	background-color:#FFFFFF;
	width: 752px;
	height: 489px;
	position:absolute;
	left: 4px;
	top: 69px;
	
}

div#welcomeImage{
	width: 748px;
	margin-top: 0px;
	margin-left: 0px;
	color:#000000;
	border-top:1px;
}

div#floating_photo{
	width: 327px;
	height: 273px;
	position: absolute;
	left: 580px;
	top: 322px;
}

div.home_links{
	width: 287px;
	height: 70px;
	padding-left: 30px;
	padding-top: 30px;
}

.home_links a{
	width: 287px;
	height: 70px;
	color: #ffffff;
	display: block;
	width: 287px;
	border: 1px #CCCCCC solid;

}

.home_links a:hover{
	width: 287px;
	height: 70px;
	background-color: #dfe1e6;
	color: #ffffff;
}

.home_links a:active{
	width: 287px;
	height: 70px;
	color: #ffffff;
	background-color: #dfe1e6;
	display: block;
}

#mainlinks img{
	margin-right: 50px;
}

div.rightNews_container{
	margin-top: 10px;
	float: right;
	padding-right: 45px;
	width: 170px;
}

div#homeContent{
	background-color: #f2f3f5;
	margin-top: 40px;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 16px;
	padding: 10px;
	padding-bottom: 50px;
	color:#707991;
	border:#b9c0d3;
	border: 1px #7684ac dotted;
	
}

div#galleryContent{
	margin-top: 200px;
	margin-left: 10px;
	width: 350px;
	height: 200px;
	position:absolute;
	left: 4px;
	
}

div#mainlinks{
	margin-top:38px;
	margin-left: 135px;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	
}

div#bpip{
	margin-top: 70px;
	margin-left: 0px;
}

div#homeLink{
	padding-top: 550px;
	padding-right:0px;
	padding-left: 130px;
	width: 90px;
}

div#contactDetails{
	top: 460px;
	width: 580px;
	left: 10px;
	margin-right:5px;
	text-align: center;
	color:#999999;
	padding: 3px;
	border-top: 2px #CCC double;
	position:absolute;
}
/*-----------------------*/
/*
	CSS Stylesheet for simple Gallery

	This PHP/CSS gallery scans a defined folder 
	and all of its subdirectories for images. It
	disaplys the directories as links in the 
	navigation, and when clicked, the images 
	of that folder in the main content.
	
	Copyright ©2006 bpip media
	Dont steal, learn.
*/
/*-----------------------*/

/*-----------------------*/
/* 
	Box that holds the navigation and content.
*/
/*-----------------------*/
#galleryBox{
	text-align: left;
	margin-left: 20px !important;
	margin-left: 10px;
	margin-top: 40px;
	width: 300px;
	float: left;
	border: 1px #999 dotted;
	background-color: #FFFFFF;
	padding: 4px;
}

#galleryBox span,
#galleryBox #dirsFiles{
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 10px;
}

/*-----------------------*/
/* 
	Contents of the gallery and image/hovering
	and background colour adjustments.
	Each image is displayed as an unordered list
	item, and the image sizes and hover effects
	are defined here.
*/
/*-----------------------*/
#galleryContainer{
	text-align: center;
	text-align: -moz-center;
	width: 98%;
	border: 0px;
	padding: 5px;
	background-color: #FFFFFF;
}

#galleryContainer ul{
	width: 290px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#galleryContainer ul li{
	background-color: #fff;
	float: left;
	margin: 5px;
}

#galleryContainer ul li a:hover{
	background-color: #fff;
}

#galleryContainer ul li a img{
	border: 1px solid #fff;
	xwidth: 80px;
	xheight: 80px;
	text-decoration: none;
}

#galleryContainer ul li a:hover img{
	border: 1px solid #aaa;
	text-decoration: none;
}

/*-----------------------*/
/* 
	Define the navigation bar for
	the gallery and the link styles.
*/
/*-----------------------*/
#galleryBox #galleryNav{
	float: left;
	border: 1px dotted #aaa;
	width: 98%;
	background-color: #fff;
	padding: 3px;
	text-align: center;
}

#galleryBox #galleryNav ul{
	background-color: #fff;
	width: 100%;
	padding: 0px;
	margin: 0px;
	list-style-type: none;	
}

#galleryBox #galleryNav ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	background-color: #fff;
	float: left;
	padding: 0px;
	margin: 3px;
}

#galleryBox #dirsFiles{
	clear: both;
	background-color: #fff;
}

#galleryBox #galleryNav ul li a{
	font-family: Arial, Helvetica, sans-serif; 
	color:#09c; 
	font-size:11px; 
	font-weight:bold; 
	text-decoration: underline;
}

#galleryBox #galleryNav ul li a:hover,
#galleryBox #galleryNav ul li a:visited,
#galleryBox #galleryNav ul li a:active{
	text-decoration: none;
}

#imageHolder{
	text-align: center;
	text-align: -moz-center;
	margin-top: 40px;
	margin-right: 20px !important;
	margin-right: 10px;
	float: right;
	width: 375px;
	
}

div#imageHolder #title{
	border: 1px dotted #aaa;
	margin-top: 3px;
	width: 96%;
	background-color: #fff;
	padding: 3px;
	text-align: center;
}
	

div#imageHolder #landscape img{
	float: right;
	border: 0px;
	border: 1px #999 dotted;
}

div#imageHolder #portrait img{
	float: right;
    height: 300px;
	border: 0px;
	border: 1px #999 dotted;
}

div#imageHolder ul li a:hover,
div#imageHolder ul li a:visited,
div#imageHolder ul li a:active{
	border: 0px;
	text-decoration: none;
}