/*---------------body---------------*/
body {
	font-family:Verdana, Arial,Helvetica,sans-serif;
	/*background: url(../images/jpg/Highway1920.jpg) fixed no-repeat center center;*/
	background: url(../images/jpg/mb_bkgnd.jpg) fixed no-repeat center center;
	/*background-color:#366;*/
}

#clear, .clear  {
	clear: both;
	overflow: hidden;
	height: 0px;
}

h4 {
	font-family: Arial,Helvetica,sans-serif;
	padding: .2em 0.5em;
	margin: 0 0 .5em 0;
	background: #292929;
	color: #fff;
	border-bottom: 1px solid #fff;
	cursor:pointer;
}

h3 {
	font-family: Arial,Helvetica,sans-serif;
	padding: .2em 0.5em;
	margin: 0 0 .5em 0;
	background: #222;
	color: #fff;
	border-bottom: 1px solid #fff;
	cursor:pointer;
}

.more {
	font-family: Arial,Helvetica,sans-serif;
	font-weight: 600;
	font-size:12px;
	font-style:italic;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

.more:hover {
	text-decoration:underline;
	color:#071907;
}

.button {
	background: url("../images/jpg/button.jpg") no-repeat top left;
	color: #e9e9e9;
	display: block;
	font-size: 11px;
	height: 21px;
	line-height: 19px;
	margin-bottom: 20px;
	padding-left: 8px;
	width: 89px;
}

.button:hover {
	background-position: bottom left;
	text-decoration: none;
}

#info {
	background: #292929;
	width: 300px;
	padding: 0;
	overflow: hidden;
	position: absolute;
	border:1px solid #fff;
}

#info p {
	margin-left: 9px;
	margin-top: 0;
	padding: 0 3px 0 0;
	font-size:12px;
	color:#fff;
	cursor:pointer;
}

#info1 {
	background: #aaa;
	width: 230px;
	overflow: hidden;
	position: absolute;
	border:2px solid #fff;
}

#info1 img{
	margin-top:-8px;
}

#info1 h4 {
	font-family: Arial,Helvetica,sans-serif;
	padding: .2em 0.5em;
	margin: 0 0 .5em 0;
	background: #0B3861;
	color: #fff;
	border-bottom: 2px solid #fff;
	cursor:pointer;
}
/*---------------wrapper---------------*/
#wrapper{
	position:relative;
	height:43.750em;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	max-width:900px;
	min-width:900px;
	opacity:1;
}
/*------------------------header------------------*/

#header{
	position:relative;
	max-width:900px;
	min-width:900px;
	height:92px;
	top:0em;
	padding:0px 0 5px 0;
	text-align:center;
	background-color:#424242;	
	opacity:.85;
	z-index:5;
	border:1px solid #555;
}
.portfolio_owner {
	color: #fff;
	font-size:36px;
	font-weight:500;
	text-shadow: 0 0 0.2em #000;
	/*border:1px solid red;*/
	margin:0 auto 0 auto;
	padding:0 0 0 2px;
}

.portfolio_subtitle {
	color: #fff;
	font-size:13px;
	font-weight:500;
	padding-top:10px;
	margin:0 auto 0 auto;	
}

.pageTitle{ /*hidden*/
	font-size:36px;
	padding:2.75em 0 0 2em;
	font-weight:bold;
	color:#fff;
	text-shadow: 0 0 0.2em #8F7;
}
/*------------------------menu------------------*/
#menuContainer{
	position:relative;
	border-left:1px solid #555;
	border-right:1px solid #555;
	border-bottom:1px solid #555;
	width:18.5em;
	background-color:#424242;
	list-style-type:none;	/* removes the bullet off each list item */
	text-align:center;
	font-family: Arial,Helvetica,sans-serif;
	margin:0 auto 0 auto;
	padding:10px 0 10px 0;
	box-shadow:5px 5px 5px #111;
	-o-box-shadow:5px 5px 5px #111;
	-moz-box-shadow:5px 5px 5px #111;
	-webkit-box-shadow:5px 5px 5px #111; 
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-khtml-border-radius: 5px;
	opacity:1;
	z-index:2;
	height:auto;
}

#listMenu{
	list-style-type:none;	/* removes the bullet off each list item */
	margin:0 auto 0 0em;
	color:#E6E6E6;	/* sets color of each list item */
	font-size:20px;
	padding:0 0 0 0em;
	/*border-bottom:1px solid red;*/
}

.listMenu {
	list-style-type:none;	/* removes the bullet off each list item */
	margin:0 0 0 0;
	/*border:1px solid red;*/	
}

.listMenu ul li {
	list-style-type:none;	/* removes the bullet off each list item */	
	text-align:left;
	font-size:18px;
	margin:0 0 0 0em;
	padding:3px 0 6px 0;
	width:12em;
	border-top:1px solid #0A0A2A;	
}



.listMenu ul li:hover { 
	/*background-color:#151B8D; /*sets the background of the menu items */
}

*+html #listMenu ul li {
	margin:0 0 0 -1.75em;
	/*filter: alpha(opacity = 80);/*ie fix*/
}

a {
	color:#E6E6E6;	/* sets color of each list item */
	text-decoration:none;/* removes the underline off each list item */
	display:block;
	padding-left:5px;
	outline:none;
}

a:hover {
	color:#0A0A2A;	/* sets color of each list item */
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

#BGSelector a:hover{
	color:#990000;
}
/*------------------------page containers ------------------*/
#containerIndex, #containerDesigner, #containerDeveloper, #containerDatabase,
#containerVideo, #containerAcademia, #containerPhilosophy, #containerAbout, #containerContact{
	position:absolute;
	background-color:#424242;
	max-width:900px;
	min-width:900px;
	height:484.25px;
	display:none;
	opacity:.75;
	margin-left:auto;
	margin-right:auto;
	top:7em;
	box-shadow:5px 5px 5px #111;
	-o-box-shadow:5px 5px 5px #111;
	-moz-box-shadow:5px 5px 5px #111;
	-webkit-box-shadow:5px 5px 5px #111;
	z-index:0;	
	/*border:1px solid white;*/
}

/*------ index ------*/
.lookThrough{
	font-size:13px;
	margin:1.5em 0 0 0;
	padding:2em 0 0 0;
	font-weight:normal;
	color:#fff;
	max-width:900px;
	min-width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.reachMe  {
	font-size:13px;
	margin:0em 0 2em 0;
	padding:0 0 0 0;
	font-weight:normal;
	font-style:italic;
	color:#E6E6E6;
	max-width:900px;
	min-width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	/*border:1px solid white;*/
}

*+html .reachMe {
	margin:0 0 0 0.75em;
	/*filter: alpha(opacity = 80);/*ie fix*/
}

#IndexParagraphContainer{
	height:auto;
	/*border-bottom:1px solid red;*/
	width:700px;
	margin:1.0em auto 0 auto;
	color:#fff;
}

.welcome_story_p1{
	float:left; 
	margin: 0 0 0 0;
	width: 450px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	padding-right:1em;
	/*border:1px solid white;*/
}

.welcome_story_p2{
	float: left;
	margin: 0 0 0 2.25em;
	width: 200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	padding-right:1em;
	/*border:1px solid white;*/
}

.welcome_story_p3{
	float: right;
	margin: 0 0 0 0;
	width: 200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	padding-right:1em;
	/*border:1px solid white;*/
}

/* ------- the theme selection starts here -----*/
#ThemeContainer {
	float:left; /*makes the div enclose the list */
	margin:3em auto 2em auto;
	z-index:100;
	text-align:center;
	/*border:1px solid white;*/
	max-width:900px;
	min-width:900px;
}

#themeSelection{
	margin-left:auto;
	margin-right:auto;
	/*border:1px solid white;*/
}

div#ThemeContainer ul {
	margin-left:17.25em;
	width:auto;
}

div#ThemeContainer li {
	float:left;	/* causes the list to align horizontally instead of stack */
	list-style-type:none;	/* removes the bullet off each list item */
	margin-right:auto;
}

.chooseTheme{
	color:#fff;
	text-align:center;
	font-size:13px;
	margin-left:0 0 0 -3em;
	/*border:1px solid white;*/
	opacity:1;
	z-index:0;
} 

*+html #themeSelection {
	margin:0 0 0 2.5em;
	/*filter: alpha(opacity = 80);/*ie fix*/
}
/*------------------------designer------------------*/

#DesignerParagraphContainer{
	height:auto;
	/*border:1px solid white;*/
	width:550px;
	margin:1.5em auto 0 auto;
	padding:0 0 0 2em;
	color:#fff;
}

.designer_story_p1{
	float:left; 
	margin: 0 0 0 0;
	width: 250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	padding-right:1.0em;
	/*border:1px solid white;*/
}

.designer_story_p2{
	float: right;
	margin: -9.5em 0 0 1.25em;
	width: 250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	padding-left:1.5em;
	/*border:1px solid white;*/
	z-index:2;
}

.newSite{
	width: 270px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	padding-left:1.5em;
	border:1px solid red;
	z-index:2;
}
 
#emailCaptchaImage {
	margin-left:1.5em;
}
/*------------------------developer------------------*/

#DeveloperParagraphContainer{
	height:auto;
	/*border:1px solid white;*/
	width:755px;
	margin:1.5em auto 0 auto;
	padding:0 0 0 2em;
	color:#fff;
}

.developer_story_p1{
	float:left; 
	margin: 0 0 0 0;
	width: 200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	padding-right:0.5em;
	/*border:1px solid white;*/
}

.developer_story_p2{
	float: left;
	margin: -1.5em 0 0 1.25em;
	width: 250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	padding-right:0.5em;
	/*border:1px solid white;*/
	z-index:2;
}

.developer_story_p3{
	float: right;
	margin: -1.5em 0 0 0;
	width: 250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	padding-right:0.5em;
	/*border:1px solid white;*/
	z-index:2;
	opacity:10;
}

/*------------------------database------------------*/

#DatabaseParagraphContainer{
	height:auto;
	/*border:1px solid white;*/
	width:775px;
	margin:1.5em auto 0 auto;
	padding:0 0 0 2em;
	color:#fff;
}

.database_story_p1{
	float:left; 
	margin:-1.5em 2em 0 0;
	width: 200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	/*border:1px solid white;*/
}

.database_story_p2{
	float: left;
	margin: -1.5em 0 0 1.5em;
	width: 250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	/*border:1px solid white;*/
	z-index:2;
}
.database_story_p3{
	float: right;
	margin:0 0 0 0.2em;
	width: 250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	/*border:1px solid white;*/
	z-index:2;
	opacity:1;
}

/*------------------------video------------------*/

#VideoParagraphContainer{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	height:330px;
	/*border:1px solid white;*/
	width:700px;
	margin:0.5em auto 0 auto;
	padding:0 0 0 0.5em;
	color:#fff;
}

.video_story_p1{
	float:left; 
	margin:0 0 0 0;
	width: 200px;
	text-align:left;
	/*border:1px solid white;*/
	z-index:0;
}

.video_story_p2{
	float: left;
	margin: 0 0 0 3.7em;
	width: 200px;
	text-align:left;
	/*border:1px solid white;*/
	opacity:1;
	z-index:0;
}

.video_story_p3{
	float: right;
	margin: 0 0 0 0;
	width: 200px;
	text-align:left;
	/*border:1px solid white;*/
	opacity:1;
	z-index:0;
}

/*------------------------academia------------------*/

#AcademicParagraphContainer{
	height:auto;
	width:775px;
	margin:0.5em auto 0 auto;
	padding:0 0 0 0;
	color:#fff;
	/*border:1px solid white;*/
	
}

.symbolStarGold{
	color:#E9AB17;
	padding:0 0 0 6px;
}

.academic_honors{
	float:left; 
	margin:0.5em auto 0 auto;
	width: 775px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	/*border:1px solid white;*/
}

.academic_story_p1, .academic_story_p2{
	float:left; 
	margin:1em 0 0 9em;
	width: 250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	/*border:1px solid white;*/
}

.academic_story_p3{
	float: right;
	margin: 1em 9em 0 0;
	width: 250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	z-index:2;
	/*border:1px solid white;*/	
}

/*------------------------philosophy------------------*/

#PhilosophyParagraphContainer{
	height:auto;
	font-size:13px;
	/*border:1px solid white;*/
	width:550px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
}

.philosophy_story_p1{
	float:left; 
	margin:1em 0 0 0em;
	width: 550px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	/*border:1px solid white;*/
}

/*------------------------about------------------*/
#containerAbout{
	position:absolute;
	background-color:#424242;
	max-width:900px;
	min-width:900px;
	height:484.25px;
	display:none;
	opacity:.85;
	margin-left:auto;
	margin-right:auto;
	top:7em;
	z-index:0;
	/*border:1px solid white;*/
}

#AboutParagraphContainer{
	height:auto;
	width:515px;
	margin:1.5em auto 0 auto;
	color:#fff;
	/*border:1px solid white;*/
	
}

.about_story_p1{
	float:left; 
	margin: 0 0.5em 0 0;
	width: 225px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-right:0.5em;
	padding-left:0.5em;
	/*border:1px solid white;*/
}

.about_story_p2{
	float: right;
	margin: 1.5em 0 0 0;
	width: 250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	padding-right:0.5em;
	padding-left:0.5em;
	z-index:0;
	/*border:1px solid white;*/
}

.floatimgleft {
	float:left;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:0px;
	display:inline; 
	overflow:hidden;
	color: #151B8D;
	/*border:1px solid white;*/	
}

.caption
{   margin:0.5em 0 0 0;
    float: left;
    position: absolute;
	cursor: pointer;
	font-size:15px;
	color: #fff;
	/*border:1px solid white;*/
}

/*------------------contact ----------------*/

#contact{
	margin-top:0em;
	/*border:1px solid blue;*/
	height:38em;
}

.item {
	float: left;
	width: 100%;
	padding: 2px 0;
}	
		
.item .mail {
	font-size:11px;
	text-align:center;
	width: 618px;
	border:1px solid red;
	top:0;
}
		
#mailnote{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1.25em;
	margin-bottom:1.0em;
	padding-top:1em;
	/*border-top:1px solid #000000;*/
	color:#fff;
}

#note {
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #992222;
	border: 1px #f0c020 solid;
	display: none;
	background-color:#ffffdd;
	text-align: center;
	margin-bottom: 10px;
}

.notification_ok {
	color: #229922;	
}

form {
  	padding: 20px 0;
  	margin: 0;
}

label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	float: left;
	width: 110px;
	font-weight: normal;
	padding: 5px;
	color:#fff;	
}

#contact label {
	font-size: 15px;
	text-align:right;	
}

#title {
	position:relative;
	font-size: 13px;
	float:left;
	width:auto;
	text-align:left;
	margin:0 0 0 1em;	
	color:#000;
}

#input, #textarea{
	padding: 8px;
	font: 400 18px Arial, Helvetica, sans-serif;
	background: url(../images/field_bg.png) no-repeat top left;
	border-width: 1px;
	border-style: solid;
	border-color: #d2d2d2 #e2e2e2 #e2e2e2 #d2d2d2; 
}

.textbox-block {
	width: 138px;
}

input:focus,
textarea:focus{  
  	color: #000;
	font: 400 18px Arial, Helvetica, sans-serif;
	/*background-color: #1B2A0A;*/
}

#fields{
	margin:-1.5em auto 0 auto;
	width:37.5em;
	padding:0 0 0 3em;
}

#name, #email, #subject{
	font-size:15px;
	width:250px;
	height:18px;
}

#message{
	width:325px;
	height:90px;
	font: 400 18px Arial, Helvetica, sans-serif;
}

.form-submit {
	background: #555;
	border: 0;
	cursor: pointer;
	margin: 0;
	padding: 2px 0;
	float: left;
	font-size: 15px;
	margin-left:4em;
}

.form-submit span {
	padding: 5px 5px;
	color: #FFFFFF;
	float: left;
	border: 1px #848484 solid;
	font-size: 23px;
	font-family: Arial,Helvetica,sans-serif;
}

.form-submit:hover {
	color: #fff;
}

.form-submit {
	line-height: 39px;
	height: 44px;
	background: url(../images/submit_button.png) no-repeat top left;
	margin-top: 0px;
	width: 91px;
	margin-right: 5px;
	cursor: pointer;
	color: #ddd;
}

.form-submit:hover {
	background: url(../images/submit_button.png) no-repeat left -138px;
	color: #FFFFFF;
}

.required{
	color:#000;
	font-size:12px;
	text-align:right;
}

.is_required{
	color:#fff;
	font-size:12px;
	/*margin:-0.5em auto 1.5em auto;*/
	margin-top:-0.5em;
	margin-right:auto;
	margin-bottom:1.5em;
	margin-left:29.5em;
}

.textblock {
	font-size:17px;
	font-family: Arial,Helvetica,sans-serif;
	font-style: italic;
	padding:0px 0px 0px 0px;
	text-align:center;
	margin-top:-10px;
}

#submit{
	margin-left:-6.3em;
}

/*----- footer -----*/ 

#footer{
	filter: alpha(opacity = 50);/*ie fix*/
}

#slideshow {
	position:absolute;
	bottom:-2em;
	margin-left:auto;
	margin-right:auto;
	background:#424242;
	/*background: url(../images/jpg/slideShow.png); */
	max-width:900px;
	min-width:900px;
	height:100px;
	z-index:0;
	text-align:center;
	padding-top:15px;
	font-size:12px;
	opacity:.75;
	/*filter: alpha(opacity = 80);/*ie fix*/
	margin:0 0 0 0;
	/* border:1px solid red; */  
}

.slides{
	background:none;
	/*border:1px solid red;	*/
	
}

#slideshow ul {
	margin: 0 0 0 3.5em;
	padding: 0;
	list-style-type: none;
	/* height: 1%;  IE fix */
}

#slideshow ul:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	/*visibility: hidden; */
}  

*+html #slideshow .slides ul li {
	text-align:center;
	float:left;
	margin:0 0 0 -1.75em;
	/*filter: alpha(opacity = 80);/*ie fix*/
}

/*---drop shadows ---*/

.dropShadow {
	box-shadow:5px 5px 5px #111;
	-o-box-shadow:5px 5px 5px #111;
	-moz-box-shadow:5px 5px 5px #111;
	-webkit-box-shadow:5px 5px 5px #111;
	-khtml-box-shadow:5px 5px 5px #111;	
}

.allCornersRound {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-radius-topleft: 5px;
	-khtml-border-radius-topright: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomright: 5px;
	-opera-border-top-left-radius: 5px;   
	-opera-border-top-right-radius: 5px;   
	-opera-border-bottom-left-radius: 5px;   
	-opera-border-bottom-right-radius: 5px;
	 border-radius: 5px 5px 5px 5px;
}

.dropShadowAllCornersRound {
	box-shadow:5px 5px 5px #111;
	-o-box-shadow:5px 5px 5px #111;
	-moz-box-shadow:5px 5px 5px #111;
	-webkit-box-shadow:5px 5px 5px #111;
	-khtml-box-shadow:5px 5px 5px #111;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-topleft: 5px;
	-khtml-border-radius-topright: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomright: 5px;   
	-opera-border-top-left-radius: 5px;   
	-opera-border-top-right-radius: 5px;   
	-opera-border-bottom-left-radius: 5px;   
	-opera-border-bottom-right-radius: 5px;
	 border-radius: 5px 5px 5px 5px;
}

.dropShadowBottomCornersRound {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;	
}