html, body { 
	color: #000066;
	font-family: 'Open Sans', sans-serif !important;
	height: 100%; margin: 0;
}

body {
	background: #EEEEEE;
	font-size: 12pt;
	line-height: 1.64;
}


#top {
	background:  no-repeat center right fixed url('img/background_wall.jpg');

	position: absolute;	
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;

	-webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/background_wall.jpg', sizingMethod='scale')";
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/background_wall.jpg', sizingMethod='scale');
	
	margin: 0px;
	padding: 0px;
}

#overlay { 
	background-color: #0099FF;

	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	opacity: 0.75;
	filter:alpha(opacity=75);
	z-index: 2;
}

#top .container {
	position: absolute;
	top: 10%;
	bottom: 0px;
	left: 0px;
	right: 0px;

	z-index: 4;
	text-align: center;
	color: #FFFFFF;
	
}

#top .container h1 {
	border-bottom: 1px solid #FFFFFF;
	border-bottom-color: rgba(255,255,255,0.5);
	font-size: 30pt;
	margin-bottom: 0px;
	display: inline-block;
}
#top .container .lead {
	font-size: 20pt;
	text-align: center;
}

#down {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	background: no-repeat url("img/down.png");
}

nav {
	position: absolute;
	top: 100%;
	height: 40px;
	width: 100%;
	background-color: #003366;
	z-index: 20;
}

nav #header_name {
	position: absolute;
	left:0;
	bottom: 5px;
	color: #eeeeee;
	font-size: 14pt;
	padding-left: 5px;
}

nav #menu_icon {
	position: absolute;
	right:0;
	color: #eeeeee;
	width: 40px;
	height: 40px;
	cursor:pointer;
	background: no-repeat center center url("img/menu.png");
}

nav ul {
	display: none;
	position: absolute;
	right: 0;
	top: 24px;
	height: 40px;
	width: 100%;
	text-align: center;
}

nav ul li {
    list-style-type: none;
    display: table;
    font-size: 12pt;
	color: #eeeeee;
	height: 100%;
	width: 100%;
	border-left: thin solid #003366;
	border-right: thin solid #003366;
	background-color: #003366;
	border-top: 1px solid #006699;
}

nav ul li.active {
	background-color: #006699;
	border-left: thin solid #000066;
	border-right: thin solid #000066;
	height: 100%;
}

nav ul li a {
	display: table-cell;
	vertical-align: middle;
	color: #eeeeee;
	height: 40px;
	width: 100%;
	text-decoration: none;
}

nav ul li a:hover {
	color: #99CCFF;
	text-decoration: none;
}

nav ul li a:active {
	color: #99CCFF;
	text-decoration: none;
}

h2 {
	text-align: center;
	font-weight: normal;
	font-size: 45pt;
	color: #0066FF;
}

h3 {
	text-align: left;
	margin-top: 0;
	font-weight: normal;
	font-size: 22pt;
	color: #0066FF;
}

p {
	text-align: justify;
}

th {
	text-align: left;
}

td {
	padding-left: 10px;
}

a {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}

.white {
	background-color: #EEEEEE;
	min-height: 200px;
	padding: 20px;
}

.blue {
	background-color: #C3D9FF;
	min-height: 200px;
	padding: 20px;
}

#summary {
	width: 100%;
}

#main_info {
	width: 100%;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
}

#main_info tr {
	padding-bottom: 50px;
}

table { 
	margin-top: -15px;
    border-spacing: 0 15px;
    border-collapse: separate;
}

#chobi {
	width: 350px;
	height: 350px;
	background: no-repeat top center url("img/farahnazsobhan.png");
	margin-left: auto;
	margin-right: auto;
}

#expertise p {
	padding-left: 14px;
	background: no-repeat left center url("img/list.png");
	margin: 5px;
}

#expertise p:active {
	background-color: #C3D9FF;
}

.dl_chobi {
	display: block;
	float: left;
	height: 35px;
	width: 35px;
	background:  no-repeat center center url("img/download.png");
}

.dl {
	display: table;
	text-decoration: none;
	color: #EEEEEE;
	height: 35px;
	padding-left: 50px;
	padding-right: 15px;
	text-align: center;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 15pt;
	background: #006699 no-repeat left center url("img/download.png");
}

.dl:hover {
	text-decoration: none;
	color: #99CCFF;
	background-image: url("img/download_hover.png");
}


.eitem {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-bottom: 50px;
}

.eitem .title {
	width: 100%;
	margin-bottom: 10px;
}

.eitem .description {
	width: 100%;
}

.eitem p {
	margin: 0;
}

.eitem h4 {
	font-size: 13pt;
	margin: 0;
}

.eitem ul {
	padding: 0;
}

.eitem li {
	list-style-type: none;
	padding-left: 14px;
	background: no-repeat left 8px url("img/list.png");
	text-align: justify;
}

.school {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-bottom: 50px;
}

.school h4 {
	font-size: 14pt;
	margin: 0;
}

.school h5 {
	font-size: 12pt;
	margin: 0;
}

.school em {
}

.train {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-bottom: 50px;
}

.train h4 {
	font-size: 14pt;
	margin: 0;
}

.train h5 {
	font-size: 12pt;
	margin: 0;
}

.train span {
}

.train em {
}

.skills {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.skills h3 {
	margin: 0;
	margin-bottom: 20px;
}

.skillsleft {
	width: 100%;	
}

.skillsright {
	width: 100%;
}

.line {
	display: block;
	height: 25px;
	padding: 0;
}

.line:hover {
	background-color: #C3D9FF;
}

.empty {
	float: right;
	display: block;
	width: 15px;
	height: 25px;
	background: no-repeat center center url("img/star_empty.png");
}

.full {
	float: right;
	display: block;
	width: 15px;
	height: 25px;
	background: no-repeat center center url("img/star_full.png");
}

.skills p {
	padding-left: 14px;
	background: no-repeat left center url("img/list.png");
}

.skills p:hover {
	background-color: #C3D9FF;
}

#abilities hr {
	border: none;
	border-top: thin solid #C3D9FF;
	margin-top: 20px;
}

#contact {
	font-size: 15pt;
}

#contact a {
	color: #000066;
}

#table_contact {
	margin-left: auto;
	margin-right: auto;
	width: 350px;
	height: 350px;
}

#table_contact div {
	height: 35px;
	margin-top: 15px;
}

#email {
	padding-left: 40px;
	background: no-repeat left url("img/email.png");
}


#in {
	padding-left: 40px;
	background: no-repeat left url("img/in.png");
}

#phone {
	padding-left: 40px;
	background: no-repeat left url("img/phone.png");
}


#skype {
	padding-left: 40px;
	background: no-repeat left url("img/skype.png");
}


footer {
	font-size: 10pt;
	text-align: center;
	padding-bottom: 10px;
	background-color: #C3D9FF;
}

footer a {
	color: #000066;
}