/* CSS Document */

*{
 margin:0;
 padding:0;
 list-style-type:none;
}

body {
	font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	color: #6d6d6d;
	margin:0;
	background-color:#000000
}

html, body{
 height:100%;
}

h1 {
font: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
font-size: 30px; 
padding: 0px 0px 10px 15px;
color: #ff0000;
}

span.comment {
font: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
font-size: 30px; 
padding: 0px 0px 10px 15px;
color: #990000;

}

h2{

font: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
font-size: 20px; 
padding: 25px 0px 5px 15px;
color: #fff;
}

h2.services{

font: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
font-size: 20px; 
padding: 35px 0px 5px 90px;
color: #fff;
}


#separator{
width: 820px;
height: 3px;
background: #2e2e2e;
padding: 2px 2px 2px 2px;
float:left;
}


#wrapper1{
clear: both;
 background:#000;
 padding: 0px 10px 80px 10px;
 width: 860px;
 margin: 0px auto;
 
 }
 
 #wrapper2{
 background:#000;
 padding: 10px 10px 10px 10px;
 width: 840px;
 margin: 0px auto;
 
 }
 
 .sectionswrapper{
 float: left;
 background: url(../images/lowerbg.jpg) top center #000 no-repeat;
 padding: 0px 10px 20px 10px;
 width: 835px;
 margin: 0px auto;
 z-index: 1;
 
 }
 
 .sectionswrapper1{
 float: left;
 background: url(../images/lowerbg.jpg) top center #000 no-repeat;
 padding: 30px 10px 20px 10px;
 width: 845px;
 margin: 0px auto;
 z-index: 1;
 
 }
 
 #header{
 background: url('../images/unflogo.jpg') no-repeat left;
 padding: 0px 10px 20px 10px;
 width: 880px;
 height: 80px;
 margin: 0px auto;
 }

/*footer elements*/ 
 #footer{
 
 float: left;
 width: 840px;
 padding: 10px 10px 10px 30px;
 background: url(../images/lowline.jpg) top center no-repeat;
/*border-top: 1px dotted #006666;*/
 
 }

#footerul {

float:left;
	border:none;
	padding:0;
	margin:0;


}

#footerul li{

	float:left;
	list-style:none;
	margin:0;
	padding-left: 20px;

}
 


 /* navigation elements */
 
 #nav {
	float:right;
	border:none;
	padding:0;
	margin:0;
	
}

#nav li {
	float:left;
	list-style:none;
	margin-right:0;
	padding-right:0;
	height: 80px;
	/*background: url(../images/mid.gif) bottom center repeat-x #000;*/

}

li.leftside {

float: right;
background: url('../images/leftside.gif') bottom right no-repeat #000;
width: 13px;

padding:60px 0px 5px 0px;
}

li.rightside {

float: left;
background: url('../images/rightside.gif') bottom right no-repeat #000;
width: 13px;
padding:60px 0px 5px 0px;
margin: 0;
}



#nav li a.navbut1 {
	display:block;
	padding:30px 15px 10px 0px;
	
	float: left;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-align: right;
	width: 64px;	
	font-size: 13px;
	margin:0;
	background: url(../images/navbkg1.jpg)  no-repeat bottom right #000;
	
	
}


#nav li a.navbut1:hover {
	float: left;
padding:30px 15px 10px 0px;
	background:url(../images/navbkg1hover.jpg) no-repeat bottom right #000;
	color:#fff;
	
}

#nav li a.navbutx {
	display:block;
	padding:30px 10px 10px 0px;
	float: left;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-align: center;
	width: 82px;
	font-size: 13px;
	margin:0;
	background: url(../images/navbutx.jpg)  no-repeat bottom left #000;
	
	
}


#nav li a.navbutx:hover {
	float: left;
padding:30px 10px 10px 0px;
	background:url(../images/navbutxhover.jpg) no-repeat bottom left #000;
	color:#fff;
	
}




#nav li a.navbut {
	display:block;
	padding:30px 10px 10px 5px;
	float: left;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-align: center;
	width: 64px;

	font-size: 13px;
	margin:0;
	background: url(../images/navbg.jpg) repeat-x bottom left #000;
	
	
}

#nav li a.navbut:hover {
	float: left;
padding:30px 10px 10px 5px;
	background:url(../images/navbghover.jpg) repeat-x bottom left #000;
	color:#fff;
	
}

#nav li a.navbut:active {
	float: left;
padding:30px 10px 10px 5px;
	background:url(../images/navbghover.jpg) repeat-x bottom left #000;
	color:#fff;
	
}



p.screen {
background:url(../images/screenbg2.jpg) center bottom no-repeat #000;
width: 805px;
	padding:10px 10px 0px 26px;
	margin: 0;
	color:#fff;
	font-size:1.5em;
	line-height:25px;
	height: 265px;
	float: left;
	text-align:left;
}

#inscreen {
float: left;
padding: 90px 300px 10px 80px;
font-size:24px;
font-family: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;,'Lucida Sans',Verdana, Arial, Helvetica, sans-serif;
}


/*lower sections*/

 ul.sections {
	
	border:none;
	padding:15px 5px 40px 15px;
	margin: 0;
	background: none;
	width: 100%;
	/*background: url(../images/lowerbg.jpg) top center no-repeat #000;*/	
}

li.sectionsli {

	float:left;
	list-style: none;
	background: none;
	margin:0;
	margin-right:5px;
	padding:5px 12px 10px 0px;
	width: 165px;
	font-family: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
	font-size: 20px;
	color:#fff;
	/*height: 100px;*/
}

li.qsli {

	float:right;
	list-style: none;
	margin:0;
	padding:5px 0px 10px 0px;
	width: 215px;
	font-family: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
	font-size: 20px;
	color:#fff;
	/*height: 100px;*/
}

#qsbarhdr {
font-size: 16px;
font-family: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
text-align: center;
}

#qsdescription {
font-size: 12px;
font-family: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
text-align: justify;
background: url(../images/qsdbg.jpg) repeat-x top;
padding: 2px;
margin: 0;
margin-bottom: 5px;
border: 1px solid #333333;
/*height: 13px;*/
min-height: 15px;

overflow: auto;
position: absolute;
top: 490px;
left: 860px;

}

#qsdescription2 {
font-size: 12px;
font-family: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
text-align: justify;
background: url(../images/qsdbg.jpg) repeat-x top;
padding: 2px;
margin: 0;
margin-bottom: 5px;
border: 1px solid #333333;
/*height: 13px;*/
min-height: 15px;

overflow: auto;
position: absolute;
top: 490px;
left: 860px;

}

#qsdescription3 {
font-size: 12px;
font-family: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
text-align: justify;
background: url(../images/qsdbg.jpg) repeat-x top;
padding: 2px;
margin: 0;
margin-bottom: 5px;
border: 1px solid #333333;
min-height: 15px;
overflow: auto;
position: absolute;
top: 490px;
left: 860px;

}

#qsdescription4 {
font-size: 12px;
font-family: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
text-align: justify;
background: url(../images/qsdbg.jpg) repeat-x top;
padding: 2px 2px 2px 2px;
margin: 0;
margin-bottom: 5px;
border: 1px solid ##333333;
/*height: 13px;*/
min-height: 15px;
overflow: auto;
position: absolute;
top: 490px;
left: 860px;

}

#mldl {

width: 205px;
height: 50px;
float: left;
padding: 0;
padding-top: 5px;
margin: 0;
}

#icddl {

background: url(../images/icddlbg3.jpg) #000000 top center no-repeat;
width: 205px;
height: 50px;
float: left;
margin-top: 20px;
}

#icddl a{
font: 80%/1.2em "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	display:block;
	padding: 2px 15px 10px 90px;
	float: left;
	color:#fff;
	text-decoration:none;
	text-align: left;
	width: 100px;	
	font-size: 12px;
	font-weight: bolder;
	margin:0;

}

div.sectionheader {

	padding:0px 20px 10px 0px;
	width: 165px;
	font-family: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
	font-size: 20px;
	color:#fff;
	background:url(../images/underline.gif) left bottom no-repeat;

}

p.innersections{

padding: 5px 0px 10px 0px;
width: 165px;
font-family: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
font-size: 12px;
color:#fff;

}

#qsbar {
/*background: url(../images/qsbarbg.png) repeat-x #000 top left;*/ 
height: 80px;
width: 210px;
padding: 5px 5px 5px 0px;
}
#qselementsdiv {

	border:none;
	padding: 8px 10px 0px 5px;
	margin: 0; 	
	
	}

#qselements {

	border:none;
	padding:0;
	margin: 0; 	
	
	}
	
#qselements li{
float: left;
	list-style: none;
	margin:0;
	padding:2px 2px 2px 2px;
	height: 40px;

}

#qselements li a.b1{
	display:block;
	padding:0;
	text-decoration:none;
	text-transform:uppercase;
	margin:0;
	height: 40px;
	width: 40px;
	background:url(../images/webbtn.jpg) top left #000 no-repeat;
	list-style: none;

	
	
}

#qselements li a.b2{
	display:block;
	padding:0;
	text-decoration:none;
	text-transform:uppercase;
	margin:0;
	height: 40px;
	width: 40px;
	background:url(../images/graphicsbtn.jpg) top left #000 no-repeat;
	list-style: none;

	
}

#qselements li a.b3{
	display:block;
	padding:0;
	text-decoration:none;
	text-transform:uppercase;
	margin:0;
	height: 40px;
	width: 40px;
	background:url(../images/icdbtn.jpg) top left #000 no-repeat;
	list-style: none;

	
}

#qselements li a.b4{
	display:block;
	padding:0;
	text-decoration:none;
	text-transform:uppercase;
	margin:0;
	height: 40px;
	width: 40px;
	background:url(../images/webappbtn.jpg) top left #000 no-repeat;
	list-style: none;

	
}

/*paragraph*/

p.general {

font: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
font-size: 13px;
color: #fff;
padding: 5px 20px 3px 15px;
width: 800;
text-align:justify;

}

p.services1 {

font: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
background: url(../images/webdesignbg.jpg) top left no-repeat;
font-size: 13px;
color: #fff;
padding: 5px 20px 3px 90px;
width: 800;
text-align:justify;

}

p.services2 {

font: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
background: url(../images/gdesignbg.jpg) top left no-repeat;
font-size: 13px;
color: #fff;
padding: 5px 20px 3px 90px;
width: 800;
text-align:justify;

}

p.services3 {

font: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
background: url(../images/webappbg.jpg) top left no-repeat;
font-size: 13px;
color: #fff;
padding: 5px 20px 3px 90px;
width: 800;
text-align:justify;

}

p.services4 {

font: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
background: url(../images/icdbg.jpg) top left no-repeat;
font-size: 13px;
color: #fff;
padding: 5px 20px 3px 90px;
width: 800;
text-align:justify;

}

/*portfolio*/

#portfolioul1 {
margin: 0;
padding: 80px 0px 10px 25px;
float:left;
font: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
font-size: 14px;
color: #fff;
height: 320px;

}

#portfolioul1 li{
list-style:none;
float:left;
margin:0;
padding: 5px 5px 5px 5px;
width: 350px;

}

.port {

font: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
font-size: 14px;
color: #fff;

}

#portfolioul1 li a{
font: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
font-size: 14px;
color: #fff;
text-decoration: none;

}

#portfolioul1 li a:hover{
font: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
font-size: 14px;
color: #fff;;
text-decoration: underline;

}

#portfolioul1 li a.outlink{
font: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
font-size: 14px;
color: #00CC99;
text-decoration: none;

}

#portfolioul1 li a.outlink:hover{
font: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
font-size: 14px;
color: #00FF99;
text-decoration: underline;

}




#portfolioul1 li.right{
list-style:none;
float:left;
margin:0;
padding: 5px 5px 5px 0px;
width: 350px;

}


li.portfoliopic {
float: left;
height: 230px;
width: 395px;
list-style:none;
padding-left: 0px;
}

#portfolioul2 {
margin: 0;
padding: 5px 0px 30px 25px;
float:left;
font: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
font-size: 14px;
color: #fff;
height: 400px;

}

#portfolioul2 li{
list-style:none;
float:left;
margin:0;
padding: 5px 5px 5px 5px;
width: 350px;

}

/*contact us*/


#contactul1 {
margin: 0;
padding: 80px 0px 10px 25px;
float:left;
font: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
font-size: 14px;
color: #fff;
height: 330px;

}

#contactul1 li{
list-style:none;
float:left;
margin:0;
padding: 5px 5px 5px 5px;
width: 350px;

}

#contactul1 li.right{
list-style:none;
float:right;
margin:0;
padding: 5px 5px 5px 0px;
width: 400px;

}

#contactul1 p{
padding-bottom: 20px;
}

a.morelinks {
display: compact;
color: #fff;
text-decoration: none;
border-bottom: 1px dotted;
 
 }

a.morelinks:hover {
border-bottom: 1px solid;
}

#servicelist {
padding: 0px 2px 10px 2px;
width: 100%;

}

#servicelist li{
font-family: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
font-size: 12px;
color:#fff;
padding-top: 2px;
list-style: disc;
}

#servicelist li a {
font-family: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
font-size: 12px;
color: #CCCCCC;
padding-top: 2px;
text-decoration: none;
padding-bottom: 0px;
}

#servicelist li a:hover {
font-family: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;;
font-size: 12px;
color: #CCCCCC;
padding-top: 2px;
text-decoration: underline;
}


/* contact form*/

#contactform {
float: left;
padding-left: 10px;
/*width: 190px;*/

}


#contactform li{
float:left;
list-style: none
margin: 0;
padding-right: 0px;
height: 18px;
width: 150px;

}

.formfieldblank {
float: right
width: 300px;
height: 18px;
font:Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
color:#999999;
border: 0;
padding: 0;
margin: 0;

}


.formfields {
float: right
width: 300px;
height: 18px;
font:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
color:#333333;
border: 0;
padding: 0;
margin: 0;

}


.formfields2 {
float: left;
font:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
color:#333333;
border: 0;
padding: 0;
margin: 0;
padding-left: 5px;
}



.fieldwrapper {
float: left;
padding: 0px;
padding-top: 15px;
margin: 0px;
width: 300px;
}

.fieldwrapper2 {
float: left;
padding: 10px 5px 5px 5px;
margin: 0px;
width: 300px;
height: 150px;
background: url(../images/textareabg.jpg) top left no-repeat;
margin-top: 15px;
}

#linkwrapper{

float: left;
padding: 10px 5px 5px 5px;
margin: 0px;
width: 300px;
height: 50px;

}

.contactbtndiv {

float: left;
padding: 5px 5px 5px 5px;
margin: 0px;
margin-left: 10px;
width: 100px;
height: 50px;

}

a.contactbut {
	display:block;
	padding:5px 5px 5px 5px;
	float: left;
	color:#fff;
	text-decoration:none;
	/*text-transform:uppercase;*/
	text-align: center;
	width: 100px;

	font-size: 13px;
	margin:0;
	background: url(../images/navbg.jpg) repeat-x bottom left #000;
	border: 1px solid #2e2e2e;
	
}

a.contactbut:hover {
	float: left;
padding:5px 5px 5px 5px;
	background:url(../images/navbghover.jpg) repeat-x bottom left #000;
	color:#fff;
	border: 1px solid #2e2e2e;

}

li.leftside {

float: right;
background: url('../images/leftside.gif') bottom right no-repeat #000;
width: 13px;

padding:60px 0px 5px 0px;
}

ul.fieldul {
padding: 0px;
margin: 0px;
border: 0px;
float: left;
width:340px;
}

.leftli{
/*list-style: none;*/
float: left;
background:url(../images/formleft.jpg) no-repeat center right;
width: 9px;
height: 18px;
padding: 0;
margin: 0;
padding-top: 1px;
}

.centerli{
/*list-style:none;*/
float:left;
background:none;
width: 260px;
height: 18px;
padding: 0;
margin: 0;
/*background:url(../images/formright.jpg) no-repeat center right;*/

}

.rightli{
/*list-style:none;*/
float:left;
background:url(../images/formright.jpg) no-repeat center left;
width: 9px;
height: 18px;
padding: 0;
margin: 0;
padding-top: 1px;
}