/* CSS Document */

body {
	margin:0px 15px 0px 15px; background-color:#FFFFFF; color:#595959;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
p {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:80%; font-weight:normal; 
	line-height:17px; color:#595959; background-color:inherit; 
	margin:0px; padding:0px 20px 16px 0px; 
}	
h1 {
	font-family:"Times New Roman", Times, serif; font-size:150%; font-weight:normal; text-align:right;
	color:#707070; background-color:inherit;
	margin:0px; padding-bottom:3px; border-bottom:1px dotted #DAD4C9;
}
h2 {
	font-family:"Times New Roman", Times, serif; font-size:120%; font-weight:normal;
	color:#333333; background-color:inherit;
	margin-bottom:8px; padding-bottom:3px; padding-top:3px;
	border-bottom:1px dotted #DAD4C9;
	background:url(../images/strip.jpg) repeat-y right top;
}
h3 {
	font-family:"Times New Roman", Times, serif; font-size:110%; font-weight:normal;
	color:#333333; background-color:inherit;
	margin:0px; padding-bottom:10px;
}
hr {
	display:none;
}		
#wrapper {
	width:98%; height:auto; margin:0px auto; background-color:#FFFFFF; color:#595959;
}
#container {
	width:100%; height:auto; margin:0px; background-color:#FFFFFF; color:#595959;
}
#skip {
	margin:0px; padding:0px; display:none;
}	
#top {
	width:100%; height:auto; margin:0px; padding:0px;
}
.topline {
	width:100%; height:8px; margin:0px; padding:0px; background-color:#525252; color:#CCCCCC;
}

#topmenu {
	width:100%; height:auto; float:right; margin:0px; padding:0px; text-align:right;
}
#topmenu ul {
	margin:0px; padding:0px; 
}	
#topmenu ul li {
	margin:0px; padding:0px; display:inline; background-color:#525252;
}
#topmenu li a {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; font-weight:bold; 
	color:#CCCCCC; background-color:#525252; text-decoration:none; margin:0px; padding:5px 10px 5px 10px; 
	display:inline; float:right;
	border-right:1px solid #666666;
}
#topmenu li a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; font-weight:bold; 
	color:#C1B399; background-color:#525252; margin:0px; padding:5px 10px 5px 10px; 
	display:inline; float:right;
	border-right:1px solid #666666;
}
.spanline {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; font-weight:bold; 
	color:#666666; background-color:inherit; text-decoration:none; margin:0px; padding:0px; 
}
#topleft {
	width:337px; height:auto; margin:18px 0px 0px 0px; padding:0px; float:left;
}
#topright {
	margin:0px 0px 0px 360px; padding:0px;
}

.logo {
	width:335px; height:59px; background:url(../images/paulwebb.jpg) no-repeat;
	margin:0px; padding:0px;
}
.logo span {
	display:none;
}				
.headerline {
	width:100%; height:26px; background:url(../images/headerline.jpg) no-repeat;
	margin-top:51px; padding:0px; float:left; border:none;
}
.headerline span {
	display:none;
}
.headerimg {
	width:100%; height:232px; float:left; margin:0px; padding:0px;
	background:url(../images/paulweb_pic1.jpg) no-repeat;
	background-color:#CCCCCC; color:#333333;
}	


#Layer1 {
	position:absolute;
	width:156px;
	height:111px;
	z-index:0;
	left: 0px;
	top: 0px;
}
#Layer2 {
	position:absolute;
	width:156px;
	height:111px;
	z-index:2;
	left: 145px;
	top: 20px;
}
#Layer3 {
	position:absolute;
	width:156px;
	height:111px;
	z-index:3;
	left: 27px;
	top: 97px;
}
#Layer4 {
	position:absolute;
	width:156px;
	height:111px;
	z-index:1;
	left: 170px;
	top: 109px;
}

#menu {
	width:100%; height:auto; margin:0px; padding:0px; position:relative;
}	

#menu_services {
	margin:0px; padding:0px; width:100%; float:left;
}
#menu_services ul {
	margin:0px; padding:0px;
}
#menu_services ul li {
	margin:0px; padding:0px; display:block;
}
#menu_services li a {
	width:156px; height:111px; display:block;
	background:url(../images/btn_services.jpg) no-repeat; 
	margin:0px; padding:0px;
}
#menu_services li a:hover {
	width:156px; height:111px; display:block;
	background:url(../images/btn_services_hv.jpg) no-repeat center middle; 
	margin:8px 0px 0px 5px; padding:0px; 
}

#menu_services li a span {
	display:none;
}


#menu_test {
	margin:0px; padding:0px; width:100%; float:left;
}
#menu_test ul {
	margin:0px; padding:0px;
}
#menu_test ul li {
	margin:0px; padding:0px; display:block;
}
#menu_test li a {
	width:156px; height:111px; display:block;
	background:url(../images/btn_testimonials.jpg) no-repeat; 
	margin:0px; padding:0px;
}
#menu_test li a:hover {
	width:156px; height:111px; display:block;
	background:url(../images/btn_testimonials_hv.jpg) no-repeat center middle; 
	margin:8px 0px 0px 5px; padding:0px;
}

#menu_test li a span {
	display:none;
}

#menu_cas {
	margin:0px; padding:0px; width:100%; float:left;
}
#menu_cas ul {
	margin:0px; padding:0px;
}
#menu_cas ul li {
	margin:0px; padding:0px; display:block;
}
#menu_cas li a {
	width:156px; height:111px; display:block;
	background:url(../images/btn_casestudies.jpg) no-repeat; 
	margin:0px; padding:0px;
}
#menu_cas li a:hover {
	width:156px; height:111px; display:block;
	background:url(../images/btn_casestudies_hv.jpg) no-repeat center middle; 
	margin:8px 0px 0px 5px; padding:0px;
}

#menu_cas li a span {
	display:none;
}



#menu_contact {
	margin:0px; padding:0px; width:100%; float:left;
}
#menu_contact ul {
	margin:0px; padding:0px;
}
#menu_contact ul li {
	margin:0px; padding:0px; display:block;
}
#menu_contact li a {
	width:156px; height:111px; display:block;
	background:url(../images/btn_contact.jpg) no-repeat; 
	margin:0px; padding:0px;
}
#menu_contact li a:hover {
	width:156px; height:111px; display:block;
	background:url(../images/btn_contact_hv.jpg) no-repeat; 
	margin:0px; padding:0px;
}

#menu_contact li a span {
	display:none;
}		 			 				 		


#middle {
	width:100%; height:auto; margin:0px; padding:0px;/* float:left;*/
}
#home_middle {
	width:100%; height:auto; margin:0px; padding:0px; float:left;
}
#home_middleleft {
	width:337px; height:auto; margin-top:31px; padding:0px; float:left;
}
#home_middleright {
	margin:0px 0px 0px 345px; padding:0px;
}
#middleleft {
	width:35%; height:auto; margin:0px; padding:0px; float:left;
}
#middleright {
	width:65%; height:auto; margin:0px; padding:0px; float:left;
	background-color:#FFFFFF; color:#595959;
}	 
.highlight {
	width:100%; height:238px;
	background:url(../images/highlight.jpg) no-repeat;
	margin-top:5px 0px 20px 0px; padding:0px;
}
.highlight span {
	display:none;
}			 
.bg {
	margin:0px; padding:0px; 
	background-color:#F8F7F3; color:#595959; 
}
.ttl {
	font-family:"Times New Roman", Times, serif; font-size:160%; font-weight:normal;
	color:#333333; background-color:inherit; margin:0px; padding:14px 0px 6px 26px;
}					
.ttl span {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:65%; font-weight:normal;
	color:#666666; background-color:inherit; margin:0px; padding:0px;
}
.home_content {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:80%; font-weight:normal; line-height:17px;
	color:#595959; background-color:inherit; margin:0px; padding:0px 60px 10px 26px; 
}
.info{
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:90%; font-weight:bold;
	color:#D71668; background-color:inherit; margin:0px; padding:0px 0px 14px 26px;
}
.clickhere:link,.clickhere:visited {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold;
	color:#D71668; background-color:inherit; margin:0px; padding:0px; 
	text-decoration:underline;
}
.clickhere:hover {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold;
	color:#D71668; background-color:inherit; margin:0px; padding:0px; 
	text-decoration:none;
}
.bullet_margin {
	width:42%; height:auto; float:left; 
	margin:0px; padding:0px 0px 0px 26px;
}
.bullet {
	list-style:disc; list-style-position:outside;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:80%; font-weight:normal;
	color:#595959; background-color:inherit;
	margin:0px; padding:0px 0px 0px 19px;
}
.bullet li {
	margin-bottom:6px;
}
.detailpage {
	font-family:"Times New Roman", Times, serif; font-size:120%; font-weight:normal;
	color:#666666; background-color:inherit; 
	margin:0px; padding:6px 0px 10px 19px;  
}			
.contactlink:link,.contactlink:visited {
	font-family:"Times New Roman", Times, serif; font-size:100%; font-weight:bold;
	color:#666666; background-color:inherit; margin:0px; padding:0px;
	text-decoration:underline;
}
.contactlink:hover {
	font-family:"Times New Roman", Times, serif; font-size:100%; font-weight:bold;
	color:#666666; background-color:inherit; margin:0px; padding:0px;
	text-decoration:none;
}
#home_shade_margin {
	width:337px; height:161px; margin:0px 0px 20px 0px;  
	 background-color:#333333; float:left;
	background:url(../images/shadebg_new.jpg) no-repeat left top; 
}

#home_scroll {
	width:165px; height:140px; margin:10px 25px 0px 145px;  padding:0px;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:75%; font-weight:normal;
	color:#FFFFFF;
}

#shade_margin {
	width:90%; height:auto; margin:0px 0px 20px 9px; padding:0px; background-color:#333333; float:left;
    background:url(../images/shadebg2_new.jpg) no-repeat left top; 
}
#scrollimg {
	width:113px; height:109px;
	background:url(../images/testimonial_pic.jpg) no-repeat left top;
	float:left;
	margin:15px 0px 0px 15px; padding:0px;
}
#scroll_content {
	width:225px; height:140px; margin:10px 10px 0px 0px; padding:0px; float:left; 
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:75%; font-weight:normal;
	color:#FFFFFF; 
}

#scroll {
	width:60%; height:auto; margin:0px; padding:0px; float:left;
}

.readmore:link,.readmore:visited {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:75%; font-weight:normal;
	color:#FFFFFF; background-color:inherit; margin:0px 0px 0px 150px; padding:0px;
	text-decoration:underline; 
}
.readmore:hover {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:75%; font-weight:normal;
	color:#FFFFFF; background-color:inherit; margin:0px 0px 0px 150px; padding:0px;
	text-decoration:none;
}
#bottom {
	width:100%; height:auto; margin-top:8px; padding:0px; 
	background-color:#333333; color:#999999;
}
#bottom_container {
	width:100%; height:auto; background-color:#333333; color:#999999; float:left;
}
#bottomleft {
	width:35%; height:auto; float:left;
	margin:0px; padding:8px 0px 8px 10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; font-weight:normal;
	color:#A9CE0D; background-color:inherit;
}	
#bottomright {
	width:60%; height:auto; float:right; text-align:right;
	margin:0px; padding:8px 10px 8px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; font-weight:normal;
	color:#999999; background-color:inherit;
}
	
.producedlink {
	font-family: Arial, Helvetica, sans-serif; font-size:90%; font-weight:normal;
	color:#999999; background-color:inherit; text-decoration:underline; margin:0px; padding:0px;
}
a.producedlink:hover {
	font-family: Arial, Helvetica, sans-serif; font-size:90%; font-weight:normal;
	color:#999999; background-color:inherit; text-decoration:none; margin:0px; padding:0px;
}
.words_margin {
	width:43%; height:30px; margin:0px; padding:0px; float:right;
}	
.words {
	width:60%; height:30px; margin:0px; padding:0px;
	background:url(../images/words.gif) no-repeat right top; float:right;
}	
#bottommargin {
	width:100%; height:20px; margin:0px; padding:0px; float:left;
	background-color:#FFFFFF;
}	
.aboutpic {
	width:100%; height:232px; float:left; margin:0px; padding:0px;
	background:url(../images/paulweb_pic2.jpg) no-repeat;
	background-color:#CCCCCC; color:#333333;
}
.square {
	width:10px; height:11px; background:url(../images/square.gif) no-repeat right top;
	float:right; 
	margin-top:10px; padding-left:10px;
}	
#inside_middle {
	width:100%; height:auto; margin-top:18px; padding:0px; float:left;
}	
#insideleft {
	width:45%; height:auto; float:left; margin:0px; padding-top:8px;
}
#insideright {
	width:55%; height:auto; float:left; margin:0px; padding-top:8px;
}	
.leftmargin {
	border-right:1px dotted #CCCCCC; padding-right:3px; margin:0px;
}
.rightmargin {
	margin-left:15px; padding:0px;
}
.subhead {
	font-family:"Times New Roman", Times, serif; font-size:120%; font-weight:normal;
	color:#333333; background-color:inherit;
	margin-bottom:8px; padding:3px 0px 3px 0px;
	border-bottom:1px dotted #DAD4C9;
	background:url(../images/strip.jpg) repeat-y right top;
}


.readmore1:link,.readmore1:visited {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:75%; font-weight:normal;
	color:#FFFFFF; background-color:inherit; margin:0px; padding:0px;
	text-decoration:underline;
}
.readmore1:hover {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:75%; font-weight:normal;
	color:#FFFFFF; background-color:inherit; margin:0px; padding:0px;
	text-decoration:none;
}
.servicies_ttl {
	font-family:"Times New Roman", Times, serif; font-size:150%; font-weight:normal; text-align:right;
	color:#116DD4; background-color:inherit;
	margin:0px; padding-bottom:3px; border-bottom:1px dotted #DAD4C9;
}
.bullet_services {
	list-style:url(../images/bullet_services.gif); list-style-position:outside;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:80%; font-weight:normal;
	color:#595959; background-color:inherit;
	margin:0px; padding:0px 0px 0px 19px;
}
.bullet_services li {
	margin-bottom:5px;
}
.subttl {
	font-family:"Times New Roman", Times, serif; font-size:100%; font-weight:normal;
	color:#666666; background-color:inherit; 
	margin:0px; padding:8px 0px 10px 0px;
}
.boldtext {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:80%; font-weight:bold;
	color:#116CD4; background-color:inherit;
	margin:0px; padding-bottom:5px;
}
.services {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:80%; font-weight:normal; line-height:17px;
	color:#595959; background-color:inherit; margin:0px; padding-top:3px; 
	border-top:1px dotted #CCCCCC;
}
.btn {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal;
	color:#595959; background-color:inherit; margin:0px; padding:0px; text-decoration:underline;
}
a.btn:hover {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal;
	color:#595959; background-color:inherit; margin:0px; padding:0px; text-decoration:none;
}
.casestudy_pic {
	width:100%; height:220px; float:left; margin:0px; padding:0px;
	background:url(../images/conclusion.jpg) no-repeat;
	background-color:#000000; color:#333333;
}
.casestudy_ttl {
	font-family:"Times New Roman", Times, serif; font-size:150%; font-weight:normal; text-align:right;
	color:#E77100; background-color:inherit;
	margin:0px; padding-bottom:3px; border-bottom:1px dotted #DAD4C9;
}
.product {
	font-family:"Times New Roman", Times, serif; font-size:120%; font-weight:normal;
	color:#E77100; background-color:inherit;
	margin:15px 0px 8px 0px; padding:3px 0px 3px 0px;
	border-bottom:1px dotted #DAD4C9;
	background:url(../images/orange_strip.jpg) repeat-y right top;
}
.detailbtn {
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:75%; font-weight:bold;
	color:#E77100; background-color:inherit; margin-bottom:10px; padding:0px; text-decoration:none;
}
a.detailbtn:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:75%; font-weight:bold;
	color:#E77100; background-color:inherit; margin-bottom:10px; padding:0px; text-decoration:underline;
}
.newlink {
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold;
	color:#E77100; background-color:inherit; margin:0px; padding:0px; text-decoration:underline;
}
a.newlink:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold;
	color:#E77100; background-color:inherit; margin:0px; padding:0px; text-decoration:none;
}
.backlink {
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:80%; font-weight:bold;
	color:#999999; background-color:inherit; margin:0px; padding:0px; text-decoration:none;
}
a.backlink:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:80%; font-weight:bold;
	color:#999999; background-color:inherit; margin:0px; padding:0px; text-decoration:underline;
}
.year1_icon {
	width:42px; height:52px; background:url(../images/year1.jpg) no-repeat; 
	float:left; margin:0px; padding:0px;
}
.year2_icon {
	width:42px; height:52px; background:url(../images/year2.jpg) no-repeat;
	float:left; margin:0px; padding:0px;
}
.conclusion_icon {
	width:42px; height:52px; background:url(../images/conclusion_icon.jpg) no-repeat;
	float:left; margin:0px; padding:0px;
}		
.year {
	font-family:"Times New Roman", Times, serif; font-size:120%; font-weight:normal;
	color:#333333; background-color:#FFECD9;
	margin:0px 0px 8px 5px; padding:26px 0px 0px 3px;
	border-bottom:1px dotted #DAD4C9;
}
.bullet_casestudy {
	list-style:url(../images/casestudy_bullet.gif); list-style-position:outside;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:80%; font-weight:normal;
	color:#595959; background-color:inherit;
	margin:0px; padding:0px 0px 0px 60px;
}
.bullet_casestudy li {
	margin-bottom:6px;
}
.conclusion_text {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:80%; font-weight:normal; line-height:17px;
	color:#595959; background-color:inherit; 
	margin:0px; padding:8px 90px 0px 45px; 
}
.testimonials_ttl {
	font-family:"Times New Roman", Times, serif; font-size:150%; font-weight:normal; text-align:right;
	color:#D61566; background-color:inherit;
	margin:0px; padding-bottom:3px; border-bottom:1px dotted #DAD4C9;
}
.bullet_testimonial {
	list-style:url(../images/testimonial_bullet.gif); list-style-position:outside;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:80%; font-weight:normal;
	color:#595959; background-color:inherit;
	margin:0px; padding:0px 25px 0px 19px;
}
.bullet_testimonial li {
	margin-bottom:8px;
}
.client {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:70%; font-weight:bold;
	color:#595959; background-color:inherit; margin:0px; padding-bottom:8px;
	border-bottom:1px dotted #DAD4C9;
}
.client_ttl {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:70%; font-weight:bold;
	color:#FFFFFF; background-color:#E46098;
	margin-bottom:3px; padding:7px 0px 7px 10px; 
}
.client_ttllink {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold;
	color:#FFFFFF; background-color:#E46098;
	text-decoration:underline;
}
a.client_ttllink:hover {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold;
	color:#FFFFFF; background-color:#E46098;
	text-decoration:none;
}
.comments1 {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:80%; font-weight:normal; line-height:17px;
	color:#595959; background-color:#EBEBEB;
	margin-bottom:7px; 
	padding:5px 10px 10px 10px;
}	
.pdficon {
	width:16px; height:16px; float:left; cursor:pointer;
	background-image:url(../images/pdf_icon.jpg); background-repeat:no-repeat;
	margin:5px 5px 0px 0px; 
}
.pdftext {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:85%; font-weight:bold;
	color:#595959; background-color:inherit; vertical-align:middle; padding-top:5px;
}
.comments2 {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:80%; font-weight:normal; line-height:17px;
	color:#595959; background-color:inherit;
	margin-bottom:7px; padding:5px 10px 10px 10px; 
}	
.contact_ttl {
	font-family:"Times New Roman", Times, serif; font-size:150%; font-weight:normal; text-align:right;
	color:#8EB90A; background-color:inherit;
	margin:0px; padding-bottom:3px; border-bottom:1px dotted #DAD4C9;
}
.labelname {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; font-weight:bold;
    float:left; width:25%; height:auto; margin-right:10px; padding:0px 0px 12px 10px;
}

.label_detail {
    font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; font-weight:normal;
    float:left; width:60%; height:auto; padding-bottom:12px;
}
.email:link,.email:visited {
    font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal;
    color:#2B569D; background-color:inherit;
	margin:0px; padding:0px; text-decoration:underline;
}
.email:hover {
    font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal;
    color:#8EB90A; background-color:inherit;
	margin:0px; padding:0px; text-decoration:underline;
}


#pscroller1{
width: 165px;
height: 115px;
padding: 5px;
float:right;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}