@charset "UTF-8";
* {
padding:0;
margin:0;
}
body {
	font: 12px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #7f7f7f;
}
h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#7f7f7f;
padding:0;
margin:0;
}
.oneColFixCtr #container {
	width: 990px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {

	padding: 16px 55px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.oneColFixCtr #mainContent #header {
padding-top:5px;
display:inline;
width:881px;
margin-bottom:13px;
}

.oneColFixCtr #mainContent #header #topnav {
display:inline;
float:right;
padding-top:4px;
}

ul.nav, .nav ul {
list-style:none;
display:inline;
}
ul.nav li, .nav ul li {
	padding: 0px 6px;
	list-style: none;
	display: inline;
}
ul.nav li:last, .nav ul li:last{
margin-left: 0;
	padding-left: 7px;
	list-style: none;
	display: inline;
}

.nav ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#7f7f7f;
text-decoration:none;
}
.nav ul li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#008000;
text-decoration:none;
}
.nav ul li a.current { 
color:#008000;
}
.oneColFixCtr #mainContent #footer #bottomNav{
padding-top:8px;
padding-left:0;
margin-left:0;
}
.oneColFixCtr #mainContent #footer #bottomNav ul.nav li, .nav ul li {
	padding: 0px 6px;
	list-style: none;
	display: inline;
	}
.oneColFixCtr #mainContent #footer #bottomNav .noleftpad{
	padding-left:0px;
	margin-left:0;
	}
.oneColFixCtr #mainContent #footer #bottomNav .norightpad{
		padding-right:0px;
	}
hr {
margin-top:10px;
}

#mainContent #middleImage{
width:100%;
}
.oneColFixCtr #mainContent .ipad {
	
	height:443px;
	background-image:url(images/ipad_800.png);
	background-repeat:no-repeat;
	background-position:center;
}
.oneColFixCtr #mainContent .ipad_app{
	padding-top:38px;
}
.centered{
text-align:center;
}

.chalkboard{
background-image:url(images/writeon.jpg);
background-repeat:no-repeat;
background-position:50% 0%;
width:600px;
height:360px;
padding:100px 20px 0px 203px;
margin:0 auto;
}

#mainContent #middleImage img{

padding:15px 0 4px 0;

}
#mainContent #middleText{
padding: 15px 35px;
}
 #mainContent #FeatureMain{
padding: 5px 0px;
width:881px;
}
#mainContent #FeatureMain p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7f7f7f;
}
#mainContent #FeatureMain table tr td p{
}
#mainContent #FeatureMain #bodyCopy{
padding-top:5px;
}
#mainContent #FeatureMain #bodyCopy td{
padding-right:15px;

}

#mainContent #FeatureMain td h3{
padding-bottom:6px;
}
#mainContent #FeatureMain td p {
padding:4px 0px;
}
#mainContent #FeatureMain ul{

display:inline;
list-style:none;
}
#mainContent #FeatureMain ul li{
padding:0px 2px;

display:inline;
}
#mainContent #FeatureMain ul li:first-child{
padding-left:0;
}
.leftImage{
padding-top:6px;
}
.clear{
clear:both;
}
#bottomNav{
float:right;
}

#footer{
width:100%;
display:inline;
}


#footer .bottomline{
padding-bottom:10px;
}
#footer .copyright{
padding:20px 0px;
text-align:center;
font-face:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #7f7f7f;
}
#footer .copyright a:link,#footer .copyright a:active,#footer .copyright a:visited{

font-size:9px;
text-decoration:none;
color:#9f9f9f;
}
#footer .copyright a:hover{
font-size:9px;
text-decoration:none;
color:#6f6f6f;
}
.fontthirteen{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
.thumbs{
position:relative;
}
#mainContent #FeatureMain p.projectTitle{
font-size:13px;
padding:0px;
padding-left:0px;
}

p.regular{
padding:4px 0px;
}
p.black {
color:#000000;
}
p.white {
color:#FFFFFF;
}
#clientTable td{
padding:11px;
}
video {
width:881px;
height:441px;
background-color:#000000;
}
.scrollbox{
height:410px;
width:881px;
overflow:auto;
background-color:#FFF;
padding:20px 0px;
margin-top:15px;
border: 1px solid #ccc;
}

#slideshow {
    position:relative;
    height:250px;
}

#slideshow IMG {
	position:absolute;
	top:162px;
	left:232px;
	z-index:8;
	opacity:0;
}

#slideshow IMG.active {
    z-index:10;
	opacity:1;
}

#slideshow IMG.last-active {
    z-index:9;
}