/*
Template Name: MyFolio
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

@import url(navi.css);
@import url(forms.css);
@import url(tables.css);

body{
	margin:0;
	padding:0;
	font-size:14px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#666666;
	}

img{border:0; padding:0; margin:0;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear:both;}
br.clear{clear:both; margin-top:-15px;}
a{outline:none; text-decoration:none;}

.fl_left{float:left;}
.fl_right{float:right;}

.imgl{float:left; margin:0 8px 8px 0; border:1px solid #000000; padding:5px; color:#FFFFFF; background-color:#999999; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; border:1px solid #000000; padding:5px; color:#FFFFFF; background-color:#999999; clear:right;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
	display:block;
	width:100%;
	margin:0;
	text-align:left;
	}

.col1{color:#FFFFFF; background-color:#A7A697;}
.col2{color:#666666; background-color:#F5F5EB;}
.col3{color:#666666; background-color:#EEEEDD;}
.col4{color:#666666; background-color:#F5F5EB;}
.col5{color:#FFFFFF; background-color:#666666;}	
/* ----------------------------------------------Generalise-------------------------------------*/

#topbar, #head, #projects, #breadcrumb, #container, #copyright, #gallery{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:960px;
	}

/* ----------------------------------------------TopBar-------------------------------------*/

#topbar{
	height:40px;
	padding-top:20px;
	}

#topbar ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#topbar #social{
	display:block;
	float:right;
	}

#topbar #social li{
	display:inline;
	margin-left:20px;
	cursor:pointer;
	}

#topbar #search{
	display:block;
	float:left;
	}

#topbar #search form, #topbar #search fieldset, #topbar #search legend{
	margin:0;
	padding:0;
	border:none;
	}

#topbar #search legend{
	display:none;
	}

#topbar #search input{
	display:block;
	float:left;
	width:229px;
	margin:0;
	padding:5px;
	color:#CCCCCC;
	background-color:#393939;
	border:1px solid #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#topbar #search input#submit{
	display:block;
	width:auto;
	height:auto;
	margin:0 0 0 5px;
	padding:4px;
	color:#CCCCCC;
	background-color:#1A1A1A;
	}

/* ----------------------------------------------Head-------------------------------------*/

#head{
	z-index:1000;
	height:320px;
	color:#666666;
	background-color:#F5F5EB;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

#head h1, #head p, #head ul, #head a{
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
	}

#head a{
	color:#7BAB96;
	background-color:#F5F5EB;
	}

#head a:hover{
	color:#7BAB96;
	background-color:#F5F5EB;
	}

#head h1 a{
	position:absolute;
	top:15px;
	left:0;
	font-size:120px;
	}

#head p{
	display:block;
	width:488px;
	position:absolute;
	top:170px;
	left:0;
	text-align:right;
	}

#head ul#buttons{
	display:block;
	position:absolute;
	top:10px;
	right:0;
	width:300px;
	height:250px;
	}
	
#head ul#buttons li{
	display:block;
	width:300px;
	height:60px;
	margin-bottom:35px;
	}
	
#head ul#buttons li a{
	display:block;
	width:300px;
	height:60px;
	text-indent:-4000em;
	}

#head ul#buttons li.facebook a{background:url("../images/fb.gif") top left no-repeat;}
#head ul#buttons li.contact a{background:url("../images/contact.gif") top left no-repeat;}
#head ul#buttons li.linkedin a{background:url("../images/linkedin.gif") top left no-repeat;}
#head ul#buttons li.download{margin-bottom:0;}
#head ul#buttons li.download a{background:url("../images/cv.gif") top left no-repeat; margin-bottom:0;}

/* ----------------------------------------------Breadcrumb Navigation-------------------------------------*/

#breadcrumb{padding:15px 0;}

#breadcrumb a{
	color:#FF6600;
	background-color:#EEEEDD;
	}

#breadcrumb ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#breadcrumb ul li{display:inline;}
#breadcrumb ul li.first{font-weight:bold;}
#breadcrumb ul li.current a{text-decoration:underline;}

/* ----------------------------------------------Container-------------------------------------*/

#container{
	padding:15px 0;
	}
	
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:18px;
	margin:0 0 10px 0;
	padding:0;
	}
#container h7{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:18px;
	margin:0 0 10px 0;
	padding:0;
	color:#990000
	}
	
#container a{
	color:#FF6600;
	background-color:#F5F5EB;
	}

#column p, #column ul, #column h1, #column h2, #column h3, #column h4, #column h5, #column h6{
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
	font-weight:normal;
	}

#column .holder{
	margin-bottom:15px;
	}

#column .holder .title{
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
	padding-bottom:5px;
	border-bottom:1px dotted #666666;
	}

#column .holder li{
	margin-bottom:5px;
	}

#column ul#banner125 li{
	display:inline; /* Gets Rid of IE6 double margin bug */
	float:left;
	width:125px;
	height:125px;
	margin:0 0 10px 10px;
	}

#column .text{font-size:12px;}

#column .holder p.readmore{
	text-align:right;
	margin:5px 0 8px 0;
	}

/* ----------------------------------------------Footer-------------------------------------*/

#copyright{
	padding:20px 0;
	font-size:11px;
	}

#copyright a{
	color:#FFFFFF;
	background-color:#666666;
	}

#copyright p{
	margin:0;
	padding:0;
	}