/*general settings*/

body{
	background-image:url(../imagesii/wallpaper.png);
	margin:0;
	font: 12pt/16pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
	background-repeat: repeat;
}

A:link{ color:#990000; text-decoration:none; }
A:hover{ color:#660000; text-decoration:none; }
A:active{ color:#990000; text-decoration:none; }
A:active:hover{ color:#660000; text-decoration:none; }
A:visited{ color:#ff0000; text-decoration:none; }
A:visited:hover{ color:#660000; text-decoration:none; }

#header{
	background-image:url(/imagesii/letterhead3.png);
	background-position:center;
	width:250px;
	height:788px;
	padding-left:130px;
	float:left;
	background-repeat: no-repeat;
	position:absolute;
	z-index:1;
}

#wrap{
width:900px;
}

#container{
width:650px;
/*margin-left:282px; 
margin-top:-452px; */
float:right;
}

#navcontainer{
	position:absolute;
	margin-top:445px;
	margin-left:20px;
	width:250px;
	left: -21px;
	top: -10px;
	z-index: 10;
	text-align: right;
}
	
 #navlist li{
	padding-right: 20px;
	font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bolder;
	color:#330000;
	position:relative;
	text-transform: capitalize;
	list-style-type: none;
}

#navlist li a:link { color:#330000; text-decoration:none; }
#navlist li a:visited { color:#330000; text-decoration:none; }
#navlist li a:hover {color:#660000; text-decoration:none; }

h3{
font-size:21px;
font-weight:bold;
color: #990000;
}

.copy{
padding-top:90px;
}

#cap{
background-image:url(/imagesii/top.png);
background-repeat:no-repeat;
height:100px;
text-align:center;
font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#333333;
}

#footer{
background-image:url(/imagesii/bottom.png);
background-repeat:no-repeat;
height:101px;
text-align:center;
font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#333333;
}

#title{
	position:absolute;
	top:17px;
	left:368px;
	font: 14pt/12pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	width: 345px;
	font-weight: bolder;
}

.content{
	background-image:url(/imagesii/background.png);
	background-repeat:repeat-y;
	padding-left:45px;
	padding-right:45px;
	line-height: 125%;
	padding-bottom:25px;
	margin-top:-25px;
	text-align:justify;
	font: 12pt/16pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
}

.content img{
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
	
	}

/*settings for portfolio page*/
.clicontent{
width:95%;
padding-left:15px;
padding-right:25px;
}

#clicontent li{
width:85%;
line-height:1.5;
list-style-type:none;
text-align:left;
margin-left:15px;
padding-right: 20px;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:14px;
color:#330000;
position:relative;

}

#clicontent li a:link { color:#FF0000; text-decoration:underline; font-weight:bolder;}
#clicontent li a:visited { color:#330000; text-decoration:underline; font-weight:bolder;}
#clicontent li a:hover {color:#660000; text-decoration:none; font-weight:bolder;}

#testimonials{
	line-height:1;
	padding-left:25px;
	padding-right:25px;
	text-align:justify;
	color:#000066;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	border-left-color:#000066;
	border-left-width:thin;
	border-left-style:dashed;
	border-right-color:#000066;
	border-right-width:thin;
	border-right-style:dashed;
	margin-bottom:15px;
	}

/* rollovers for client screenshots */

a.pos {
float:right;
width: 210px;
height: 130px;
margin-top:15px;
margin-left: 20px;
margin-bottom:15px;
background: transparent url(../images/screenshots/posdbl.png) no-repeat;
position:relative;
z-index:14;
}


a.pos:hover {
background-position: -210px 0;
}

a.hudson {
float:right;
width: 210px;
height: 130px;
margin-top:15px;
margin-left: 20px;
margin-bottom:15px;
background: transparent url(../images/screenshots/hudsondbl.png) no-repeat;
position:relative;
z-index:15;
}


a.hudson:hover {
background-position: -210px 0;
}

a.ninety {
float:right;
width: 210px;
height: 130px;
margin-top:15px;
margin-left: 20px;
margin-bottom:15px;
background: transparent url(../images/screenshots/90ddbl.png) no-repeat;
position:relative;
z-index:16;
}


a.ninety:hover {
background-position: -210px 0;
}

a.picassos {
float:right;
width: 210px;
height: 130px;
margin-top:15px;
margin-left: 20px;
margin-bottom:15px;
background: transparent url(../images/screenshots/picassosdbl.png) no-repeat;
position:relative;
z-index:15;
}


a.picassos:hover {
background-position: -210px 0;
}

a.smc {
float:right;
width: 210px;
height: 130px;
margin-top:15px;
margin-left: 20px;
margin-bottom:15px;
background: transparent url(../images/screenshots/shannondbl.png) no-repeat;
position:relative;
z-index:15;
}


a.smc:hover {
background-position: -210px 0;
}

a.spiros {
float:right;
width: 210px;
height: 130px;
margin-top:15px;
margin-left: 20px;
margin-bottom:15px;
background: transparent url(../images/screenshots/spirosdbl.png) no-repeat;
position:relative;
z-index:15;
}


a.spiros:hover {
background-position: -210px 0;
}

a.pepper {
float:right;
width: 210px;
height: 130px;
margin-top:15px;
margin-left: 20px;
margin-bottom:15px;
background: transparent url(../images/screenshots/pstonedbl.png) no-repeat;
position:relative;
z-index:15;
}


a.pepper:hover {
background-position: -210px 0;
}

a.viv {
float:right;
width: 210px;
height: 130px;
margin-top:15px;
margin-left: 20px;
margin-bottom:15px;
background: transparent url(../images/screenshots/viviansdbl.png) no-repeat;
position:relative;
z-index:15;
}


a.viv:hover {
background-position: -210px 0;
}

a.mtt{
float:right;
width: 210px;
height: 130px;
margin-top:15px;
margin-left: 20px;
margin-bottom:15px;
background: transparent url(../images/screenshots/mttdbl.png) no-repeat;
position:relative;
z-index:15;
}


a.mtt:hover {
background-position: -210px 0;
}