@charset "UTF-8";
/* CSS Document */

<style type="text/css">

body, html, div, font, td {
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	line-height:10pt;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-shadow:#999999 1px 1px 1px;
	color:#000066;
}

body {background:#cccccc url(images/siteimg/pgbg.jpg);}

/* Font Styles should go here */
.menu {color:#990033; font: 12px Arial, Helvetica, sans-serif small-caps; line-height:30px; padding-left:20px;}
.pgtitle {color:#000066; font:22px bolder Arial, Helvetica, sans-serif; font-style:italic; text-shadow:#999999 1px 1px 1px;}
.resumetext {color:#000066; font:16px bolder Arial, Helvetica, sans-serif; text-shadow:#999999 1px 1px 1px; padding:20px;line-height:15pt;}







/* Link Styles should go here */
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;font-weight:bold;text-shadow:#666666 1px 1px 1px;}
a:active {text-decoration:none;text-shadow:#666666 1px 1px 1px;}









/* DIV Tags should go here */

#main /* Main holding container */{
	position:absolute;
	left:125px;
	top:0px;
	width:80%;
	max-width:1000px;
	min-width:900px;
	height:100%;
	min-height:100%;
	z-index:2;
}

#addbutton {
	position:absolute;
	right:50px;
	top:10px;
	height:16px;
	width:125px;
	z-index:5;
}

#leftbdr {
	position:absolute;
	left:-125px;
	top:inherit;
	width:125px;
	height:inherit;
	background:url(images/siteimg/leftbdr.png) repeat-y;
}

#top /* Title bar */{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:83px;
}

#top1, #top2, #top3 /* Elements in the title bar */{
	float:left;
	height:100%;
}

#top1 {
	width:20%;
	background: url(images/siteimg/usflag.jpg) center no-repeat;
}

#top2 {
	width:60%;
	background:url(images/siteimg/title.png) center no-repeat;
	min-width:500px;
}

#top3 {
	width:20%;
	background: url(images/siteimg/qatarflag.jpg) center no-repeat;
}

/* End of title elements */

#content /* Content box */{
	position:absolute;
	top:83px;
	left:0px;
	right:0px;
	bottom:10px;
	background:#FFFFFF url(images/siteimg/contentbg.png) top right no-repeat;
	padding:20px;
	overflow:auto;
	border-radius:20px / 20px;
	-moz-border-radius:20px;
	-khtml-border-radius:20px;
	box-shadow:5px 5px 10px #cccccc;
	-webkit-box-shadow:5px 0px 10px #cccccc;
	-moz-box-shadow:5px 0px 10px #cccccc;
	-khtml-box-shadow:5px 0px 10px #cccccc;
}

/* Menu elements */

#menu, #menuleft, #menutl, #menubl {
	position:absolute;
	z-index:1;
}
#menu {
	top:200px;
	left:-105px;
	width:105px;
	height:auto;
	background:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
	border-top-left-radius:20px / 20px;
	border-bottom-left-radius:20px / 20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-bottomleft:20px;
}
/*#menuleft {
	top:25px;
	bottom:25px;
	left:-25px;
	width:25px;
	background:#FFFFFF;
}

#menutl {
	top:0px;
	left:-25px;
	width:25px;
	height:25px;
	background:url(images/siteimg/topleft.png) no-repeat;
}

#menubl {
	bottom:0px;
	left:-25px;
	width:25px;
	height:25px;
	background:url(images/siteimg/bottomleft.png) no-repeat;
}*/

#menutr {
	position:absolute;
	top:-10px;
	right:0px;
	height:11px;
	width:10px;
	background:url(images/siteimg/topright.gif) no-repeat;
}

#menubr {
	position:absolute;
	bottom:-10px;
	right:0px;
	height:11px;
	width:10px;
	background:url(images/siteimg/bottomright.gif) no-repeat;
}

/* End menu elements */

/* Index page elements */
#indextext {
	position:absolute;
	left:0px;
	top:0px;
	width:55%;
	height:auto;
	padding:inherit;
}

#indexmap {
	position:absolute;
	right:50px;
	top:50px;
	width:300px;
	height:auto;
	padding:2px;
	text-align:center;
	background:#99b3cc;
	border:#333333 medium solid;
	border-radius:10px / 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	box-shadow:5px 5px 10px #cccccc;
	-webkit-box-shadow:5px 5px 10px #cccccc;
	-moz-box-shadow:5px 5px 10px #cccccc;
	-khtml-box-shadow:5px 5px 10px #cccccc;
}

/* About page elements */
#abouttext {
	position:absolute;
	left:0px;
	top:0px;
	width:50%;
	height:auto;
	padding:inherit;
}

#aboutpic {
	position:absolute;
	left:100%;
	top:50px;
	width:400px;
	height:100%;
}

#aboutpic1, #aboutpic2, #aboutpic3, #aboutpic4 {
	position:absolute;
	height:240px;
}

#aboutpic1, #aboutpic2 {
	width:360px;
}

#aboutpic3, #aboutpic4 {
	width:320px;
}

#aboutpic1, #aboutpic3 {
	left:0px;
}

#aboutpic2, #aboutpic4 {
	right:0px;
}

#aboutpic1 {
	top:0px;
	background:url(images/siteimg/dk.png) no-repeat;
}

#aboutpic2 {
	top:25%;
	background:url(images/siteimg/crystal.png) no-repeat;
}

#aboutpic3 {
	top:50%;
	background:url(images/siteimg/josephine.png) no-repeat;
}

#aboutpic4 {
	top:75%;
	background:url(images/siteimg/alexandra.png) no-repeat;
}

/* Resume page elements */
#resumetext {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	height:auto;
	padding:inherit;
}

/* Gallery elements */
#gallery {
	position:absolute;
	width:100%;
	bottom:0px;
	left:0px;
	top:0px;
	text-align:center;
}

</style>