body.index {
	background: url(../images/bg.jpg) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
}

body.sub {
	background: url(../images/bgsub.jpg) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
}

#logo {
	height: 150px;
	color: white;
	position: relative;
}

#logo img {
	margin-top: 38px;
}

#menu {
	color: white;
	position: relative;
	top: 54px;
	text-align: right;
	font: 17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#intro {
	width: 938px;
	height: 58px;
	background-image: url(../images/intro.png);
}

#portfoliosub {
	width: 938px;
	height: 58px;
	background: url(../images/portfolio.png) no-repeat;
	position: absolute;
	top: 133px;
}

#blogheader {
	width: 938px;
	height: 58px;
	background: url(http://www.stevensst.com/images/blogheader.png) no-repeat;
	position: absolute;
	top: 133px;
}

#slide {
	width: 741px;
	height: 268px;
	position: relative;
	margin-left: 100px;
}

#left {
	position: relative;
	float: left;
	width: 100px;
}

#leftbutton {
	background-image: url(../images/left.png);
	width: 51px;
	height: 51px;
	top: 120px;
	left: 25px;
	position: relative;
	cursor: pointer;
}



#right {
	position: relative;
	float: right;
	width: 99px;
}

#rightbutton {
	background-image: url(../images/right.png);
	width: 51px;
	height: 51px;
	cursor: pointer;
	position: relative;
	top: 120px;
	left: 25px;
}

.newouter {
	border: 1px solid #d6e2e7;
	padding: 15px; 
}

.newouter a {
	color: #004967;
	text-decoration: underline;
	font-size: 10px; 
}

.newinner {
	border: 9px solid white;
}

.newinner:hover {
	border: 9px solid #eff5f8;
}

.red {
	background-color: red;
}

.spacerff {
	height: 35px;
}

.spacerp {
	height: 25px;
}

.spacert {
	height: 36px;
}
#spacerfo {
	height: 25px;
}

.spacerfs {
	width: 460px;
	height: 15px;
}

.spacerwid {
	width: 220px;
	height: 15px;
}

#bar {
	height: 1px;
	background-color: #d6e2e7;
}

.me ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.me li {
		display: inline;
	float: right;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

.divider {
	background: url(../images/divider.png);
	width: 2px;
	height: 25px;
}

.link {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: white;
text-shadow: 0px -1px 0px #374683;}

.link:hover {
	
		border-bottom-width: 1px;
	border-bottom-style: dotted;
	text-shadow:0 0 7px #fff;
	
}

.selected {
	color: #fff;
		border-bottom-width: 1px;
	border-bottom-style: dotted;
		text-shadow:0 0 7px #fff;

}


.abtme {
	font-size: 15px;
	font-weight: bold;
	color: #004967;
	line-height: 22px;
}

.wid li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.wid {
	color: #306e87;
}

h5 {
	font-size: 14px;
	margin: 0px;
	padding: 0;
}

h5 a {
	font-size: 14px;
	margin: 0px;
	padding: 0;
	color: #004967;
	text-decoration: none;
}

h5 a:hover {
	font-size: 14px;
	margin: 0px;
	padding: 0;
	color: #3f87a4;
	text-decoration: none;
}

.textlink {
	color: #004967;
	text-decoration: none;
	border-bottom: 1px dotted #004967;
}

.textlink:hover {
	color: #004967;
	text-decoration: none;
	border-bottom: 1px hidden #004967;
}

#footer {
	width: 100%;
	height: 155px;
	background: url(../images/botbg.jpg) repeat-x;
}

.linkfoot {
	color: #004967;
	text-decoration: none;
	border-bottom: 1px dotted #004967;
}

.linkfoot:hover {
	color: #004967;
	text-decoration: none;
	border-bottom: 1px none #004967;
}

h4 {
	color: #306e87;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

h6 {
	color: #004967;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin: 6px 0 0;
}

#btop {
	width: 35px;
	height: 33px;
}

.box {
	border: 1px solid #d6e2e7;
}

.boxinner {
	border: 9px solid white;
}

.boxinner:hover {
	border: 9px solid #eff5f8;
}

.long {
	height: 500px;
}

.visu {
	display: block;
	width: 298px;
	height: 209px;
	overflow: hidden;
}

h7 {
	color: #004967;
	font-size: 14px;
	font-weight: bold;
}

.pt {
	color: #004967;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 10px 0 0;
}

.pt a {
	color: #004967;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #004967;
}

.pt a:hover {
	color: #004967;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px hidden #004967;
}

h3 {
	color: #306e87;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin: 2px 0 0;
}

.boxfloat {
	width: 300px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
}

.boxbar {
	width: 300px;
	height: 1px;
	margin-top: 25px;
	margin-bottom: 25px;
	border-bottom: 1px dashed #cfcfcf;
}

.grid_960 {
	width: 960px;
}

a:active {
     position: relative;
     top: 1px;
}

.column-div {
	height: 1px;
	background-color: #d6e2e7;
	width: 150px;
	margin-bottom: 20px;
}

#client-button {
	background-image: url(../images/client1.png);
	width: 145px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}

#client-button a {
	display: block;
	width: 145px;
	height: 50px;
}

#client-button:hover {
	width: 145px;
	height: 50px;
	background-image: url(../images/client2.png);
}

.testimonial {
	color: #004967;
	font: italic 12px Georgia; 
}

/*contact form*/
#mask {
background-color:#000;
display:none;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:9000;
}

#contact {
background-color:#fff;
display:none;
left:50%;
margin-left:-300px;
position:absolute;
top:90px;
width:600px;
z-index:9999;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding: 20px 20px 10px;
}

#close {
background:url(../contact/images/close.png) no-repeat right;
cursor:pointer;
font-family:arial, sans-serif;
font-size:20px;
font-weight:700;
line-height:24px;
text-decoration:underline;
text-align:right;
padding:5px 30px 5px 5px;
}

#contact_header {
background:url(../contact/images/envelope.png) no-repeat left;
font-family:arial, sans-serif;
font-size:30px;
font-weight:700;
line-height:30px;
padding:5px 5px 10px 60px;
}

/* form components */
input,textarea {
border:1px solid silver;
background-color:#fff;
color:#404040;
font-size:10px;
font-family:Verdana, Arial, sans-serif;
text-transform: none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin: 0;
	padding: 8px;
}

input:hover[type=text],input:focus[type=text],textarea:hover,textarea:focus {
background-color:#d6e2e7;
border:1px solid #306e87;
}

input[type=text],textarea {
width:300px;
}

#submit {
border:none;
width:87px;
height:41px;
background-image:url(../contact/images/submit.png);
}



/* alert messages */
.success,.error {
color:#000;
display:none;
font-size:15px;
font-weight:700;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:10px;
}

.success {
background-color:#9F6;
border:1px solid #0F0;
}

.error {
background-color:#F66;
border:1px solid red;
}

/* portfolio projects nav */

 #nav,  #nav * { list-style: none; margin: 0; padding: 0; }
 #nav { position: relative; top: 0px; height: 25px; font-family: Arial, Georgia, sans-serif; float: right;
}
 #nav li { float: left; margin-left: 6px; background: url('../images/nav_li2.png') no-repeat right top; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #242f33; }
 #nav li.current{ background-position: right bottom; }
 #nav li a { float: left; display: block; height: 25px; padding: 0 15px; line-height: 25px; background: url('../images/nav_li_a2.png') no-repeat left top; color: #242f33; border: 0; text-shadow: 1px 1px 0 #eaedf2;
	text-decoration: none;
}
 #nav li.current a{ background-position: left bottom; color: #fff; text-shadow: 1px 1px 0 #b7bac3; }
 #nav li:hover{ background-position: right -25px; }
 #nav li.current:hover{ background-position: right bottom; }
 #nav li:hover a { background-position: left -25px; color: #242f33; }
 #nav li.current:hover a { background-position: left bottom; color: #fff; text-shadow: 1px 1px 0 #b7bac3; }
#commentform #submit{
display: block;
}

.preloader { background:url(i/loader1.gif) center center no-repeat #ffffff; display:inline-block;  }