/*****************************************************/
/*
/* Waqas Zahoor
/* waqaszahoor@msn.com
/* Copyright  (c) 2008 by PCNET - Developer
/*
/*****************************************************/

body{
	margin:0px;
	padding:0px;
	background-color:#fff;
	font-family:verdana, Arial;
	font-size:11px;
	color:#0c365d;
}

h4{
	padding:0px;
	margin-bottom:3px;
}

h5{
	padding:0px;
	margin-top:0px;
	margin-bottom:3px;
	color:#d24f01;
	font-size:12px;
}

h5.small{
	padding:0px;
	margin-top:0px;
	margin-bottom:3px;
	color:#d24f01;
	font-size:12px;
}


h6{
	font-size:11px;
	color:#d24f01;
}


a{
	font-size:12px;
	color:#0c365d;
	text-decoration:none;
}

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

a.smallLink{
	font-size:10px;
	color:#0c365d;
	text-decoration:none;
}

a.smallLink:hover{
	font-size:10px;
	color:#0c365d;
	text-decoration:none;
}

.go{
	background-image:url('images/go.jpg');
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
}



.copyright{
	font-size:10px;
	color:#d24f01;
}

.topmono{
	font-size:14px;
	font-weight:lighter;
	letter-spacing:-1px;
	line-height:30px;
}

.topmonoSupport{
	font-size:14px;
	font-weight:lighter;
	font-style:normal;
	letter-spacing:-1px;
	background-color:#d24f01;
	padding:4px;
	color:#fff;
}

.phoneno{
	font-size:20px;
	font-weight:normal;
}

a.email{
	font-size:12px;
	color:#d24f01;
	text-decoration:none;
}

a.email:hover{
	font-size:12px;
	color:#d24f01;
	text-decoration:underline;
}


#framework{
	width:100%;
	height:auto;
}

	#framework #showcase{
		width:902px;
		height:auto;
		margin-left:auto;
		margin-right:auto;
	}
	
		#framework #showcase #header{
			width:902px;
			height:184px;
			position:relative;
		}

			#framework #showcase #header #topheader{
				width:902px;
				height:125px;
				position:relative;
			}
			
			#framework #showcase #header #topheader #logo{
				width:231px;
				height:125px;
				position:absolute;
				left:50px;
				top:0px;
				background-image:url('images/logo.jpg');
				background-repeat:no-repeat;
			}
			
			#framework #showcase #header #topheader div#headerphone{
				width:270px;
				height:50px;
				position:absolute;
				right:15px;
				top:30px;
				text-align:right;
			}
			
			#framework #showcase #header #menu{
				width:902px;
				height:45px;
				position:relative;
				left:0px;
				background-image:url('images/menubackground.jpg');
				background-repeat:no-repeat;
				text-align:right;
			}
			
				#framework #showcase #header #menu #menubar{
					width:670px;
					height:15px;
					position:absolute;
					top:15px;
					left:230px;					
					text-align:right;
				}
				
				#framework #showcase #header #menu #menubar span{
					font-size:15px;
				}
			
					#framework #showcase #header #menu #menubar a{
						font-size:15px;
						color:#0c365d;
						font-weight:lighter;
						text-decoration:none;
						letter-spacing:-1px;
						padding-right:6px;
						padding-left:6px;
					}
					
					#framework #showcase #header #menu #menubar a:hover{
						font-size:15px;
						font-weight:lighter;
						color:#125089;
						letter-spacing:-1px;
						text-decoration:underline;
						padding-right:6px;
						padding-left:6px;
					}
			
		#framework #showcase #titlepro{
			width:902px;
			height:322px;
			position:relative;
			border-bottom:1px #c3c9c7 solid;
		}
		
			#framework #showcase #titlepro #titleImage{
				width:902px;
				height:300px;
				position:absolute;
				top:0px;
				left:0px;
				overflow:hidden;
			}
			
			#framework #showcase #titlepro #titleImageOverlap{
				width:902px;
				height:300px;
				position:absolute;
				top:0px;
				left:0px;
				overflow:hidden;
				z-index:100;
			}
			
		#framework #showcase #defaultContent{
			width:902px;
			height:372px;
			position:relative;
		}
		
			#framework #showcase #defaultContent #topspace{
				width:902px;
				height:15px;
				position:relative;
			}
			
			#framework #showcase #defaultContent #panel{
				width:902px;
				height:272px;
				position:relative;
				border-bottom:1px #c3c9c7 solid;
			}
			
				#framework #showcase #defaultContent #panel #left{
					width:298px;
					height:255px;
					position:absolute;
					left:0px;
					top:0px;
				}
				
					#framework #showcase #defaultContent #panel #left #home{
						width:281px;
						height:240px;
						position:relative;
						top:0px;
						background-image:url('images/homeservices.jpg');
						background-repeat:no-repeat;
						background-color:#f9f9f9;
					}
				
					/*#framework #showcase #defaultContent #panel #left #business{
						width:281px;
						height:119px;
						position:relative;
						top:15px;
						background-image:url('images/backupsolution.jpg');
						background-repeat:no-repeat;

					}
										
					.panelText {
						width:250px;
						height:50px;
						position:relative;
						top:40px;
						left:18px;
					}
					
					.moreinfo {
						width:245px;
						height:20px;
						position:relative;
						top:50px;
						left:18px;
					} */
		
				#framework #showcase #defaultContent #panel #center{
					width:298px;
					height:255px;
					position:absolute;
					left:298px;
					top:0px;
				}
				
					#framework #showcase #defaultContent #panel #center #backup{
						width:281px;
						height:240px;
						position:relative;
						top:0px;
						background-image:url('images/smallbusiness.jpg');
						background-repeat:no-repeat;
						background-color:#f9f9f9;
					}
					
					#framework #showcase #defaultContent #panel #center #clients{
						width:281px;
						height:119px;
						position:relative;
						top:15px;
						background-image:url('images/clients.jpg');
						background-repeat:no-repeat;

					}
					
					#framework #showcase #defaultContent #panel #center #clients #clientImages{
						width:239px;
						height:64px;
						position:absolute;
						top:40px;
						left:20px;
						background-color:#fff;
						overflow:hidden;
					}


				
				#framework #showcase #defaultContent #panel #right{
					width:304px;
					height:255px;
					position:absolute;
					left:596px;
					top:0px;
				}
				
					#framework #showcase #defaultContent #panel #right #business{
						width:281px;
						height:240px;
						position:relative;
						background-image:url('images/backupsolution.jpg');
						background-repeat:no-repeat;
						background-color:#f9f9f9;

					}
										
					.panelText {
						width:250px;
						height:50px;
						position:relative;
						top:40px;
						left:18px;
					}
					
					.moreinfo {
						width:245px;
						height:20px;
						position:relative;
						top:170px;
						left:18px;
					}

					.moreinfoI {
						width:245px;
						height:20px;
						position:relative;
						top:50px;
						left:18px;
					}

			
					#framework #showcase #defaultContent #panel #right #online{
						width:304px;
						height:255px;
						position:relative;
						background-image:url('images/online.jpg');
						background-repeat:no-repeat;
					}

						#framework #showcase #defaultContent #panel #right #online #onlineform{
							width:270px;
							height:200px;
							position:relative;
							top:40px;
							left:18px;

						}
						
							#framework #showcase #defaultContent #panel #right #online #onlineform .buttonfield{
								width:274px;
								height:30px;
								position:relative;
								top:12px;
								left:0px;
								text-align:right;
							}

							#framework #showcase #defaultContent #panel #right #online #onlineform .buttonfield input{
								border:1px #c3c9c7 solid;
								font-size:11px;
								color:#0c365d;
								background-color:#f9f9f9;
								width:60px;
								height:20px;
								cursor:pointer;
							}

						
							#framework #showcase #defaultContent #panel #right #online #onlineform .field{
								width:270px;
								height:30px;
								position:relative;
								top:0px;
								left:0px;
							}
							
								#framework #showcase #defaultContent #panel #right #online #onlineform .field input {
									border:1px #c3c9c7 solid;
									font-family:verdana, Arial;
									font-size:12px;
									color:#c3c9c7;
									width:270px;
									height:20px;
								}
							
							#framework #showcase #defaultContent #panel #right #online #onlineform .mfield{
								width:270px;
								height:100px;
								position:relative;
								top:0px;
								left:0px;
							}
							
								#framework #showcase #defaultContent #panel #right #online #onlineform .mfield textarea{
									border:1px #c3c9c7 solid;
									font-family:verdana, Arial;
									font-size:12px;
									color:#c3c9c7;
									width:270px;
									height:100px;
									overflow:hidden;
								}

			#framework #showcase #defaultContent #footer{
				width:902px;
				height:77px;
				top:15px;
				position:relative;
				background-color:#f9f9f9;
			}
			
				#framework #showcase #defaultContent #footer #phonepanel{
					width:200px;
					height:50px;
					position:absolute;
					left:20px;
					top:18px;
				}
				
				#framework #showcase #defaultContent #footer #copyrightpanel{
					width:400px;
					height:40px;
					position:absolute;
					right:20px;
					top:28px;
					text-align:right;
				}
				
				
				
	/********************************************************/
	/* Page Content
	/********************************************************/
	
	#framework #showcase #pagecontent{
		width:902px;
		height:auto;
		position:relative;
		}
	
		#framework #showcase #pagecontent #pagepanel{
			width:902px;
			height:135px;
			position:relative;
			border-bottom:1px #c3c9c7 solid;
		}
		
			#framework #showcase #pagecontent #pagepanel #pageleft{
					width:298px;
					height:255px;
					position:absolute;
					left:0px;
					top:0px;
				}

				#framework #showcase #pagecontent #pagepanel #pageleft #pagehome{
						width:281px;
						height:119px;
						position:relative;
						background-image:url('images/homeservices.jpg');
						background-repeat:no-repeat;
					}

			#framework #showcase #pagecontent #pagepanel #pagecenter{
				width:298px;
				height:255px;
				position:absolute;
				left:298px;
				top:0px;
			}
			
				#framework #showcase #pagecontent #pagepanel #pagecenter #pagebusiness{
						width:281px;
						height:119px;
						position:relative;
						background-image:url('images/smallbusiness.jpg');
						background-repeat:no-repeat;
					}
					
			#framework #showcase #pagecontent #pagepanel #pageright{
				width:298px;
				height:255px;
				position:absolute;
				left:596px;
				top:0px;
			}

				#framework #showcase #pagecontent #pagepanel #pageright #pageclient{
						width:304px;
						height:119px;
						position:relative;
						background-color:#f9f9f9;
						background-image:url('images/backupsolution.jpg');
						background-repeat:no-repeat;
					}

		#framework #showcase #pagecontent #pagetextarea{
			width:902px;
			height:auto;
			position:relative;
		}
		
			#framework #showcase #pagecontent #pagetextarea #detailtext{
				width:902px;
				height:auto;
				position:relative;
				top:15px;
				min-height:400px;
			}
		
			#framework #showcase #pagecontent #pagetextarea #pagebottombrd{
				height:15px;
				width:902px;
				border-bottom:1px #c3c9c7 solid;
				position:relative;
			}

		#framework #showcase #pagecontent #pagefooter{
			width:902px;
			height:77px;
			top:15px;
			position:relative;
			background-color:#f9f9f9;
		}
		
			#framework #showcase #pagecontent #pagefooter #pagephonepanel{
				width:200px;
				height:50px;
				position:absolute;
				left:20px;
				top:18px;
			}
			
			#framework #showcase #pagecontent #pagefooter #pagecopyrightpanel{
				width:400px;
				height:40px;
				position:absolute;
				right:20px;
				top:28px;
				text-align:right;
			}



					#onlinepage{
						width:304px;
						height:335px;
						position:relative;
						background-image:url('images/online.jpg');
						background-repeat:no-repeat;
						background-color:#F9F9F9;
					}

						#onlinepage #onlinepageform{
							width:270px;
							height:200px;
							position:relative;
							top:40px;
							left:18px;

						}
						
							#onlinepage #onlinepageform .onlinepagebuttonfield{
								width:274px;
								height:30px;
								position:relative;
								top:12px;
								left:0px;
								text-align:right;
							}

							#onlinepage #onlinepageform .onlinepagebuttonfield input{
								border:1px #c3c9c7 solid;
								font-size:11px;
								color:#0c365d;
								background-color:#f9f9f9;
								width:60px;
								height:20px;
								cursor:pointer;
							}

						
							#onlinepage #onlinepageform .onlinepagefield{
								width:270px;
								height:30px;
								position:relative;
								top:0px;
								left:0px;
							}
							
								#onlinepage #onlinepageform .onlinepagefield input {
									border:1px #c3c9c7 solid;
									font-family:verdana, Arial;
									font-size:12px;
									color:#c3c9c7;
									width:270px;
									height:20px;
								}
							
							#onlinepage #onlinepageform .onlinepagemfield{
								width:270px;
								height:100px;
								position:relative;
								top:0px;
								left:0px;
							}
							
								#onlinepage #onlinepageform .onlinepagemfield textarea{
									border:1px #c3c9c7 solid;
									font-family:verdana, Arial;
									font-size:12px;
									color:#c3c9c7;
									width:270px;
									height:100px;
									overflow:hidden;
								}
								
								


.contactusfield{
	width:370px;
	height:30px;
	position:relative;
	top:0px;
	left:0px;
}

.contactusfield input {
		border:1px #c3c9c7 solid;
		border-right:4px #c3c9c7 solid;
		font-family:verdana, Arial;
		font-size:12px;
		color:#c3c9c7;
		width:370px;
		height:20px;
	}

.contactusmfield{
	width:370px;
	height:100px;
	position:relative;
	top:0px;
	left:0px;
}

.contactusmfield textarea{
		border:1px #c3c9c7 solid;
		border-right:4px #c3c9c7 solid;
		font-family:verdana, Arial;
		font-size:12px;
		color:#c3c9c7;
		width:370px;
		height:100px;
		overflow:hidden;
	}


.contactusbuttonfield{
	width:374px;
	height:30px;
	position:relative;
	top:10px;
	left:0px;
	text-align:right;

}

.contactusbuttonfield span{
	text-align:center;
	position:absolute;
	left:0px;
	top:0px;
}

.contactusbuttonfield .errorprovider{
	width:300px;
	height:30px;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
}

.contactusbuttonfield input{
	border:1px #c3c9c7 solid;
	font-size:11px;
	color:#0c365d;
	background-color:#f9f9f9;
	width:60px;
	height:20px;
	cursor:pointer;
}