/* ..................BODY.............................. */



body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #387291;
	margin: 0; /* */
	padding: 0;

	text-align: center;
}
	  
	  
/* ..................DIVS.............................. */
	  
#container {text-align: left;
            margin: 10px auto;
            position: relative;
	    padding: 0px;
	    width: 900px;}
			
#header {margin: 0px;
         padding: 0px;
         position: relative;
         height: 138px;
         background: url(images/header.jpg)  no-repeat;}
		 
		 
#content {background-image: url(images/bodyshadow.gif);
          position: relative;
          margin: 0px;
          padding: 15px 0px 0px 0px;
	  overflow: auto;}

#contentwhyus1 {background-image: url(images/bodyshadow3.gif);
          position: relative;
          margin: 0px;
          padding: 0px 0px 0px 0px;
	  overflow: auto;}
		  
#contentservices {background-image: url(images/bodyshadow2.gif);
          position: relative;
          margin: 0px;
          padding: 0px 0px 0px 0px;
	  overflow: auto;}

#contentcontactus1 {background-image: url(images/bodyshadow.gif);
          position: relative;
          margin: 0px;
          padding: 0px 0px 0px 0px;
	  overflow: auto;}

		  
#intro {margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 485px;
        position: relative;
	float: left;}
		
#floatcon {margin: 0px;
           padding: 0px;
	   overflow: auto;}
		
#flashbox {margin: 0px 0px 0px 5px;
           padding: 0px 6px 0px 0px;
           width: 400px;
           position: relative;
           height: 334px;
           float: right;}		 
		 
#footer {margin: 0px 0px 10px 0px;
         width: 900px;
		 height: 53px;
         padding: 0px;
		 background: url(images/footer.gif) top no-repeat;
		 font-size: 10px;
		 font-family: arial;
		 color: #ffffff;}	
		 
#contactusleft {margin: 0px;
                padding: 0px;
                border: 1px solid #000000;
                position: relative;}
		
		
				
#contactusright {margin: 70px 100px 0px 10px;
                 padding: 0px 0px 0px 0px;
	         font-size: 13px;
                 brder: 1px solid #000000;
                 float: right;
                 with: 280px;
                 position: relative;}


.conright {margin: 0px;
           padding: 0px;
           float: right:
           position: relative;}

#contactus {margin: 0px;
            padding: 0px;
            position: relative;}
			
#contactus table {margin: 0px;
                  padding: 0px;
		text-align: left;}
				 
				 
#contactus td {margin: 0px;
text-align: left;
                padding: 0px;}
				
#contactus tr {margin: 0px;
text-align: left;
                padding: 0px;}	 
				 
				 
#whyusleft {margin: 0px 19px 0px 19px;
            padding: 0px;
             position: relative;
background-color: #ffffff;}
	
				
#whyusright {margin: 0px 0px 0px 540px;
                 padding: 45px 0px 20px 2px;
				 font-size: 13px;
				 height: 260px;
background-color: #ffffff;
				 borer: 1px solid #000000;}
				 
#onboard {margin: 5px 20px 0px 20px;
          padding: 0px 0px 0px 0px;
          position: relative;
          background: url(images/whyusbackground.gif);}	 
		  
		  
		  
#servicesleft p {margin: 0px;
                 padding: 0px;
		 float: left;
		 width: 520px;
		 background-color: #E7F4F9;}
				

				
#servicesright {margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 13px;
		height: 260px;
		background-color: #E7F4F9;}
				 
.servicesrightpic {padding: 0px;
	           margin: 0px;}
					
				
#seo {margin: 0px 19px 0px 19px;
      background-color: #E7F4F9;}

		 
#webdesign {margin: 0px 19px 0px 19px;
            padding: 0px 0px 0px 0px;
	    background-color: #C0E1F3;}
	  
#logodesign {margin: 0px 19px 0px 19px;
             padding: 0px;
	     background-color: #C0E1F3;}
	  
#photography {margin: 0px 19px 0px 19px;
              background-color: #E7F4F9;}
	  
.pwidth {width: 400px;
         float: left;
	 margin: 7px;
	 padding: 0px 0px 0px 0px;}
		 
.floatright {float: right;
             margin: 20px 19px 0px 19px;
	     padding: 0px 0px 0px 0px;
             position: relative;}
			  
.floatrightwhyus {float: right;
                  position: relative;
                  margin: 4px 19px 0px 19px;
		  padding: 0px 0px 0px 0px;}
		 
#box{ margin: 0px 19px 0px 19px;
      padding: 0px;
      background-color: #E7F4F9;}
		 
		 
/* ..................Main Navigation.............................. */		 
		 
		 
#navigation {margin: 0px;
             width: 900px;
		     height: 30px;
             padding: 0px;
		     background: url(images/navbar.gif) top no-repeat;
		     font-size: 13px;
		     text-align: center;
		     font-family: arial;}
	  
#navigation ul {margin: 0px 0px 0px 0px;
                padding: 6px 0px 0px 0px;
	            color: #ffffff;}
		
#navigation li {margin: 0px;
                padding: 0px 39px 0px 40px;
	            color: #ffffff;
		        display: inline;
		        list-style-type: none;} /* gets rid of bullets */ 
		
#navigation li a {display: inline;
                  text-decoration: none;
			      color: #ffffff;
				  margin: 0px;
			      padding: 0px;}

#navigation li:hover a {margin: 0px;
                        padding: 0px;
                        color: #BBE1F5;
						text-decoration: underline;}
				
/* ..................FOOTER NAVIGATION.............................. */		  


		

.footernav {margin: 0px 210px 0px 280px;
            padding: 10px 0px 0px 0px;}
	  
.footernav ul {margin: 0px 0px 0px 0px;
               padding: 0px 0px 0px 0px;
	           color: #ffffff;}
		
.footernav li {margin: 0px 0px 0px 0px;
               padding: 0px 22px 0px 24px;
	           color: #ffffff;
		       display: inline;
		       list-style-type: none;} /* gets rid of bullets */ 
		
.footernav li a {display: inline;
                 text-decoration: none;
			     color: #ffffff;
				 margin: 0px;
			     padding: 0px;}

.footernav li:hover a {margin: 0px;
                       padding: 0px;
                       color: #BBE1F5;
					   text-decoration: underline;}
		 
		 
		 
/* ..................P STYLING ON INDEX.............................. */	
		 
		 
p {padding: 0px 30px 12px 39px;
   margin: 0px 0px 0px 0px;
   font-size: 13px;
}
   
.front {padding: 0px;
        margin: 12px 30px 5px 39px;
        font-size: 13px;
}
		
.standout {color: #397290;
           font-weight: bold;} 
		   
.floatleft {margin: 15px; 15px 15px 15px; 
            padding: 0px 0px 0px 0px;
	    float: left;
            position: relative;}
			 
.servicespadding {padding-left: 15px;}
.servicespadding2 {padding-left: 15px;
                   padding-top: 10px;}
				   
.whyuspadding {padding-left: 25px;}
		


/* ..................FOOTER CLASSES.............................. */	
   
   
.footerleft {float: left;
             margin: 10px 0px 0px 25px;
		     padding: 0px;
		     font-size: 10px;}
		 
.footerright {float: right;
              margin: 10px 25px 0px 0px;
		      padding: 0px;
		      font-size: 10px;}
   
	
/* ..................INDEX BOX CLASSES.............................. */		













table {margin: 20px auto;
       padding: 0px 0px 0px 0px;
text-align: center;
	   vertical-align: center;}
	   

	   
td {width: 142px;
    padding: 5px 0px 5px 0px;
    margin: 0px;
    height: 25px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
    text-align: center; 
	vertical-align: center;}
	
	





tr {margin: 0px;
    height: 25px;
    padding: 0px;}
	
.light {background-color: #E9F1F5;
margin: 0px;
       padding: 7px 10px 10px 7px;

        width: 142px;
        height: 25px;
	    color: #08425A;
		}
		
.dark {background-color: #CBE6F1;
margin: 0px;
       padding: 7px 10px 10px 7px;
       width: 142px;
       height: 25px;
	   color: #08425A;}
		
.side {background-color: #4894B3;
        margin: 0px;
       padding: 7px 10px 10px 7px;
       color: #ffffff;
	   width: 142px;
       height: 25px;
	   font-weight: bold;}
	 
.topleft {background: url(images/left.gif) no-repeat;
margin: 0px;
       padding: 7px 10px 10px 7px;
          width: 142px;
          height: 25px;
		  font-weight: bold;
		  font-family: Arial, Helvetica, sans-serif;
		  }

.topright {background: url(images/right.gif) no-repeat top right;
margin: 0px;
       padding: 7px 10px 10px 7px;
           color: #ffffff;
		   width: 142px;
		   font-weight: bold;
           height: 25px;
		   }
		   
.bleft {background: url(images/bleft.gif) bottom left no-repeat;
margin: 0px;
       padding: 7px 10px 10px 7px;
          width: 142px;
          height: 25px;
		  color: #ffffff;
		  font-weight: bold;
		  }

.bright {background: url(images/bright.gif) no-repeat bottom right;
margin: 0px;
       padding: 7px 10px 10px 7px;
           color: #ffffff;
		   width: 142px;
		   font-weight: bold;
           height: 25px;
		   }
		   
.bottom {width: 710px;
         color: #08425A;
		 text-align: left;
		 font-size: 13px;
		 font-family: arial;
		 margin: 0px;
		 padding: 20px 0px 0px 0px;}
	
.indextable {margin: 10px 0px 10px 40px;
             padding: 0px 0px 20px 0px;}   	  
		 
.priceplan {margin: 0px;
            padding: 0px;
		    width: 240px;
		    height: 140px;}		 
		 
.priceplan ul {margin: 0px 0px 0px 0px;
               padding: 0px 0px 0px 0px;
	           color: #ffffff;
		       width: 240px;
		       height: 140px;}
		
.priceplan li {margin: 0px 0px 0px 0px;
               padding: 0px 0px 0px 0px;
	           color: #ffffff;
		       width: 240px;
		       height: 140px;
		   	   background: url(images/priceplan.gif);
		       display: block;
		       list-style-type: none;} /* gets rid of bullets */ 
		
.priceplan li a {display: block;
                 text-decoration: none;
			     color: #ffffff;
			     margin: 0px;
			     padding: 0px;
			     width: 240px;
		         height: 140px;}

.priceplan li:hover a {margin: 0px;
                     padding: 0px;
				     width: 240px;
		             height: 140px;
                     background: url(images/priceplanactive.gif);}
					 

.services {margin: 0px;
          padding: 0px;
		  width: 240px;
		  height: 140px;}		 
		 
.services ul {margin: 0px 0px 0px 0px;
             padding: 0px 0px 0px 0px;
	         color: #ffffff;
		     width: 240px;
		     height: 140px;}
		
.services li {margin: 0px 0px 0px 0px;
             padding: 0px 0px 0px 0px;
	         color: #ffffff;
		     width: 240px;
		     height: 140px;
			 background: url(images/services.gif);
		     display: block;
		     list-style-type: none;} /* gets rid of bullets */ 
		
.services li a {display: block;
               text-decoration: none;
			   color: #ffffff;
			   margin: 0px;
			   padding: 0px;
			   width: 240px;
		       height: 140px;}

.services li:hover a {margin: 0px;
                     padding: 0px;
				     width: 240px;
		             height: 140px;
                     background: url(images/servicesactive.gif);}
					 
.cu {margin: 0px;
          padding: 0px;
		  width: 240px;
		  height: 140px;}		 
		 
.cu ul {margin: 0px 0px 0px 0px;
             padding: 0px 0px 0px 0px;
	         color: #ffffff;
		     width: 240px;
		     height: 140px;}
		
.cu li {margin: 0px 0px 0px 0px;
             padding: 0px 0px 0px 0px;
	         color: #ffffff;
		     width: 240px;
		     height: 140px;
			 background: url(images/cu.gif);
		     display: block;
		     list-style-type: none;} /* gets rid of bullets */ 
		
.cu li a {display: block;
               text-decoration: none;
			   color: #ffffff;
			   margin: 0px;
			   padding: 0px;
			   width: 240px;
		       height: 140px;}

.cu li:hover a {margin: 0px;
                     padding: 0px;
				     width: 240px;
		             height: 140px;
                     background: url(images/cuactive.gif);}
					 
					 
.chatpad {
padding-top: 40px;}
				  
				  
/* ..................IMAGE BORDER.............................. */	
					 
					 
img {border: none;
padding: 0px;
margin: 0px;}	



/* ..................BULLETS ON INDEX.............................. */		

		 
.bullets {margin: 0px 0px 0px 56px;
          padding: 0px 0px 0px 0px;
		  font-size: 14px; }
		  
.bullets ul{margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
		    list-style-image: url(images/bullet.gif);}
		  
.bullets li{margin: 0px 0px 0px 0px;
            padding: 4px 0px 4px 0px;
		    list-style-image: url(images/bullet.gif);}
			

/* ..................BULLETS ON WHY US.............................. */
		  
		  
.whyusbullets {margin: 0px 30px 0px 38px;
               padding: 0px 0px 10px 0px;
		       font-size: 13px; }
		  
.whyusbullets ul{margin: 0px 0px 0px 0px;
                 padding: 0px 0px 0px 0px;
		         list-style-image: url(images/squarebullet.gif);}
		  
.whyusbullets li{margin: 0px 0px 0px 0px;
                 padding: 4px 0px 4px 0px;
		         list-style: square;}
				 
				 
/* ..................BULLETS SERVICES.............................. */
		  
		  
.servicesbullets {margin: 0px 30px 0px 55px;
               padding: 0px 0px 10px 0px;
		       font-size: 13px; }
		  
.servicesbullets ul{margin: 0px 0px 0px 0px;
                 padding: 0px 0px 0px 0px;
		         list-style-image: url(images/squarebullet.gif);}
		  
.servicesbullets li{margin: 0px 0px 0px 0px;
                 padding: 4px 0px 4px 0px;
		         list-style: square;
				 display: inline;}
		  
		
/* ..................H4 H5.............................. */		  


h5 {margin: 0px 0px 0px 0px;
    padding: 0px 0px 9px 25px;}


.h5tac {margin: 0px;
        padding: 0px 0px 10px 39px;}	
	
.h5whyus {margin: 0px 0px 0px 0px;
    padding: 15px 0px 9px 12px;
    background-color: #ffffff;}
	
.onboard {margin: 0px 0px 0px 0px;
    padding: 0px 0px 9px 8px;}
	
h4 {margin: 0px 0px 0px 0px;
    padding: 13px 0px 9px 37px;}
	
.cubold {font-weight: bold;}

.extratop {padding-top: 10px;}

h3 {margin: 5px;
    padding: 5px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #397290;}
	
	
.h4portfolio {margin: 5px;
              padding: 5px 0px 10px 0px;
			  font-family: Arial, Helvetica, sans-serif;
	color: #397290;}
	
pportfolio {color: #397290;}


.h5portfolio {margin: 0px;
              padding: 0px 0px 0px 19px;
			  }

	
	
/* ..................CONTACT US FORM.............................. */	
	
input.txt {color: #00008b;
           background-color: #e3f2f7;
           border: 1px inset #00008b;
           width: 200px;}

input.txttel {color: #00008b;
              background-color: #e3f2f7;
              border: 1px inset #00008b;
              margin-left: 11px;
              width: 200px;}

imput.btn {color: #00008b;
           background-color: #add8e6;
           border: 1px outset #00008b;}

form div {clear: left;
          margin: 0px;
          padding: 0px;
          padding-top: 5px;}

form div label {float: left;
                width: 44%;
                font: bold 12px arial;
				margin-bottom: 5px;}

fieldset {border: 1px solid #ffffff;
          margin-top: 0.7em;
		  margin-left: 35px;
          padding: 0.4em;
		  width: 470px;
position: relative;}

legend {font: bold 0.8em arial;
        color: #ffffff;
        background-color: #000000;}

.widthbutton {width: 100px;
              margin-left: -39px;
			  margin-top: 5px;}
			  
.boldfont {font-family: arial, "Times New Roman", Times, serif 13px;
           font-weight: bold;
           margin: 0px 0px 0px 0px;
		   padding: 5px 0px 0px 5px;}
		
.font2it {font: 12px arial;
          font-style: italic;
          margin: 5px 0px 0px 40px;
		  padding: 0px 20px 15px 0px;}


.fontred {font: 12px arial;
          font-weight: bold;
          color: #c00;
          margin: 5px 0px 0px 40px;
		  padding: 0px 20px 15px 0px;}
		
		
.stylebold {font: 12px arial;
            margin: 0px 0px 0px 0px;
		    padding: 0px 0px 0px 0px;
            color: #000000;
            font-weight: bold;}
			
.stylered {font-size: 18px;
           margin: 0px 0px 0px 0px;
		   padding: 0px 0px 0px 0px;
           color: #FF0000;
           font-weight: bold;}
		   
		   
#addressfont {margin: 7px 0px 0px 0px;
              padding: 0px;}		   
		   
.addressfont {font: bold 12px arial;
              margin: 0px 0px 1px 0px;}
			  
.style2 {border-bottom: 1px solid #000000;}
		 
		 

		 
.portfoliotop {margin: 0px;
               padding: 0px 0px 0px 15px;
			   width: 339px;
			   height: 36px;
			   text-align: left;
			   color: #ffffff;
			   font-weight: bold;
			   background: url(images/portfoliotop.gif) top no-repeat; }
			   
.portfoliomiddle {margin: 0px;
               padding: 10px 0px 0px 0px;
			   vertical-align: top;
			    width: 339px;
				color: #0D4D6F;
				
			   height: 300px;
			   background: url(images/portfoliomiddle.gif) top; }
			   
.portfoliobottom {margin: 0px;
color: #397290;
               padding: 0px;
			   background: url(images/portfoliobottom.gif) bottom no-repeat; }
		 
		 
.space {margin: 0px;
        padding: 0px;
		width: 100px;}
		
.sbold {font-weight: bold;}	
		 
	
.tp {margin: 10px 0px 15px 85px;
     padding: 0px;}	 							   
.tp2 {margin: 10px 0px 15px 89px;
     padding: 0px;}

.tp3 {margin: 10px 0px 0px 93px;
     padding: 0px 0px 0px 0px;}	


.cubold2 {margin: 0px;
          padding: 0px 0px 10px 38px;
		  font-weight: bold;}		
		  
		  
.cutable {margin: 0px 0px 0px 0px;
          padding: 250px 0px 0px 0px;
		  width: 330px; border: 1px solid #000000;}
		  
		  
#con {padding: 0px;
      margin: 0px 0px 0px 0px;
      border: 1px solid #000000;}	



#pp {margin: 0px 0px 0px 0px;
     padding: 0px 0px 15px 0px;}