@import url(levelplay.css);
html {
     overflow: -moz-scrollbars-vertical;}
body
{
	background: #fff url(../images/watermark.gif) no-repeat fixed;
	color: #000;
	font: 80% verdana, arial, helvetica, sans-serif, non-serif;
	height: 100%;
}

.skip   {  position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden; }

#top
{
	background: #fff url(../images/t_head.gif) bottom repeat-x;
	padding: 2px;
}

@media all and (max-width: 700px) {
 .icon
{
	display:none;
}

}
#top a
{
	color: #660000;
}
#top a:visited
{
	color: #000;
}
#top a:active
{
	background-color: #f5caaf;
	color: #000;
}
#head1
{
	background: #EA8A51 url(../images/fade1.gif) left;
	font-size: 75%;
}

#face
{
	background: #fff url(../images/faces1.jpg) 41% 0% no-repeat;
	font-size: 75%;
	line-height:2;
	height:180px;
}

@media all and (max-width: 700px) {
#face
{
	background: #fff url(../images/faces1.jpg) 45% 30% no-repeat;
	font-size: 75%;
	line-height:2;
	height:80px;
}

}

#head2 h1
{

	color: #cc0000;
	font-size: 146%;
	font-weight: bold;

	letter-spacing: 6px;
	padding: 0;
	right: 1px;
	text-align: center;
	margin:0;
	width: 98%;
}
#site
{
	background: #fff;
	right: 1px;
	text-align: right;
}

#thisone
{
	left: 6px;
	position: absolute;
	top: 12em;
	width: 19.5em;
}

#title
{
	line-height: 2;
	border-left: 1px solid #cc0000;
	border-right: 1px solid #cc0000;
	border-top: 3px dashed #cc0000;
	width: 98%;
	background:transparent;
	white-space:nowrap;
	position:relative;margin:0;padding:0;
}



#title2, #title1
{
	line-height: 2;
	width: 98%;
	background-color:#fff;margin:0;padding:0;
	white-space:nowrap;
	position:relative;2;
	border: 2px solid #cc0000;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px; }
	
#title h2, #title2 h2, #title1 h2
{
	margin: 0 6px;
	color: #130ee9;
	font-size: 200%;
	font-weight: bold;
	letter-spacing: 6px;
	-moz-text-shadow: .2em .2em .4em #fff;
	-webkit-text-shadow: .2em .2em .4em #fff;
	text-shadow: .2em .2em .4em #fff;
}
#leftcontent
{
	background: transparent url(../images/nav_back1.png) repeat-y;
	border-bottom: 3px dashed #cc0000;
	border-top: 3px dashed #cc0000;
	padding: 0 2px 2px;
	width: 98%;margin:0;
}

#leftcontent2 
{
	background: transparent url(../images/nav_back1.png) repeat-y;
	border:none;color:#000;
	padding: 0 2px 2px;
	width: 98%;
}
#leftcontent ul
{
	clear: both;
	font: bold 134% verdana, arial, sans-serif;
	list-style-type: none;
	margin: .25em 0 0 .7em;
	padding: 10px 0 0 0;
	text-align: left;
}
#leftcontent ul li
{
	background: transparent url(../images/pointer.gif) no-repeat;
	margin: 2px 2px 1.5em 2px;
	padding: 0 2px 0 10px;
	text-align: left;
}
#leftcontent ul li a:hover
{
	border-bottom: 3px dotted #cc0000;
	color: #cc0000;
	text-decoration: none;
}
#leftcontent ul li a
{
	border-bottom-style: none;
	color: #2D0F02;
	font: bold 90% verdana, arial, sans-serif;
	text-align: left;
	text-decoration: underline;
}

@media all and (max-width: 700px) {
 #site
{
	background: #fff;
	right: 1px;
	text-align: right;
	margin-top:-.2em;
}
 #thisone
{
	margin: -1em auto .1em auto;
	width: 96%;
}
#title
{
	border:0;
	width: 95%;
	background:transparent;
	white-space:nowrap;
	position:relative;margin:0;padding:0;
}
#head2 h1
{
	color: #cc0000;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 6px;
	padding: 2px 0;
	right: 1px;
	text-align: center;
	margin:0;
	width: 98%;
}
#title h2
{
	margin: 0 6px;
	color: #130ee9;
	font-size: 85%;
	font-weight: bold;
	letter-spacing: 3px;
	-moz-text-shadow: .2em .2em .4em #fff;
	-webkit-text-shadow: .2em .2em .4em #fff;
	text-shadow: .2em .2em .4em #fff;
}
#leftcontent
{
	background: transparent;
	padding: 0 2px 2px;
	width: 98%;margin:0;
	border:0;
}
#leftcontent ul
{
	clear: both;
	font: bold;
	list-style-type: none;
	margin: 0 0 0 .2em;
	padding: 3px 0 0 0;
	text-align: left;
}
#leftcontent ul li
{
	background-image: none;
	margin: 2px;
	padding: 2px;
	text-align: left;
	float:left;
	font-size:80%;
}

}

body.home #leftcontent ul li a.home1, body.home1 #tabs a.home1, 
body.design #leftcontent ul li a.design1, body.design #leftcontent ul a.design1,
body.develop #leftcontent ul li a.develop1, body.develop #leftcontent ul a.develop1,
body.manage #leftcontent ul li a.manage1, body.manage #leftcontent ul a.manage1,
body.cms #leftcontent ul li a.cms1, body.cms #leftcontent ul a.cms1,
body.use #leftcontent ul li a.use1, body.use #leftcontent ul a.use1,
body.quick #leftcontent ul li a.quick1, body.quick #leftcontent ul a.quick1,
body.nonprofit #leftcontent ul li a.nonprofit1, body.nonprofit #leftcontent ul a.nonprofit1
body.art #leftcontent ul li a.art1, body.art #leftcontent ul a.art1
{
	border-bottom: 3px dotted #cc0000;
	color: #cc0000;
	text-decoration: none;
}
#centercontent
{
	background: transparent;
	height: 100%;
	margin-left: 20em;
	margin-right: .5em;
	min-height: 100%;
	padding: 0 4px 4px;
}

#rightcontent
{
	background: transparent url(../images/backgrd1.png) repeat-y;
	border-bottom: 2px dashed #C13902;
	border-top: 2px dashed #C13902;
	float: right;
	font-size: 70%;
	margin: .5em 1em .5em .8em;
	padding: 6px 0 0 3px;
	width: 17.6em;
}

@media all and (max-width: 700px) {
#centercontent
{

	width:98%;
	background: transparent;
	height: 100%;
	margin:12em .5em .3em 1em;
	min-height: 100%;
	padding: 0 4px 4px;

}
#rightcontent
{
	display:none
}

}
#rightcontent p
{
	font-size: 110%;
}
#rightcontent p:first-line
{
	color: #130ee9;
	font-size: 120%;
	letter-spacing: 0;
}
#footer
{
	background: #EA8A51;
	background-image: url(../images/t_head.gif);
	bottom: 10px;
	font-family: verdana, arial, helvetica, sans-serif, non-serif;
	font-size: 120%;
	height: 1.5em;
	text-align: center;
	width: 100%;
}

@media all and (max-width: 700px) {
	#footer
{
	clear:both;
	background: #EA8A51;
	background-image: none;
	bottom: 10px;
	font-family: verdana, arial, helvetica, sans-serif, non-serif;
	font-size: 120%;
	height: 1.5em;
	text-align: center;
	width: 100%;
}
	.one { width: 200px}
	.footLink { display:none; }
}
#right
{
	float: right;
	font-size: 90%;
	right: 10px;
}
#left
{
	float: left;
}
#clear
{
	clear: both;
}
p,h1,pre
{
	margin: 0 10px 10px 10px;
}
h1
{
	color: #130ee9;
	font-size: 170%;
	font-weight: bold;
	letter-spacing: 6px;
}
#statement h2
{
	color: #cc0000;
	font-size: 130%;
	font-weight: bold;
	left: 20px;
	letter-spacing: 8px;
	margin-bottom: 6px;
	margin-top: 6px;
	text-indent: 6px;
}
h3
{
	color: #cc0000;
	font-size: 120%;
	font-weight: bold;
	left: 20px;
	letter-spacing: 8px;
	margin-bottom: 6px;
	margin-top: 6px;
	text-indent: 6px;
}
h4
{
	color: #000;
	font-family: verdana,arial, helvetica, sans-serif, non-serif;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 8px;
}
hr
{
	border: 1px inset;
}

.sitemap
{

	width:80%;
	margin:1.5em auto;
}
#centercontent ul
{
	margin-left: 1em;
}
#centercontent ul li
{
	margin-left: 1em;
	padding: .5em;
}
#leftcontent li:first-line
{
	color: #990000;
	font-size: 80%;
	font-weight: bold;
	letter-spacing: 0;
}
caption
{
	color: #990000;
	font-size: 75%;
	letter-spacing: 2px;
}
table
{
	border: 2px solid #990000;
	padding: 4px;
	width: 98%;
}
th
{
	background: transparent;
	border-bottom: 2px solid #990000;
	color: #da980a;
	text-align: left;
	vertical-align: bottom;
}
td
{
	border-bottom: 2px solid #000;
	margin: 2px;
	padding: 2px;
	vertical-align: top;
}
A:link
{
	color: #990000;
	text-decoration: underline;
}
A:visited
{
	color: #000;
	text-decoration: underline;
}
A:active
{
	color: #cc0000;
	text-decoration: underline;
}
A:hover
{
	color: #ff0000;
	text-decoration: underline;
}
.heading
{
	color: #ccc;
	font-family: verdana, arial, helvetica, sans-serif, non-serif;
	font-weight: bolder;
}
.footnote
{
	font-size: 75%;
}
.since
{
	color: #fff;
	font-family: Times New Roman, helvetica, arial;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
}
.dev
{
	left: 5px;
	position: absolute;
	top: 55px;
	visibility: hidden;
	z-index: 3;
}
a:visited.home1
{
	color: #ffcc33;
	font-size: 80%;
	text-decoration: none;
}
a:link.home1
{
	color: #fff;
	font-size: 80%;
	text-decoration: none;
}
a.home1:hover
{
	color: #ffffff;
	font-size: 80%;
	text-decoration: underline;
}
#statement, #statement2
{
	background-color: #cc0000;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 8px;
	line-height: 1.9em;
	vertical-align: middle;
	width: auto;
}

#statement2  {  margin-top:.8em;  }
#statement h2, #statement2 h2
{
	color: #fff;
	font-size: 100%;
	padding: 2px;
}
#statement h2:first-letter, #statement2 h2:first-letter
{
	color: #000;
	font-size: 230%;
	letter-spacing: 0;
	padding-top: 4px;
}
#statement p:first-letter, #statement2 p:first-letter
{
	color: #000;
	font-size: 230%;
	letter-spacing: 0;
	padding: 2px;
}
.name
{
	color: #cc0000;
	font-weight: bold;
	letter-spacing: 8px;
	text-align: right;
}
img
{
	border: none;
}
img.i
{
	margin-top: 2px;
}
.emph
{
	font-size: 90%;
	font-variant: small-caps;
}
#method
{
	width: 70%;
}
#subject
{
	width: 90%;
}
legend
{
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 6px;
}
.button
{
	background-color: #EA8A51;
	border-bottom: 1px #cc0000 solid;
	border-left: 1px #2D0F02 solid;
	border-right: 1px #2D0F02 solid;
	border-top: 1px #aac7e5 solid;
	color: #fff;
	font-size: 7pt;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 20px 0 0 5px;
}
.emp
{
	font-size: 131%;
	padding-top: .5em;
}


ul.gallery {
	width: 98%;
	list-style: none;
	margin: 1em auto;
}

ul.gallery li {
	float: left;
	margin: .2em auto;
	text-align: center;
	border: 2px solid #cc0000;
	-moz-border-radius: 5px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 5px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 5px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 280px; /*--Width of image--*/
	height: 150px; /*--Height of image--*/
	padding: .3em 0 0;
	border-bottom: 1px solid #333;
	border-top: 1px solid #fff;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 280px;
	height: 150px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li h2 {
	font-size: 130%;
	font-weight: normal;
	padding: .3em;
	background: #000;
	border-top: 1px solid #666; 
}
ul.gallery li a {text-decoration: none; color: #fff; display: block;}

.return  {  font-size:120%;font-weight:bold;  }
.cloud   {   padding:.4em;float:left;border:2px solid #cc0000;-moz-border-radius: 5px;-khtml-border-radius:5px;-webkit-border-radius: 5px;margin:.3em .3em 0 0;  }

.cloudHolder   {  margin-left:1em;padding:.7em;overflow:hidden;  }

#thisone2  {  left: 6px;
	position: absolute;
	top: 7em;
	width: 19.25em;margin-top:5em; }
	
.cloudHead   {  margin-left:1.6em;text-align:center;  }

#container  { display:inline-block; margin-top:1em; }

form  {
	width:63%;
	float:left;
	margin:1em 0;
	}		
	

legend   {
	font-size:140%;
	background-color:#fff;
	margin:0 0 1.5em .5em;
	}
	
input.length   {
	width:90%;
	margin-left:.5em;	
	}

textarea   {
	width:90%;
	margin-left:.5em;	
	}
	
label  {
	font-weight:bold;
	margin-left:.5em;
	}
	
	
.smallBR  { font-size:1%;line-height:.01  }
	
.button {
	background-color: #d07e6e;
	border-bottom: 2px #d07e6e solid;
	border-left: 2px #ccccff solid;
	border-right: 1px #000 solid;
	border-top: 1px #000 solid;
	color: #fff;
	font-size: 75%;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 10px 0 0 2em;
	Padding:1px;
	}		
	
.box {
       background: url(/images/404.png) no-repeat 0 0;
       height: 343px;
       margin-bottom: .5em;
       padding-bottom: .5em;
	   width:810px;
    }
  .cover_pan{
       background: #fff url(/images/covers.jpg) repeat 1055px bottom;
       height: 343px;
       margin-left:1px;
       overflow: hidden;
       position: relative;
       width:99.5%;
       z-index: -1;
        -moz-animation-name: pan;
        -moz-animation-duration:40s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
       -webkit-animation-name: pan;
       -webkit-animation-duration:40s;
       -webkit-animation-iteration-count: infinite;
       -webkit-animation-timing-function: linear;
    }
	
	    @-moz-keyframes pan {
        0% {
            background-position: 1338px bottom;
        }
        100% {
            background-position: left bottom;
        }
    }
     
    @-webkit-keyframes pan {
       0% {
          background-position: 1338px bottom;
       }
       100% {
          background-position: left bottom;
       }
    }