@charset "utf-8";
/* CSS Document */

/* Spacer CSS */

div.space {
	height:12px;
	}
	
div.space2 {
	height:26px;
	background-image:url(../images/portfoliolinks.jpg);
	padding-top:7px;
	
	}
	
/* NoteBook, Personal Details, Contact */
	
div.infobox {
	background-color: #F5F5F5;
	}

div.info1 {
	height: 20px;
	
	}
	
div.center{
	margin-left: 150px;


}

div.infoborder{
	border-bottom: 2px solid;
	border-color: #D0D0D0;
	width:212px;
	float: right;
	padding-top: 26px;
} 
div.infoborder2{
	border-bottom: 1px solid;
	border-color: #DBDBDB;
	width:212px;
	float: right;
	padding-top: 7px;
} 
div.infospacer{
	width:212px;
	float: right;
	padding-top: 26px;
} 
div.infospace{
	width:212px;
	float: right;
	padding-top: 7px;
} 


/* Header */

div.images{
	background-image:url(../images/header.jpg);
	height:130px;
		
}

div.catchphrase{
	background-image:url(../images/catchphrase.jpg);
	height:103px;

}
div.catchphrase2{
	background-image:url(../images/catchphrase2.jpg);
	height:103px;

}
div.catchphrase3{
	background-image:url(../images/catchphrase3.jpg);
	height:103px;

}
div.catchphrase4{
	background-image:url(../images/catchphrase4.jpg);
	height:103px;

}
div.catchphrase5{
	background-image:url(../images/catchphrase5.jpg);
	height:103px;
}

/* Main Text section */

div.maintext{
	width: 620px;
}

div.maintext2{
	width: 680px;
}

/* Portfolio */

div.portfolio{
	width: 460px;
	float:right;
	height: 267px;
	border-bottom: 1px solid;
	border-color: #DBDBDB;
	
}
div.portfoliowithoutborder{
	width: 460px;
	float:right;
	height: 267px;

	
}

div.feature{
	height: 700px;
	

}
div.feature1{
	width: 220px;
	float: left;
	padding-right: 10px;

}
div.portfoliopic{
	width: 220px;
	float: left;
	padding-top: 47px;
	padding-right:10px;
	height: 220px;
	
}
div.portfoliopic2{
	width: 220px;
	float: left;
	padding-top: 93px;
	padding-right:10px;
	height: 220px;
	
}
div.featuredtext{
	width: 220px;
	line-height: .7;
	padding-top: 5px;
	height: 5px;
}



/* NoteBook, Personal Details, Contact styles */

.infotext{
	font-style: italic;
	font-size: 1.4em;
	font-family: "Times New Roman";
	padding-left: 3px;
	color: #5C5C5C;

}
.infosubtext{
	font-size: 0.91em;
	padding-left: 9px;
	padding-bottom:5px;
	color: #5C5C5C;

}

/* Portfolio styles */

.portfoliotext{
	font-size: 0.85em;
	color: #858585;
	font-style:italic;
	padding-bottom:7px;
	padding-top:7px;
}

.featuredtext{
	color: #3C3B3B;
	font-size: 0.96em;
	
}

/* Main title styles */

.title{
	font-family: "Times New Roman";
	font-size:2.5em;
	font-style:italic;
	color:#121212;
}

/* Main font styles */

.mainfont{
	font-family: Arial;
	font-size:0.89em;
	color:#4B4B4B;
}

/* Main navigations styles */

.nav {

	padding-top:77px;
	font:Arial;
	font-size:14px;
	font-weight:bold;

}

/* Bold styles for some of the text */


.boldtext{
	font-weight:bold;
	
	
}

/* CV title style for each CV section */


.cvheader{
	font-family: "Times New Roman";
	font-size:1.3em;
	font-style:italic;
	color:#4B4B4B;
}

/* Contact page font style */

.contact{
	font-family: "Times New Roman";
	font-size:2em;
	font-style:italic;
	color:#4B4B4B;
}

/* Footer font style */

.footer{
	text-align: center;	
	font-family: Arial;
	font-size:0.89em;
	color:#4B4B4B;
	

}
.border{
	text-align: left;
	font-family: Arial;
	font-size:0.89em;
	color:#4B4B4B;	

}




/* Main Nav links */

.linked {
	text-decoration: underline;
	color:676767;
	font-size: 0.99em;
	font-weight:bold;
}


.hLink {
    text-decoration: none;
	font-size: 0.99em;
	font-weight:bold;
	color: #3C3B3B;
}
.hLink:link {	
    text-decoration: none;
	font-size: 0.99em;
	font-weight:bold;
	color: #3C3B3B;
}

.hLink:active {
    text-decoration: none;
	font-size: 0.99em;
	font-weight:bold;
	color: #3C3B3B;
}

.hLink:visited {
    text-decoration: none;
	font-size: 0.99em;
	font-weight:bold;
	color: #3C3B3B;
}

.hLink:hover {
    text-decoration: none;
	font-size: 0.99em;
	font-weight:bold;
	color: #35B1CB;
}


/* Notebook links */

.noteLink {
	text-decoration: none;
	font-size: 0.91em;
	padding-left: 9px;
	padding-bottom:5px;
	color: #5C5C5C;

}
.noteLink:link {	
    text-decoration: none;
	font-size: 0.91em;
	padding-left: 9px;
	padding-bottom:5px;
	color: #5C5C5C;

	
}

.noteLink:active {
 	text-decoration: none;
	font-size: 0.91em;
	padding-left: 9px;
	padding-bottom:5px;
	color: #5C5C5C;

	
}

.noteLink:visited {
   	text-decoration: none;
	font-size: 0.91em;
	padding-left: 9px;
	padding-bottom:5px;
	color: #5C5C5C;

	
}

.noteLink:hover {
	text-decoration: underline;
	font-size: 0.91em;
	padding-left: 9px;
	padding-bottom:5px;
	color: #5C5C5C;

}



.sLink {
    text-decoration: none;
	font-size: 0.91em;
	font-weight:bold;
	color: #3C3B3B;
	padding-left: 9px;
}
.sLink:link {	
    text-decoration: none;
	font-size: 0.91em;
	font-weight:bold;
	color: #3C3B3B;
	padding-left: 9px;
}

.sLink:active {
    text-decoration: none;
	font-size: 0.91em;
	font-weight:bold;
	color: #3C3B3B;
	padding-left: 9px;
}

.sLink:visited {
    text-decoration: none;
	font-size: 0.91em;
	font-weight:bold;
	color: #3C3B3B;
	padding-left: 9px;
}

.sLink:hover {
    text-decoration: none;
	font-size: 0.91em;
	font-weight:bold;
	color: #35B1CB;
	padding-left: 9px;
}



/* Portfolio links */

.pLink {
	text-decoration: none;
	font-size: 1em;
	color: #716F6F;
	padding-bottom:10px;
	padding-top:10px;	
}
.pLink:link {	
    text-decoration: none;
	font-size: 1em;
	color: #716F6F;
	padding-bottom:10px;
	padding-top:10px;
	
}

.pLink:active {
    text-decoration: none;
	font-size: 1em;
	color: #716F6F;
	padding-bottom:10px;
	padding-top:10px;
	
}

.pLink:visited {
	text-decoration: none;
	font-size: 1em;
	color: #716F6F;
	padding-bottom:10px;
	padding-top:10px;	
}

.pLink:hover {
    text-decoration: underline;
	font-size: 1em;
	padding-bottom:10px;
	padding-top:10px;
	
}


/* Current Portfolio link */

.pLinkcurrent {
	text-decoration: underline;
	font-size: 1em;
	color: #3A3A3A;
	padding-bottom:10px;
	padding-top:10px;	
}
.pLinkcurrent:link {	
    text-decoration: underline;
	font-size: 1em;
	color: #3A3A3A;
	padding-bottom:10px;
	padding-top:10px;
	
}

.pLinkcurrent:active {
    text-decoration: underline;
	font-size: 1em;
	color: #3A3A3A;
	padding-bottom:10px;
	padding-top:10px;
	
}

.pLinkcurrent:visited {
    text-decoration: underline;
	font-size: 1em;
	color: #3A3A3A;
	padding-bottom:10px;
	padding-top:10px;
	
}

.pLinkcurrent:hover {
	text-decoration: underline;
	font-size: 1em;
	color: #3A3A3A;
	padding-bottom:10px;
	padding-top:10px;	
}


/* Print Button */

.printLink {
	text-decoration: none;
	font-size: 0.85em;
	color: #858585;
	padding-bottom:10px;
	padding-top:10px;	
	font-style:italic;
}
.printLink:link {	
    text-decoration: none;
	font-size: 0.85em;
	color: #858585;
	padding-bottom:10px;
	padding-top:10px;
	font-style:italic;
	
}

.printLink:active {
    text-decoration: none;
	font-size: 0.85em;
	color: #858585;
	padding-bottom:10px;
	padding-top:10px;
	font-style:italic;
	
}

.printLink:visited {
    text-decoration: none;
	font-size: 0.85em;
	color: #858585;
	padding-bottom:10px;
	padding-top:10px;
	font-style:italic;
	
}

.printLink:hover {
    text-decoration: underline;
	font-size: 0.85em;
	color: #858585;
	padding-bottom:10px;
	padding-top:10px;
	font-style:italic;
	
}
