* { margin: 0; padding: 0;}
html{
    font-family: helvetica, arial, sans-serif;

    }


body {
    font-size:small;
	background:#ffffff;
    color:#353132;
	margin: 0px;
}

p{
	margin-bottom:1em;
}

blockquote{
	font-size: large;
	color:  rgb(126,128,130);
}

#wrapper {
    margin: 0pt auto;
    height : auto;
    min-height : 780px;
    width : 1024px;
}

#leftPane {
	width:500px;
	min-height:780px;
	background-color:#ffffff;
	float:left;
	
}

#leftPane input{
	background-color: #eeeeee;
}

#leftPane a, a:visited{
	color:#353132;
	text-decoration: none;
}

#leftPane a:hover{
    text-decoration:underline;
}




#leftPaneContent{
	margin-left:20px;
	margin-top:40px;
	margin-right:40px;
	margin-bottom:20px;
}



#leftPaneContent ul {
	margin-left:20px;
}


#leftPaneContent h1{
	font-size: x-large;
	color:  rgb(126,128,130);
	line-height: 1.5em;
	margin-bottom:1em;
	font-weight: normal;
}

#leftPaneContent h2{
	font-size: larger;
	font-weight: bold;
	color:#7EB0CD;
	margin-bottom:.33em;
}

#leftPaneContent h3{
	font-size: 12px;
	font-weight: bold;
	color: rgb(65,89,104);
	margin-bottom:.33em;
}

#leftPaneContent p{
	line-height:1.2em;
	margin-top:.5em;
}

#rightPane{
	width:524px;
	min-height:780px;
	background-color:#000000;
	float:right;
}

#navPanel{
	position: absolute;
	margin-left:40px;
	margin-top:47px;
	font-weight:bold;
	
}

#navPanel li{
    margin:0;
    padding:0;
	list-style:none;

}

#navPanel a{
    display: block;
    margin-top:1em;
    text-decoration:none;
    color:#fff;
    

}

#navPanel a:hover, body#home #link-home a, body#contact #link-contact a, body#services #link-services a
,body#about #link-about a, body#clientLogin #link-clientLogin a, body#jobs #link-jobs a 
{
    text-decoration:underline;
}



#rightPaneCallOut{
	position: absolute;
	margin-left:0px;
	margin-top:260px;
	height: 270px;
	width: 400px;
	font-size:18px;
	font-weight: bold;
	color:#ffffff;
	
}

#rightPaneCallOutLine1{
	margin-top:90px;
	margin-left: 40px;
	
}



#rightPaneCallOutLine2{
	margin-left: 40px;
}

#rightPaneCallOut p{
	margin-left: 40px;
	margin-right: 40px;
	margin-top:1em;
	margin-bottom:1em;
	line-height:1.1em;
}

#rightPaneCallOut a, a:visited{
	color:#353132;
	text-decoration: none;
	font-size:12px;
}

#rightPaneCallOut a:hover{
	color:#fff;
	text-decoration:underline;
	font-size:12px;
}


#logo {
	border:none;    
    margin-left:20px;
    margin-top:47px;
}


.IntroTextStyle{
	
	
}

.SubheadTextStyle{
	
}


.blueStyle{
	background: url(/site_media/images/pebbles_mosaic.jpg) no-repeat top left ;
}

.blueStyle #rightPaneCallOut{
	background: rgb(116,199,184);
}

.blueStyle #rightPaneCallOutLine1{
	color: rgb(65,89,104);
}

.redStyle{
	background: url(/site_media/images/leaf_mosaic.jpg) no-repeat top left ;
}

.redStyle #rightPaneCallOut{
	background: rgb(242,102,73);
}

.redStyle #rightPaneCallOutLine1{
	color: rgb(103,98,0);
}


.greenStyle{
	background: url(/site_media/images/fog_mosaic.jpg) no-repeat top left ;
}

.greenStyle #rightPaneCallOut{
	background: rgb(103,98,0);
}

.greenStyle #rightPaneCallOutLine1{
	color: rgb(220,206,135);
}

.limeStyle{
	background: url(/site_media/images/water_mosaic.jpg) no-repeat top left ;
}

.limeStyle #rightPaneCallOut{
	background: #AFBD22;
}

.limeStyle #rightPaneCallOutLine1{
	color: #415968;
}


.homePageCallout{
	background: rgb(103,98,0);
	width:500px;
	height:300px;
}

.sitePackageList{
	
}

.sitePackageList h3{
	background-color: #AFBD22;
	padding:1em;
	font-size: 12px;
	color: rgb(220,206,135);
}

.sitePackageList td{
	width:220px;
	vertical-align:top;
	padding-bottom:1em;
}

.sitePackageList ul{
	margin-top:.5em;
}


.techList{
	
}

.techList h3{
	/*background-color: rgb(116,199,184);*/
	background-color:#fff;
	color: rgb(65,89,104);
	padding:.5em;
	font-size: 12px;
}

.techList td{
	width:120px;
	vertical-align:top;
	padding-bottom:1em;
}

.techList ul{
	margin-top:.5em;
}