@charset "utf-8";
/* CSS Document */
/*copyright 2011 Systems Convergence, Inc.*/


/*general styles ----------------------------------------------------------------- */
.clear{
	clear: both;	
}
.offscreen {
	/*left: -5000px;
	position: relative;
	margin-top: -20px;*/
}
/*wrapper specific ----------------------------------------------------------------- */
#container{
	width: 960px;
	text-align: center;
	position: relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
}

/*head positioning ----------------------------------------------------------------- */
#head {
	height: 160px;
	position: relative;
	text-align: left;	
}
#sci-logo{
	position: absolute;
	left: 40px;
	top: 40px;	
}
#tagline{
	position: absolute;
	left: 224px;
	top: 66px;
}
#phone{
	position: absolute;
	top: 45px;
	left: 613px;
	width: 207px;
}

#spiral-graphic{
	position: absolute;
	top: 32px;
	right: 35px;	
}


/*main section specific ------------------------------------------------------------- */
#main{
	text-align: left;
	margin-top: 18px;
}

#left{
	float: left;
	margin-left: 43px;
	width: 490px;
	position: relative;
}
#contact-confirmation #left{
	height: 335px;
	width: 880px;
	text-align: center;
}
#services-list-home{
	position: absolute;
	top: 387px;
	left: 3px;
}
#right{
	float: right;
	width: 400px;
	/*margin-top: 1px;*/
	position: relative;
	
}
#home #right{
	height: 635px;
}
#contact #right{
	height: 500px;
}

#right .constrain{
	width: 335px;	
}
#solutions-nav-home{
	position: absolute;
	left: 1px;
	top: 387px;
}

/*home specific --------------------------------------------------------------------- */

#home #main{
	margin-top: 0px;	
}
#home-followup{
	margin-left: 40px;
	position: relative;
	
}
#home-followup #contact{
	position: absolute;
	right: 50px;
	top: -5px;
}
#home img.neg-margin{
	margin-bottom: -3px;
	margin-left: -2px;	
}
#home #custom-websites{
	position: absolute;
	top: 173px;
	left: 236px;
}
#home .device-align{
	height: 690px;	
}
/*About Us specific --------------------------------------------------------------  */
#about #main{
	margin-top: 18px;	
}
#about #about-tech-staff{
	position: absolute;
	left: 5px;
	top: 84px;
}
#about #about-sysconi{
	position: absolute;
	top: 357px;
	left: 1px;
	width: 450px;
}
#about #left {
	height: 765px;	
}
#about #about-sysconi  .suckup{
	margin-top: 15px;	
}
#about #about-sysconi ul{
	padding: 8px;	
}

/*software specific -------------------------------------------------------------   */
#software-text{
	padding-right: 70px;
	position: absolute;
	height: 400px;
}

#software #left{
	width: 390px;
}
#software #right{
	width: 510px;
	height: 820px;
}
#software-sysconi{
	position: relative;	
}
#software-sysconi .guide{
	margin-left: -22px;
	margin-top: 25px;
}

#dl4{
	position: absolute;
	top: 246px;
	right: 79px;
	height: 109px;
}

/*technology -------------------------------------------------------------------- */
#technology #left{
	width: 390px;
}
#technology #right{
	width: 510px;
	height: 870px;
}
#technology #tech-pic{
	position: relative;	
	
}
#technology #tech-pic .guide{
	margin-left: -14px;
	margin-top: 25px;
	
}

/*hardware ----------------------------------------------------------------------  */
#hardware #left{
	width: 390px;
	height: 670px;
	
	
}
#hardware #main {
	background-image: url(../images/hardware-misc.jpg);
	background-repeat: no-repeat;
	background-position: 0px 285px;
}

#hardware #right{
	width: 510px;
	height: 700px;
}
#hardware #tower-inset{
	position: absolute;
	left: 258px;
	top: 171px;
}

/*security -----------------------------------------------------------------------  */
#security #left{
	width: 390px;
}
#security #right{
	width: 510px;
	height: 840px;
}
#security-text{
	padding-right: 50px;
	position: absolute;
	/*height: 400px;*/
}
#esafe{
	position: absolute;
	top: 730px;
	left: 120px;
}
#security-sysconi .guide{
	margin-left: -7px;
	margin-top: 25px;
}

/*website design specific -------------------------------------------------------- */
#web-design #right{
	width: 515px;
	/*background-image: url(../images/web-design-branding.jpg);
	background-repeat: no-repeat;
	background-position: right 315px;*/
	height: 740px;	
}
#web-design #left{
	width: 375px;
	
}
#web-design-text{
	padding-right: 70px;
	position: absolute;
	height: 400px;
	z-index: 999;
}

#branding{
	position: absolute;
	top: 315px;
	right: 0px;	
}


/*contact specific ---------------------------------------------------------------  */

#contact #left {
	height: 560px;	
}
#contact-followup{
	padding-left: 42px;	
	
}
#contact-form{
	margin-top: 15px;
	position: relative;
}
#button-place{
	position: relative;	
	height: 41px;
	width: 125px;
}
#button-position{
	position: absolute;
	left: -18px;
	top: 1px;
	height: 41px;
	width: 125px;
}
#email-button{
	/*margin-top: 10px;*/	
}
#contact .constrain{
	width: 415px;
	position: absolute;
}

/*bottom menu ----------------------------------------------------------------------- */
#bottom-menu{
	text-align: center;
	position: relative;	
}
/*foot specific --------------------------------------------------------------------- */
#foot{
	margin-top: 20px;
	padding-bottom: 20px;
	position: relative;
}