#contactArea { height: 580px; width:960px; border-bottom: 2px solid #02b6f1;  overflow: hidden; background-color: #2E629C; }


/* ----- The Pretty Stuff ----- */

* { margin: 0; padding: 0; outline: 0; } 

body {   }

#container { width: 960px; margin: 0 auto; }


#contactArea  a{  padding-left:300px;  font-size: 30px;	color: #fff;  text-decoration:none; border-bottom: 0px solid #02b6f1;
	text-shadow: 1px 1px 2px;	text-align: center;	font-weight:bold; font-style:normal;}
	
	#contactArea  a:hover{color: #ffc; text-decoration:underline;}

	  
	 
 

.content {  width: 960px; height: 400px; padding: 5px; margin: 0 auto;   -webkit-border-radius: 10px; -moz-border-radius: 10px; font-family: Arial; font-size: 16px; line-height: 25px; position: relative; top: 380px; }

.middlewrap{ position:absolute; top: 45% !important;   left:30%; right:30%;  max-width: 960px;   }

#servicebox{



top:0px;
float:left;
margin:0 auto;
 left: -180px;
 right:300px;
bottom: 0px;
width: 400px;

position:relative;  


 
 z-index: -5000;
 
 
 
}
#recentwork{

top:0px;
 
 
 
 margin: 0px auto;
position:relative;  
right:0px;
left:350px;
bottom: 0px;
width: 400px;


z-index: -5000;

 
 
}

 
 
.footbubble {
 top: 98% !important;
margin:0px 200px 0px 200px;
	width: 600px;
color:#4F4F4F;
text-align: center;
 max-height: 40px;
 font-weight:bold; font-style:normal;
	background: transparent;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px;
	-khtml-box-shadow: 0px 0px 8px;
	-webkit-box-shadow: 0px 0px 8px;	
	position: absolute; 
z-index: 5000; /* the stack order: displayed under ribbon `` (100) */
	padding-top:5px;
	
}

#browsers{
 float:none;
 padding:0px;
 margin:0px;
 
 }
 
.footbubble a{color:#2E629C; text-decoration:none; font-weight:bold; font-style:normal; letter-spacing: 1px;}

.footbubble a:hover {color:#C4311F; font-weight:bold; text-decoration:underline;}


#flashhover {
background: url(/quickfrontend/images/flashsprite.png);
background-repeat:no-repeat;
background-position: bottom center;
width: 200px;
 display:block;
height: 185px;
top:-50px;
left: 260px;


text-indent:-9999px;

position: absolute; 
 
}
#flashhover:hover{

top:-55px;
left: 263px;
background-position: top center;
 
 
}

.bubble {
 
	margin: 0px auto;
	width: 350px;
	
 max-height: 420px;
	background: transparent;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	position: absolute; 
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
	
	
}



.rectangle {
	background: #2E629C;
	height: 50px;
	width: 380px;
	position: relative;
	left:-15px;
	top: 30px;
	float: left;
		-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: -100; /* the stack order: foreground */
}

.rectangle h2 {
	font-size: 30px;
	color: #fff;
	padding-top: 6px;
	text-shadow: 1px 1px 2px;
	text-align: center;
}

.triangle-l {
	border-color: transparent #2E629C transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -30px;
	top: 65px;
	z-index: -1; /* displayed under bubble */
}

.triangle-r {
	border-color: transparent transparent transparent #2E629C;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: 350px;
	top: 35px;
	z-index: -1; /* displayed under bubble */
}

.info {
max-height:280px;
	padding: 25px 25px 35px 25px;
color: #4F4F4F;
}

.info h2 {
	font-size: 20px;
	
	padding:0px;
 color: #4F4F4F;
}

.info p {
 color: #4F4F4F;
padding-top: 10px;
font-weight: 800;
	font-size: 14px;
	line-height: 22px;
	text-align:justify;
 
}
.info p:hover{
   
color:#C49764;
 
}

.info p a {
 
	text-decoration: none;
}

.info p a:hover {
	text-decoration: underline;
}

a.contact {  padding:0px; float: right; width: 86px; height:60px; border:0px;   background: url(/quickfrontend/images/pullup.jpg) no-repeat  center center !important;}
a.contact:hover {  padding:0px; float: right; width: 86px; height:60px; border:0px;   background: url(/quickfrontend/images/pulldown.jpg) no-repeat  center center !important;}


a.contactword {  	font-size: 14px; line-height: 22px; color:#2E629C;	text-decoration: underline;}

a.contactword:hover {  font-size: 14px;	line-height: 22px;  color:#000;	text-decoration: underline;  }

 

form { width: 960px; height: 300px; padding: 25px; margin: 0 auto; }


 

 
 
 #message {  width: 960px; }

 

#footer { width: 930px; padding: 15px; margin: 0 auto; position: relative; top: 55px;  }
#footer img { float: right; }
#footer a.back { color: #02b6f1; text-decoration: none; font-family: Arial; font-size: 16px; position: relative; top: 10px; }