body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	padding:0px;
	margin:0px;
	/*background:#482c4a;
	background:#5a7b13;*/
	/*background-image:url('http://jabirooz.com/images/photos/australia%20(36%20of%20102).jpg?quality=80&maxWidth=1500');
	background-position:left top;
	background-attachment:fixed;
	width:100%;*/
}
.rssFeed
{
    max-width:100%;
    min-width:200px;
    color:White;
    font-size:50%;
    display: table-cell;
    z-index: 10;
    clear:both;
     width:auto !important;
     border-left:1px solid white;
     background:#222222;
     -moz-box-shadow: inset -50px -40px 15px 20px rgba(0, 0, 0, .7);
-webkit-box-shadow: inset -50px 0px 55px 20px rgba(0, 0, 0, .7);
box-shadow: inset -50px 0px 55px 20px rgba(0, 0, 0, .7);
}
.rssFeed a:visited
{
    color:White;
}
.rssFeed a
{
    color:White;
}
.rssFeed a:hover
{
    color:grey;
}
.rssFeed ul
{
    list-style:none;
    padding:0px;
    display:table;
    width:100%;
}
.rssFeed ul li:nth-child(odd)
{
   /* background-color:#111111 !important;*/
    background-color: rgba(0, 0, 0, 0.3);
}
.rssFeed ul li div:first-child{
    padding-left:3em;
}
.rssFeed ul li div:nth-child(2){
    padding-right:3em;
}
.rssFeed ul li
{
    padding-top:.6em;
    padding-bottom:.6em;
   /* padding-left:3em;
    padding-right:3em;*/
    display:table;
    width:100%;
}
.titleFont{
	font-size:300%;
	text-align:center;
	font-weight:bold;
	/*color:#e9a5ef;*/
	text-shadow: 3px 3px 3px #222;
	color:#efe7a5;
	margin-top:0 auto;
	display:inline-block;
}
.titleFont p{
	font-size:24px;
	font-weight:normal;
	color:white;
	text-shadow: none;
}
.titleFont .highlight{
	color:white;
}
.highlight{
	position:relative;
	display:inline-block;
	overflow:hidden;
}
#title{
	position:fixed !important;
	margin: 0 auto; 
	width:100%;
	min-width:700px;
	overflow:hidden;
	z-index:504;
}
.contentTitle{
	text-align:center;
	width:100%;
}
#menu{
	width:100%;
	min-width:700px;
	height: 0px;
	overflow:hidden;
	position: absolute;
	bottom:0px;
	border-top: 1px solid black;
	text-align:center;
	/*background:#cdefa5;*/
	background:#334a32;
	cursor:pointer;
	z-index:505;
	}
.content
{
	width:auto;
	/*height:3000px;*/
	display:block;
	/*background:#edd9ef;
	background:white;
	text-align:center;*/
   /*-moz-box-shadow:    inset 0 0 60px #000000;
   -webkit-box-shadow: inset 0 0 60px #000000;
   box-shadow:         inset 0 0 60px #000000;*/
  /* overflow:hidden;*/
   padding-top:0px;
   margin-top:0px;
}
.content div{
	width:95%;
	margin: 0 auto;
	padding:1em;
}
ol li{
	font-size:60% !important;
	margin-left:30em !important;
	padding:.25em;
}
.content h1{
	color:#3e550d;
	font-size:130%;
}
.container{
	border:1px solid black;
	margin-bottom:1em;
	width:95%;
	float:left;
	background:white;
	min-width:400px;
	box-shadow: 10px 10px 5px #888888;
	min-height:210px;
	padding:1em;
}
.container:first-child{
	padding:0px;
	max-width:1024px;
	width:100%;
	height:210px !important;
}
.container p{
	font-size:60%;
	font-weight:normal;
}
.content p{
	font-size:60%;
	color:#black;
	font-weight:normal;
	margin-left:3em;
}
h1{
	text-align:left;
}
h2{
	margin-left:1em;
	margin-right:1em;
	font-size:75%;
	width:auto;
	border-bottom:1px solid black;
}
.projectTitleEven{
	/*background-color:#333;*/
	background-color:white;
	/*color:white;*/
	color:Black;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-top:10px !important;
text-align:left;
/*padding-bottom:10px !important;
margin-bottom: .5em !important;*/
}
.projectTitleOdd{
	/*background-color:#555;
	color:white;*/
	background-color:White;
	color:Black;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-top:5px !important;
text-align:left;
/*padding-bottom:5px !important;
margin-bottom:1em !important;*/
}
.projectTitle h2{
	color:#ffe897;
	border-bottom:1px solid white;
}
#bubbles{
	position:absolute;
	width:100%; 
	min-width:700px;
	top:0px; 
	overflow:hidden;
	z-index:503;
}
#bubbles2{
	position:absolute;
	width:100%; 
	min-width:700px;
	top:0px; 
	overflow:hidden;
	z-index:502;
}
.shadow
{
    width:100%;
    -moz-box-shadow: -5px 10px 10px 10px #888;
-webkit-box-shadow: -5px 10px 10px 10px #888;
box-shadow: -5px 10px 10px 10px #888;
}
.contentDiv
{
    font-size: 200%;
    padding-top:100px !important;
}
.bodyContent{
	width:95%;
	text-decoration:none;
	list-style:none;
	margin:0px auto;
	max-width:1024px;
	padding:0px;
	clear:both;
	min-width:400px;
	position:relative;
	z-index:1;
	text-align:left;
}
.menu_top
{
    position:fixed;
    z-index:501;
    left:0px;
    top:0px;
    width:100%;
    text-align:right; 
    min-width:700px;
}

.tweet {position:relative; padding:5px !important; padding-left:15px !important; border-left:1px solid gray;}

.tweet:before{content:''; width:20px; height:1px; background:gray; position:absolute; top:-1px; left:-1px;}

.tweet:after{content:''; width:20px; height:1px; background:gray; position:absolute; bottom:-1px; left:-1px;}
.socialFeed
{
    display:inline-block;
    padding:10px;

}
.link{
	font-size:75%;
}
.socialFeed img, img 
{
    border-style: none;
}
.menuItems
{ 
    list-style:none;
    margin:0px;
    padding:0px;
    font-size:60%;
	font-weight:bolder;
    text-align:left;
    margin-left:50px;
}
.menuItems li
{
    display:inline-block;
    padding:10px;
    border:solid black 1px;
    position:relative;
    top:1px;
    margin-right:5px;
    cursor: pointer;
    z-index:199;
    background:white;
	color:#5A7B13;
    color:#688033;
}
.menuItems li:hover{
	/*background:#ADDF40;
	color:white;*/
	background-color:#d4fa81 !important;
	color:#475823;
}
.menuCurrent{
	background:#d4fa81 !important;
	color:#475823 !important;
}
.menuItems li:click{
	background:green;
}
.bottomMenu{
	display:none;
	background:#272726;
	text-align:left;
	color:#2d3e0a;
	font-size:75%;
	padding:10px;
	padding-top:5px;
	padding-bottom:4px;
	top:-10px;
}
.bottomMenu span:hover{
	background:white;
}
.bottomMenu span a{
	text-decoration:none;
	color:#ccc;
	font-weight:bold;
}
.bottomMenu span:hover a{
	color:black;
}

.bottomMenu span{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	background:NONE;
	margin-right:10px;
}
.name
{
    display:inline-block;
	overflow:hidden;
	position:relative;
}
.setFont{
	font-size:300%;
	text-align:center;
	font-weight:bold;
	/*color:#e9a5ef;*/
	text-shadow: 3px 3px 3px #063607;
	color:#efe7a5;
}
.noWidth{
    overflow: hidden;
    display: inline-block;
	position:absolute;
	margin-top:20px;
}
.noWidth span{
	/*display:none;*/
	position:relative;
	left:-500px;
	overflow:hidden;
}
.showWidth{
    overflow: hidden;
    display: inline-block;
}
.examplePages{
	list-style:none;
	
}
.examplePages li {
	display:inline-block;
	border: 1px solid black;
	height:500px;
	width:33%;
	min-width:600px;
}
@-webkit-keyframes 'intro' {
    0%{   
        opacity: 0;
        z-index:1;
        -webkit-transform-style: preserve-3d;
    }
    30%{
        opacity: 0;
        z-index:1;
        -webkit-transform: translate3d(-100%,0,10px) ;
    }
    100%
    {
        z-index:1;
        -webkit-transform:  translate3d(0,0,0);
    }
}
@-moz-keyframes 'intro' {
    0%{   
        opacity: 0;
    }
    30%{
        opacity: 0;
        -moz-transform: translate(-100%,0) ;
    }
    100%{
        -moz-transform:  translate(0,0);
    }
}
@-webkit-keyframes 'intro' {
    0%{   
        opacity: 0;
        z-index:1;
    }
    30%{
        opacity: 0;
        z-index:1;
		transform: translate(-100%,0) ;
    }
    100%
    {
        z-index:1;
		transform:  translate(0,0);
    }
}
@-webkit-keyframes 'intro2' {
    0%{   
        opacity: 0;
        z-index:1
        -webkit-transform-style: preserve-3d;
    }
    30%{
        opacity: 0;
        z-index:1;
        -webkit-transform: translate3d(0px,-100px,10px) ;
    }
    100%
    {
        z-index:1
        -webkit-transform:  translate3d(0,0,0);
    }
}
.title
{
    color:White; 
    margin-left:20px !important;
    margin-bottom:20px !important; 
    font-size:200% !important;
}
.ContactMe
{
    position:fixed;
    bottom:-10px;
    height:80px;
    width:100px;
    z-index:10;
    right:.75em;
    -moz-box-shadow: 2px 2px 5px #222;
    -webkit-box-shadow: 2px 2px 5px #222;
    box-shadow: 2px 2px 5px #222;
    font-size:70%;
    text-align:center;
    background:#ADDF40 !important;
    color:#688033;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display:none;
    border:none;
    cursor:pointer;
}
.ContactMe:hover, .button:hover
{
    background-color:#d4fa81 !important;
    color:#475823 !important;
}
@-webkit-keyframes 'contact' {
    0%{   
        opacity: 0;
        -webkit-transform-style: preserve-3d;
        bottom:-10px;
    }
    30%{
        opacity: 0;
        -webkit-transform: translate3d(0px,50px,10px) ;
    }
    100%{
        -webkit-transform:  translate3d(0,0px,0px);
    }
}
@-moz-keyframes 'contact' {
    0%{   
        opacity: 0;
        -webkit-transform-style: preserve-3d;
        bottom:-10px;
    }
    30%{
        opacity: 0;
        -webkit-transform: translate3d(0px,50px,10px) ;
    }
    100%{
        -webkit-transform:  translate3d(0,0px,0px);
    }
}
@keyframes 'contact' {
    0%{   
        opacity: 0;
        -webkit-transform-style: preserve-3d;
        bottom:-10px;
    }
    30%{
        opacity: 0;
        -webkit-transform: translate3d(0px,50px,10px) ;
    }
    100%{
        -webkit-transform:  translate3d(0,0px,0px);
    }
}
@-moz-keyframes 'intro2' {
    0%{   
        opacity: 0;
        z-index:1
    }
    30%{
        opacity: 0;
        z-index:1;
        -moz-transform: translate(0,-100px) ;
    }
    100%
    {
        z-index:1;
        -moz-transform:  translate(0,0);
    }
}
@keyframes 'intro2' {
    0%{   
        opacity: 0;
        z-index:1;
    }
    30%{
        opacity: 0;
        z-index:1;
		transform: translate(0px,-100px) ;
    }
    100%
    {
        z-index:1;
		transform:  translate(0,0);
    }
}
@media all {
MY\:headerTitle
{
    padding:1em;
    display:block;
	padding-bottom:.5em;
}
} 
.header{
	padding-left:1em !important;
	padding-right:1em !important;
	padding-top:1px !important;
	padding-bottom:1px !important;
	width: auto !important;
	margin-bottom:0 !important;
	/*background:black;*/
	border:1px solid black;
	position:relative;
	margin-top:125px !important;
	margin-left:.5em !important;
	margin-right:.5em !important;
	padding-bottom:0 !important;
	-webkit-animation: intro2 2s ease-in;
	-moz-animation: intro2 2s ease-in;
	z-index:10 !important;
}

.clearAnimation{
	-webkit-animation: null;
	-moz-animation: null;
}
textarea { overflow: auto; }
.button{
	/*background:#5A7B13;*/
	background:#ADDF40 !important;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding:10px;
	font-size:125%;
	font-weight:bold;
	color: #688033 !important;
	border:none;
	margin-top:20px;
	cursor:pointer;
	margin-top:10px;
	text-decoration:none;
}
.red{
	color:red;
}
.header h1
{
    color:black;
    font-weight:normal;
    font-size:115%;
    text-align:right;
    margin-right:1em;
	margin:0px;
} 
.tabs:hover .menuItems{
/*	 -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;*/
	position:relative;
	z-index:0;
	opacity:1;
	/*top:0px;*/
}
.menuItems{
/*	 -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;*/
	position:relative;
	z-index:0;
	opacity:1;
	/*top:40px;*/
}
.tabs{
	max-width:1024px;
	width:100% !important;
	display:inline-block;
/*	-webkit-animation: intro 5s ease-in-out;
	-moz-animation: intro 5s ease-in-out;*/
}
#headerName{
	color:white;
}
.example{
	padding:0px; width:auto; margin-left:1em; margin-right:1em; clear:both;
	/*-webkit-animation: intro 5s ease-in-out;
	-moz-animation: intro 5s ease-in-out;*/
	text-align:center;
}
@-webkit-keyframes reset {
    0%{   
		opacity: 0;
    }
    100%{
		opacity: 0;
    }
}
@-webkit-keyframes fade-in {
    0%{   
		opacity: 0;
        -webkit-transform-style: preserve-3d;
    }
    30%{
		opacity: 0;
        -webkit-transform: translate3d(0px,50px,0) ;
    }
    100%{
		opacity: 1;
        -webkit-transform:  translate3d(0,0,0);
    }
}
@-moz-keyframes fade-in {
    0%{   
		opacity: 0;
    }
    30%{
		opacity: 0;
        -moz-transform: translate(0px,50px) ;
    }
    100%{
		opacity: 1;
        -moz-transform:  translate(0,0);
    }
}
@-ms-keyframes fade-in {
    0%{   
		opacity: 0;
    }
    30%{
		opacity: 0;
		-ms-transform: translate(0px,50px) ;
    }
    100%{
		opacity: 1;
		-ms-transform:  translate(0,0);
    }
}
@keyframes fade-in {
    0%{   
		opacity: 0;
		transform-style: preserve-3d;
    }
    30%{
		opacity: 0;
		transform: translate3d(0px,50px,0) ;
    }
    100%{
		opacity: 1;
        transform:  translate3d(0,0,0);
    }
}
.fadeIn {
position:relative;
display:inline-block;
-webkit-animation-name: reset, fade-in;
-webkit-animation-duration: 2s;
-webkit-animation-timing-function: ease-in;
-webkit-animation-iteration-count: 1;
-moz-animation-name: reset, fade-in;
-moz-animation-duration: 2s;
-moz-animation-timing-function: ease-in;
-moz-animation-iteration-count: 1;
animation-name: reset, fade-in;
animation-duration: 2s;
animation-timing-function: ease-in;
animation-iteration-count: 1;
-ms-animation-name: reset, fade-in;
-ms-animation-duration: 2s;
-ms-animation-timing-function: ease-in;
-ms-animation-iteration-count: 1;
}
.fadeIn.one{-webkit-animation-delay: 0, .5s; animation-delay: 0, .5s; -ms-animation-delay: 0, .5s; -moz-animation-delay: 0, .5s;}
.fadeIn.two{-webkit-animation-delay: 0, 1s; animation-delay: 0, 1s; -ms-animation-delay: 0, 1s; -moz-animation-delay: 0, 1s;}
.fadeIn.three{-webkit-animation-delay: 0, 1.5s; animation-delay: 0, 1.5s; -ms-animation-delay: 0, 1.5s; -moz-animation-delay: 0, 1.5s;}
.fadeIn.four{-webkit-animation-delay: 0, 2s; animation-delay: 0, 2s; -ms-animation-delay: 0, 2s; -moz-animation-delay: 0, 2s; }
/*.content{
	height:100%;
	min-height:100% !important;
}
body{
	height:100%; 
	min-height: 100%;
}*/
.body
{
    padding-bottom:51px !important;
    position:relative;
    z-index:9;
}	
html, body, .content {/* height: 100%; */}
body > .content { height: auto; min-height: 50%; }
.content {
/*min-height: 100%;
height: auto !important;
height: 100%;*/
}
.content div {
padding:0px;
width:inherit;
}
.welcome
{
    font-size:200%;
    text-align:center;
    position:absolute; top:40%; height:840px; margin-top:-75px !important; min-height:0px;
    display:block !important;
    width:100% !important; 
}

.footer{
	background:#000;
	height:50px;
	margin:0px !important;
	padding:0px !important;
	width:100% !important;
	position:relative;
	border-top:1px solid black;
	text-align:right !important;
	margin-top: -51px !important;
	clear:both;
	z-index:10;
	<%if split(Thispage, extension)(1) = "index2.asp" then %>dispaly:none<%end if%>
}
.contact
{
    background:#3D3D3D;
    margin:0px !important;
	padding:0px !important;
	width:100% !important;
	position:relative;
   /*-moz-box-shadow:    inset 0px 20px 15px -5px rgba(0,0,0,.7) ;
   -webkit-box-shadow: inset 0px 20px 15px -5px rgba(0,0,0,.7) ;
   box-shadow:         inset 0px 20px 15px -5px rgba(0,0,0,.7) ;*/
   z-index:10;
}
html, body {
height: 100%;
}