@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

html { 
background:url(img/bg-texture.jpg) top right repeat;
font-family:Arial, Helvetica, sans-serif;
}


.clear {clear:both;}

.logo {
	background:url(img/sis-logo.png) top left no-repeat;
	width:900px;
	height:121px;
	margin:10px auto;
	margin-bottom:20px;
}

.input {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#333; width:300px;}

.nav {
	width:900px;
	margin:0px auto;
	margin-bottom:20px;
}
.nav img {border:none;}

.img-left {
	float:left; margin-right:8px; margin-bottom:5px; 
	box-shadow: 2px 2px 3px #333;
    -webkit-box-shadow: 2px 2px 3px #333;
    -moz-box-shadow: 2px 2px 3px #333;
}

.img-right {
	float:right; margin-left:8px; margin-bottom:5px; 
	box-shadow: 2px 2px 3px #333;
    -webkit-box-shadow: 2px 2px 3px #333;
    -moz-box-shadow: 2px 2px 3px #333;
}

.top-right {
	background:url(img/robot-top.png) top left no-repeat;
	position:fixed;
	top:0;
	right:0;
	width:176px;
	height:234px;
	z-index:990;
}

.bottom-left {	
	width:100%;
	height:30px;
	padding-top:24px;
	position:fixed;
	bottom:0;
	background:url(img/footer.png) top center no-repeat;
	z-index:991;
	text-align:right;
	font-size:12px;
}

.bottom-left img {margin-right:10px;}

.bottom-left  a {color:#333; text-decoration:none; font-weight:bold; font-size:12px; display:block; float:left; margin-right:10px;}
.bottom-left a:hover {text-shadow:1px 1px 4px #000;}

a#fb, a#flickr, a#twitter {
	text-indent:-9999px;
	display:block; float:left;
	width:20px;
	height:20px;
}
a#fb {background:url(img/fb-btn.jpg) top center no-repeat; margin-right:1px;}
a#flickr {background:url(img/fkr-btn.jpg) top center no-repeat; margin-right:1px;}
a#twitter {background:url(img/tw-btn.jpg) top center no-repeat; margin-right:1px;}
a:hover#fb, a:active#fb, a:hover#flickr, a:hover#twitter, a:active#flickr, a:active#twitter {
	background-position:bottom center;
}

#portfolio-web a img {border:none; margin:4px;
box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
-moz-box-shadow: 2px 2px 2px #000;

}
#portfolio-web a {color:#333; font-weight:bold;}

#portfolio-photo a img {border:none; margin:4px;
box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
-moz-box-shadow: 2px 2px 2px #000;
}
#portfolio-photo a {color:#333; font-weight:bold;}


#portfolio-photo h1 {padding-bottom:0px; margin-bottom:-6px; margin-top:4px;}

.content {
	background: url(img/content-bg.png) top right repeat;
	width:900px;
	margin:0px auto;
	margin-bottom:600px;
	padding:20px;
	font-size:14px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	z-index:10;
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
	.border-right {
		border:2px solid #999;
		float:right;
		margin-left:6px;
		margin-bottom:6px;
	}
	.content p {font-size:16px; margin-bottom:14px;}
	.content h1 {font-size:18px; font-weight:bold; margin-bottom:8px;}
	.content a {
	text-decoration:none;
	color: #333; /*#50ACBA;*/
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	}
	.content a:hover {
		text-shadow:1px 1px 4px #FFF;
	}
	
	.inline-h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);}
	
	.services {width:100%; margin-top:15px;}
	#service-list {border-right:1px solid #333; width:250px; padding-top:15px;}
	#service-list a {color:#333; font-weight:bold; text-decoration:none; display:block; padding:4px; padding-top:0px;}
	.service-area {padding:0px 0px 10px 0px;}
	
		#portfolio-content .portfolio-links {
			/*text-align:center;
			width:335px;
			margin:0px auto;
			margin-bottom:15px;*/
			
			border-right:1px solid #333; width:150px; padding-top:15px;
		}
		#portfolio-content .portfolio-links a {
			/*display:block;
			float:left;
			padding:5px; 
			margin-right:5px;
			font-weight:normal;
			color:#333; text-decoration:none;
			background:url(img/link-bg.png) top right repeat;*/
			
			color:#333; font-weight:bold; text-decoration:none; display:block; padding:4px; padding-top:0px;
			}


#content3, #content2,.section{
	padding:0;
	margin:0;
	list-style:none;
}
#content3, #content2{
	overflow:hidden;
	width:700px;
	position:relative;
	height:310px;
	float:left;
}
#content3 {width:750px;}

	#content2 h2{
		color:#EC0404;
		margin:20px 0pt;
		font-size:18px;
	}
	#content2 a{
		color:#333;
		font-weight:bolder; font-size:13px;
		text-decoration:none;
	}

.section{
	width:2750px;
	position:relative;
}
	.section ul {list-style-type:none; margin:0; padding:0;}

	.section .sub{
		position:relative;
		float:left;
		padding:9px 21px 42px 18px;
		width:650px;
		height:276px;/*180*/
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		overflow:scroll;
	}
	#content3 .section .sub {width:850px;}
		.section .sub p{
			/*width:550px;*/
			margin:16px 0;
			font-size:85%;
			line-height:1.4em;
		}
		.section .sub p strong {font-size:14px;}
		.section .next, .section .prev{
			font-size:18px;
			position:absolute;
			bottom:15px;
			letter-spacing:-2px;
		}
		.section .next{
			right:30px;
		}
		.section .prev{
			left:30px;
		}