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


* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }


/* LINKS STARTS */
a:link {
	text-decoration: none;
	color: #CC3333;
}
a:active {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CC3333;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}
/* LINKS ENDS */


/* MENU STARTS */
#menu {
	width: 260px;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	background-color: #fff;
	text-align: right;
}

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

#menu ul li.section-title {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	width: auto;
	font-size: 11pt;
	font-weight: 800;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#menu ul li.section-title:hover {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	width: auto;
	font-size: 11pt;
	font-weight: 800;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

menu ul li {
	font-family: Arial, Helvetica, sans-serif;
	/* The below controls subtext */
	text-align: right;
	font-size: 9pt;
	width: 150px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#menu p {
	color: #999999;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: right;
}
/* MENU ENDS */





/* CONTENT STARTS */
#content {
	height: 100%;
	margin: 141px 0px 0px 280px;	/* Adjust the position of the content items 141 */
	top: 0;
}

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

#menu .container {
	padding-top: 53px;			/* Adjust the position of the menu items */
	padding-left: 12px;
}
/* CONTENT ENDS */

/* FONT STARTS */
#content p {
	width: 500px;
	margin-bottom: 12px;		/* Adjust the position of text & image in content area */
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: left;
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}

.captiontitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 12px;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 16px;
}
	
h4 {
	font-size: 12pt;
	margin: 0px 0px 0px 0px;
}

h5 {
	font-size: 10pt;
	font-weight: bold;
	margin: 3px 0px 3px 0px;
}

.cv.h {
	font-size: 12pt;
	font-weigh: bold;
}

.cv.year {
	font-size: 9pt;
	font-style: italic;
}

.cv.employer {
	font-size: 10pt;
	font-weight: bold;
}

.cv.desc {
	font-size: 9pt;
}

#img-container	{
	margin: 0; padding: 0;
}

#img-container p	{
	width: 300px;
	margin: 0;
	padding: 0 0 12px 0;
}
/* FONT ENDS */

#once {
	clear: left;
}

/* FORM STARTS */
.fields	{
	width: 350px;
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border: 1px dotted #999999;
}

.fields-msg	{
	width: 350px;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border: 1px dotted #999999;
	overflow-y: auto;
	overflow-x: hidden;
	
}

.button {
	background-color:#99CCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border: 1px dotted #999999;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
}
/* FORM ENDS */