body {margin:0; padding:0; background-color:#efefef;}

#container {width:1080px;
			  position:relative;
			 margin:0 auto;
			 overflow:auto;
			 overflow-y:hidden;
			 border:5px solid #ffffff;
			  background:url(../images/bground.png) #e0eaee;}
			  

	   
			

					
/* ~~~~~~~~~~~~~~~~~so no tables~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul.pagination {width:80%;}

ul.pagination li{display:inline; margin-left:5px;}







.blog { padding: 0; font-family:arial, verdana, sans-serif;}




.cols1
{
	display: block;
	float: none !important;
	margin: 0 !important;
}

.cols2 { width: 45%; }
.cols3 { width: 30%; }

.column1 , .column2
{
	border: solid 0px #D4A7C5;
	margin: 0 5px 0 0;
	position: relative;
}

.column2 , .column1
{
	float: left;
	margin: 0;
}

.column2
{
	float: right;
	margin: 0;
	width: 45%;
}

.article_row
{
	margin: 0px 0 0px 0;
	padding: 0;
	overflow: hidden;
         
}

.article_column
{
	border: solid 0px #ccc;
	padding: 10px 10px 10px 0;
}




.row_separator2
{
	display: block;
	clear: both;
	margin: 0;
	border: solid 0px;
}


.article_separator { display:block;
                     border-top:5px solid #ffffff;}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ end of no tables section | might remove ~~~~~~~~~~~~~~~~~~ */





/* for the read more */

.blog_more {width:80%; float:left; border-top:1px solid #336699;}

.leading  {border-bottom:1px dashed #5ECBFF;}















.moduletable_latestnews h3  {font-family:Tahoma, Geneva, sans-serif; color:#ffffff;  padding:0px 0px 0px 10px;}

.moduletable_oldnews h3  {font-family:Tahoma, Geneva, sans-serif; color:#ffffff;  padding:0px 0px 0px 10px;}


.moduletable_contact   {  position:relative; z-index:12; width:25%; margin:50px 0px 0px -600px; padding:5px;}



#user2 li.latestnews {list-style-type:circle;}



p.counter {width:80%; float:left;}







/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~for name and date~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

span.createdby {font-size:11px;}
.createdate {font-size:11px;}




a:link, a:visited{
			text-decoration:none;
			color:#006;
	}
	
	
	

a:hover {
	text-decoration:none;
	color:#390;
	background-color:#ffffff;
	}



	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~main stuff~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#headPics {position:relative;
           top:0px;
		   left:0px;
	       background-image:url(../images/banner5.png);
		   background-repeat:no-repeat;
           width:100%;
		   height:404px;
		   border:none;
		   z-index:9;}	
		   
#headerLink {position: absolute;
    
    width: 200px;    /* width of the logo */
    height: 75px;   /* height of the logo */
    top: 10px; left: 10px; /* top-left corner of logo */
    border: none;
    background-color:transparent;
    
}

#headerLink h1 {display:none;}
		   
#upperNav {position:absolute;
           top:0px;
		   right:0px;
		   z-index:11;
		
		   font-family:Verdana, Geneva, sans-serif;
		   font-size:18px;}
#upperNav ul {list-style-type:none;
              display:inline;}
			  
#upperNav li {padding-right:10px; float:left;}

#upperNav a:link {color:#e3ffe6;}
#upperNav a:visited {color:#e3ffe6;}
#upperNav a:hover {color:#006;
                   background-color:#FFF;}
		   
/* #slides {position:relative;
	     width:550px;
         height:300px;
		 background-color:#275c72;
		 top:-238px;
		  right:0px;
		 border:none;
		 padding:0px;
		 z-index:6;} */
		 
/* #slides {position:absolute;
	     width:550px;
         height:300px;
		 background-color:#275c72;
		 top:148px;
		 right:0px;
		 border:none;
		 padding:0px;
		 z-index:6;} */

/* #banner {position:relative;
         
         height:150px;
		 top:-388px;
		 z-index:5;} */
		 
#infoPanel {
            float:left;
		    margin-top:-30px;
	        background: url(../images/middleBannerS2.png) repeat-x;
            width:100%;
			z-index:2;
			
			
			}


#header h1 a.headerLink:link{color:#7a0025; text-decoration: none;}
#header h1 a.headerLink:visited{color:#7a0025; text-decoration: none;}
#header h1 a.headerLink:hover{color:#7a0025;  }




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left navigation~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#left { float:left;
        width:18%;
		height:100%;
	    margin-top:30px;
		font-family:Verdana, Geneva, sans-serif;
		padding-right:20px;
		border-right:1px dashed #5ECBFF;
		z-index:7;
	}

#left ul {list-style-type:none; width:100%; margin:10px 0px 0px 10px; padding:0px;}

#left li {border-bottom:1px dotted #000000; width:100%; margin:0px; padding:0px;}

#left a:link{
			text-decoration:none;
			color:#006;
	}

#left a:visited{
			text-decoration:none;
			color:#006;
	}
	
	
	

#left a:hover {
	text-decoration:none;
	color:#390;
	background-color:#ffffff;
	}


.moduletable_menu {margin-top:40px;}

.moduletable_menu h3{font-size:16px; padding-left:5px;}






/* ~~~~~~~~~~~~~~~~~~~~~~********center page content************~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */ 


img.photos {border:10px solid #ffffff; margin-right:10px; }


#pageContent {float:left;
              
              width:51%;
              margin-top:0px;
			  padding:10px;
			  z-index:8;
			  border-right:1px dashed #5ECBFF;
			  
			  }
		  


#pageContent100 {float:left; width:100%; padding:10px; font-family:arial, verdana, sans-serif;}
#pageContent70 {float:left; width:77%; padding:10px;  font-family:arial, verdana, sans-serif; }
#pageContent50 {float:left; width:51%; padding:10px; font-family:arial, verdana, sans-serif; }


#user5 {   width:45%; margin:50px 0px 0px 950px; padding:5px; }

#tweets {  float:left; width:25%; margin:0px 0px 0px 0px; padding:5px;}

#user6 {  float:left; width:25%; margin:0px 0px 0px 0px; padding:5px;}

#a-w-tech  {  float:left; width:22%; margin:50px 0px 0px 0px; padding:5px;}





/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~title background~~~~~~~~~~~~~~~~~~~~~~~ */

h2.contentheading {background:  url(../images/contentTitleImg.png) no-repeat top left;
                  
				  
				   background-position:fixed;
				   height:51px;
				   padding:20px 40px 20px 40px;
				   
				   font-family:Verdana, Geneva, sans-serif;
				   margin-top:15px;
                    text-align:left;
					font-size:14px;
					}   
					

					
h2.contentheading a:link, a:visited{
			text-decoration:none;
			color:#006;
			
	}
	
	
	

h2.contentheading a:hover {
	text-decoration:none;
	color:#390;
	
	padding:0px;
	}







/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ where the flickr images go~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#preFooter {
             float:left;
             width:100%;
             height:300px;
            
            
            background:url(../images/preFooterSmall.png) repeat-x;
			}

#user2{height:290px;
       width:219px;
       float:left;
      
}




#user2 a:link {
			text-decoration:underline;
			color:#ffffff;
	}


#user2  a:visited{
			text-decoration:underline;
			color:#ffffff;
	}
	
	
	

#user2 a:hover {
	text-decoration:none;
	color:#900;
	background-color:#ffffff;
	}

#user3{height:290px;
       width:219px;
       float:left;
}


#user4{height:290px;
       width:600px;
       float:left;
}
#user4 h3  {font-family:Tahoma, Geneva, sans-serif; color:#ffffff;  padding:0px 0px 0px 10px;}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~for the services page~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#otherInfo {
            
		 
		    width:100%;
			float:left;
			z-index:90;
			font-size:18px;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-weight:normal;
			padding: 10px 0px 10px 0px;
			 border-bottom:2px dashed #ffffff;}


#otherInfo p.forMoreInfo {margin-left:600px; font-size:22px; padding:0px; }
			 
#otherInfo li {font-size:16px;}
			 

.otherInfo1 {width:260px;
             height:380px;
             float:left;
			 margin-left:15px;
		     margin-top:25px;
			 background:#e7f1e9 url(../images/otherInfoBG2.png) repeat-x;
			}
			
.otherInfo1 h1{padding-left:6px;}
.otherInfo1 p{margin-left:10px;
              margin-right:10px;
               font-size:14px;}
.otherInfo1Heading {font-size:22px;}

.otherInfo2 {width:260px;
             height:480px;
             float:left;
			 margin-left:15px;
		     margin-top:25px;
			 background:#e7f1e9 url(../images/otherInfoBG2.png) repeat-x;
			}
			
.otherInfo2 h1{padding-left:6px;}
.otherInfo2 p{margin-left:10px;
              margin-right:10px;
               font-size:14px;}
.otherInfo2Heading {font-size:22px;}

.otherInfo3 {width:260px;
            
             float:left;
			 margin-left:15px;
		     margin-top:25px;
			 background:#e7f1e9 url(../images/otherInfoBG2.png) repeat-x;
			}
			
.otherInfo3 h1{padding-left:6px;}
.otherInfo3 p{margin-left:10px;
              margin-right:10px;
               font-size:14px;}
.otherInfo3Heading {font-size:22px;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ for the Portfolio page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#port { }

.caption {margin-right:10px;
          margin-left:5px;
          float:left;}

.portSection {background-color:#ffffff;
               width:100%;
               height:520px;
               padding-top:15px;
	      border-bottom:3px solid #cccccc;}
       
.portSectionSmall {background-color:#ffffff;
                   width:100%;
                   height:300px;
                   padding-top:15px;
                   border-bottom:3px solid #cccccc;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ lists ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#footer {
          float:left;
          width:100%;
          height:130px;
	margin:auto;
         padding:0px 0px 0px 0px;
         
}
 

#footer.copyRightInfo {padding-left:20px; }
#footer.linkInfo {padding-left:20px;}
#footer p.smallFooter {font-size:9px; float:left; padding:0px 0px 0px 3px;}

#footer p.capecodwebdesign {font-size:12px; float:left; padding:0px 0px 0px 20px;}