body{ 

background-color: #003333;
	


}

/*------------------STRUCTURE--------------------------*/

#section1{
background-image: url(../img/section1bkg.gif);
background-repeat: repeat-x;
height: 100%;
width: 100%;
border-bottom: 1px solid #006666;
}

#section2{
border-bottom: 1px solid #062727;
height: 100%;
width: 100%;
background-color: #0a0a0a;
}

#section3{
background-image: url(../img/section3bkg.png);
background-repeat: repeat;
height: 100%;
width: 100%;
}

#section4{
background-color: #000606;
height: 100%;
width: 100%;
}
	 


/*------------------SECTION 1--------------------------*/

#content1{	width:960px;
			margin-left: auto;
			margin-right: auto;
			height: 100%;
}


#top{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 80px;

}


#logo{
height:187px;
width: 129px;

float: right;

}

#logo a:link, #logo a:visited, #logo a:hover, #logo a:active{
border:none;

}



#navi{

height: 52px;
width:600px;
float: left;
padding-top: 13px;
font-family: Century gothic, geneva, Franklin Gothic Medium;
color: #737777;



}


#navi ul{
line-height: 52px;
float:left;
font-size: 18px;

}

#navi li{
float:left;
padding-right: 45px;
text-align: left;
}

			
#navi a:link{	color: #737777;
				text-decoration: none; border: none;
				}

			
#navi a:visited{	color: #737777;
				text-decoration: none; border: none;
				}

			
#navi a:hover{	color: #f1f1f1;
				text-decoration: none; border: none;
				
				}
				
			
#navi a:active{	color: #737777;
				text-decoration: none; border: none;
				}




#tagline{

height: 140px;
width: 100%;
padding-top: 80px;
padding-left: 10px;
background-image: url(../img/sparks.png);
background-repeat: no-repeat;

margin-top: -7px;

}


.headerreplacement {	text-indent: -9999px;
						width: 100%;
						height:158px;
						}

#liftpitch{

background-image: url(../img/liftpitch.png);
background-repeat: no-repeat;
background-position: center;
height: 280px;
width: 100%;
}

#mac{

float: right;
background-image: url(../img/mac.png);
background-repeat: no-repeat;

background-position: center;

height: 319px;
width: 373px;

}


.introtext{	text-align: left;
			font-size: 20px;
			font-style: normal;
			width: 550px;
			line-height: 35px;
			color: #f1f1f1;
			font-weight: 100;
			padding-left: 10px;
			padding-top: 50px;
			float: left;
			font-family: Century gothic, geneva, Franklin Gothic Medium;
			}
			
.introtext a:link{
font-size: 16px;
color: #000;
border-bottom: 1px dashed #101019;
}			


.introtext a:visited{
font-size: 16px;
color: #000;
border-bottom: 1px dashed #101019;
}			

.introtext a:hover{
font-size: 16px;
color: #fff;
border-bottom: 1px dashed #fff;

}			

.introtext a:active{
font-size: 16px;
color: #000;
border-bottom: 1px dashed #101019;
}			

			
#actionbuttons{

text-align: center;
height: 100px;
}


#actionbuttons ul{
float:left;
 border: none;}


#actionbuttons li{
float:right;
line-height: 45px;
color: #f1f1f1;
padding-right: 10px;
font-family: Century gothic, geneva, Franklin Gothic Medium;
font-size: 26px;
letter-spacing: 1px;
 border: none;
}


.rollover a:link {
display:block;
width: 191px;
height:44px;
color:#f1f1f1;
background: url("../img/actionbuttonbkg.png") 0 0 no-repeat;
text-decoration: none;
font-size: 18px;
letter-spacing: 1px;
 border: none;
}

.rollover a:visited {
display:block;
width: 191px;
height:44px;
color:#f1f1f1;
background: url("../img/actionbuttonbkg.png") 0 0 no-repeat;
text-decoration: none;
font-size: 18px;
letter-spacing: 1px;
 border: none;
}


.rollover a:hover { 
background-position: 0 -45px;
color: #404242;
 border: none;

}
.rollover a:active {
background-position: 0 -90px;
color:#f1f1f1;
 border: none;
}

/*------------------SECTION 2--------------------------*/


#content2{	width:960px;
			margin-left: auto;
			margin-right: auto;
			height: 100%;
}

#content2 em{
color: #c9cbcb;
letter-spacing: 0.7px;

}

#indexgroup1, #indexgroup2{
height: 400px;
width: 100%;
padding-top: 40px;

}


#freelancework{ 
		  width:620px;
		  height:400px;
		  padding-right: 10px;
		  float: left;
		  padding-left: 10px;
		  font-family: Century gothic, geneva, Franklin Gothic Medium;
		  
		 }

#freelancework img{
			border: 1px solid #fff;
			margin-bottom: 20px;}
			

				
.viewallwork a:link{ color:#0d7d76;
				  text-decoration: none;
				  font-style: italic;
				  font-size: 12px;
				   border: none;
				  }

.viewallwork a:visited{ color:#0d7d76;
				  text-decoration: none;
				   font-style: italic;
				    font-size: 12px;
				     border: none;
				     }

.viewallwork  a:hover{ color:#0d7d76;
				 
				  background-image: url(../img/arrowlink2.png);
				  background-position: right;
				  background-repeat: no-repeat;
				  padding-right: 15px;
				   font-style: italic;
				    font-size: 12px; 
				    border: none;
				     }

.viewallwork  a:active{ color:#0d7d76;
				  text-decoration: none;
				   font-style: italic;
				    font-size: 12px;
				     border: none;
				     }


#services{ width:300px;
		  height:400px;
		  float: right;
		  padding-left: 10px;
		  padding-right: 10px;
		  font-family: Century gothic, geneva, Franklin Gothic Medium;
		  }


	
#services p{	color:#868787;
				font-size: 12px;
				line-height: 20px;
				font-weight: 100;
				font-style: inherit;
				padding-bottom: 10px;
				letter-spacing: 0.2px;
				}
				
				
.readmore a:link{ color:#0d7d76;
				  text-decoration: none;
				  font-style: italic;
				  font-size: 12px;
				  border: none;}

.readmore a:visited{ color:#0d7d76;
				  text-decoration: none;
				   font-style: italic;
				    font-size: 12px;
				     border: none;}

.readmore  a:hover{ color:#0d7d76;
				 
				  background-image: url(../img/arrowlink2.png);
				  background-position: right;
				  background-repeat: no-repeat;
				  padding-right: 15px;
				   font-style: italic;
				    font-size: 12px;
				     border: none;}

.readmore  a:active{ color:#0d7d76;
				  text-decoration: none;
				   font-style: italic;
				    font-size: 12px;
				     border: none;}
				    
	



#group1, #group2, #group3, #group4, #group5, #group6, #group7, #group8, #group9, #group10, #group11{
height: 450px;
width: 100%;
}

#indexprojects{ width:620px;
		  height:400px;
		  padding-right: 10px;
		  float: left;
		  padding-left: 10px;
		  font-family: Century gothic, geneva, Franklin Gothic Medium;
		  
}

#indexprojects img{border: 1px solid #fff;
			margin-bottom: 20px;}
			

#imgcolleft{width: 300px;
				float: left;}

#imgcolright{width: 300px;
				float: right;}



#aboutme{ width:300px;
		  height:400px;
		  float: right;
		   padding-left: 10px;
		  padding-right: 10px;
		  font-family: Century gothic, geneva, Franklin Gothic Medium;
		  }


	
#aboutme p{	color:#868787;
				font-size: 12px;
				line-height: 20px;
				font-weight: 100;
				font-style: inherit;
				padding-bottom: 10px;
					letter-spacing: 0.2px;}



/*------------------SECTION 3--------------------------*/

#content3{	width:960px;
			margin-left: auto;
			margin-right: auto;
			height: 100%;
			font-family: Century gothic, geneva, Franklin Gothic Medium;
}
	


#col1{
height: 150px;
width: 300px;
background-image: url(../img/tel.png);
background-repeat: no-repeat;
background-position:left center;
padding-left: 10px;
padding-right: 10px;
float: right;
padding-top: 67px;

}

#col2{
width: 300px;
height: 150px;
float: right;
padding-left: 10px;
padding-right: 10px;
padding-top: 67px;
background-image: url(../img/dop.png);
background-repeat: no-repeat;
background-position:left center;
}

#col3{
background-image: url(../img/aboutbkg.png);
background-repeat: no-repeat;
background-position:center;
width: 300px;
height: 180px;
padding-left: 10px;
padding-right: 10px;
padding-top: 30px;
}

#col3 p{
color: #d4d4d4;
font-size: 11px;
padding-left: 110px;
padding-top: 65px;
line-height: 14px;
}

#col2 p, #col1 p{
color: #d4d4d4;
font-size: 11px;
padding-left: 110px;
line-height: 16px;
}

#col2 h4, #col1 h4{
padding-left: 110px;
}


/*------------------SECTION 4--------------------------*/

#footer{	width:960px;
			margin-left: auto;
			margin-right: auto;
			height: 40px;
			font-family: Century gothic, geneva, Franklin Gothic Medium;
			
}

#footer p{

color: #656b6b;
font-size: 10px;
padding-top: 15px;
padding-left: 10px;

}


/*------------------General Styles--------------------------*/

h1{color: #f1f1f1;
	font-size: 26px;}

h2{ color: #f1f1f1;
	font-size: 24px;}


h3{	color: #f1f1f1;
	font-size: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-style:normal;
	letter-spacing: 2px;
	font-weight: 100;
	}
	

h4{ color: #c9cbcb;
	letter-spacing: 1.7px;
	font-size: 17px;
	padding-bottom: 10px;
	font-weight: 100;
	
	}	

h5{ color: #f1f1f1;
	letter-spacing: 1px;
	font-size: 14px;
	padding-bottom: 10px;
	
	}	

.strike{

text-decoration: line-through;

}



.small{
font-size: 10px;
}

em{	

font-style: italic;
}

b{
font-weight:800;
letter-spacing: 0.8px;
}


a:link{
color:#fff;
border-bottom: 1px dashed #0d7d76;
}
a:visited{
color:#fff;
border-bottom: 1px dashed #0d7d76;
}
a:hover{
color:#0d7d76;
}
a:active{
color:#fff;
border-bottom: 1px dashed #0d7d76;
}



/*------------------About --------------------------*/	

#aboutgroup1{
height: 600px;
width: 100%;
padding-top: 40px;
margin-bottom: 40px;
}
#aboutgroup1 p{
color:#868787;
				font-size: 12px;
				line-height: 20px;
				font-weight: 100;
				font-style: inherit;
				padding-bottom: 10px;
				letter-spacing: 0.2px;}
				

#aboutinfo{ 
		  width:620px;
		  height:600px;
		  padding-right: 10px;
		  float: left;
		  padding-left: 10px;
		  font-family: Century gothic, geneva, Franklin Gothic Medium;
		  
		 }

#aboutinfo img{
			border: 1px solid #fff;
			margin-bottom: 20px;}
			
#rightsidebar{ width:300px;
		  height:600px;
		  float: right;
		  padding-left: 10px;
		  padding-right: 10px;
		  font-family: Century gothic, geneva, Franklin Gothic Medium;
		 
		  }


	
#rightsidebar p{		
				color:#868787;
				font-size: 12px;
				line-height: 20px;
				font-weight: 100;
				font-style: inherit;
				padding-bottom: 10px;
				letter-spacing: 0.2px;
				padding-bottom: 20px;
				
				}
				
			

#aboutgroup2{
height: 140px;
width: 100%;
padding-top: 40px;
background-color: #0d0d0d;
margin-bottom: 40px;

}
#aboutgroup2 p{
				color:#868787;
				font-size: 12px;
				line-height: 20px;
				font-weight: 100;
				font-style: inherit;
				padding-bottom: 10px;
				letter-spacing: 0.2px;}
				

#aboutgroup2 img{
	float:right;}
	
	

#hiremecol1{
height: 80px;
width: 300px;
padding-left: 10px;
padding-right: 10px;
float: right;


}

#hiremecol2{
width: 300px;
height: 80px;
float: right;
padding-left: 10px;
padding-right: 10px;

}

#hiremecol3{

width: 300px;
height: 80px;
padding-left: 10px;
padding-right: 10px;

}
	
	

#aboutgroup3{
height: 400px;
width: 100%;
padding-top: 40px;

}
#aboutgroup3 p{
color:#868787;
				font-size: 12px;
				line-height: 20px;
				font-weight: 100;
				font-style: inherit;
				padding-bottom: 10px;
				letter-spacing: 0.2px;}
				

#extrainfo{ 
		  width:620px;
		  height:400px;
		  padding-right: 10px;
		  float: left;
		  padding-left: 10px;
		  font-family: Century gothic, geneva, Franklin Gothic Medium;
		  
		 }

#extrainfo img{
			border: 1px solid #fff;
			margin-bottom: 20px;}
			
#rightsidebar2{ width:300px;
		  height:400px;
		  float: right;
		  padding-left: 10px;
		  padding-right: 10px;
		  font-family: Century gothic, geneva, Franklin Gothic Medium;
		  }


	
#rightsidebar2 p{		
				color:#868787;
				font-size: 12px;
				line-height: 20px;
				font-weight: 100;
				font-style: inherit;
				padding-bottom: 10px;
				letter-spacing: 0.2px;
				padding-bottom: 20px;
				
				}				
				
#rightsidebar ul, #rightsidebar2 ul{

				color:#868787;
				font-size: 14px;
				line-height: 25px;
				letter-spacing: 1.5px;
				background-color: #727373;
				margin-top: 5px;
				border-bottom: 0.5px solid #727373;
				border-top: 0.5px solid #727373;
}

#rightsidebar li, #rightsidebar2 li{
width: 100%;
background-color: #0d0d0d;
margin-bottom: 1px;
text-indent: 15px;
line-height: 25px;
padding-bottom: 10px;
padding-top: 8px;
}

#rightsidebar img, #rightsidebar2 img{
margin-bottom: -8px;
padding-right: 15px;

}

#rightsidebar a:link, #rightsidebar2 a:link{

text-decoration: none;
border: none;
color:#868787;

}

#rightsidebar a:visited, #rightsidebar2 a:visited{

text-decoration: none;
border: none;
color:#868787;

}

#rightsidebar a:hover, #rightsidebar2 a:hover{

text-decoration: none;
border: none;
color:#f1f1f1;


}

#rightsidebar a:active, #rightsidebar2 a:active{

text-decoration: none;
border: none;
color:#868787;

}


/*------------------ Services --------------------------*/	

#servicesgroup1{
height: 350px;
width: 100%;
padding-top: 40px;
margin-bottom: 40px;

}

#servicesgroup1 p{
color:#868787;
				font-size: 12px;
				line-height: 20px;
				font-weight: 100;
				font-style: inherit;
				padding-bottom: 10px;
				letter-spacing: 0.2px;}
				

#servicesinfo{ 
		  width:620px;
		  height:350px;
		  padding-right: 10px;
		  float: left;
		  padding-left: 10px;
		  font-family: Century gothic, geneva, Franklin Gothic Medium;
		  
		 }

#servicesinfo img{
			border: 1px solid #fff;
			margin-bottom: 20px;}
			
#rightsidebarservices{ width:300px;
		  height:350px;
		  float: right;
		  padding-left: 10px;
		  padding-right: 10px;
		  font-family: Century gothic, geneva, Franklin Gothic Medium;
		 
		  }


	
#rightsidebarservices p{		
				color:#868787;
				font-size: 12px;
				line-height: 20px;
				font-weight: 100;
				font-style: inherit;
				padding-bottom: 10px;
				letter-spacing: 0.2px;
				padding-bottom: 20px;
				
				}
				
			

#servicesgroup2, #servicesgroup4 {
height: 140px;
width: 100%;
padding-top: 40px;
background-color: #0d0d0d;
margin-bottom: 40px;

}
#servicesgroup2 p, #servicesgroup4 p{
				color:#868787;
				font-size: 12px;
				line-height: 20px;
				font-weight: 100;
				font-style: inherit;
				padding-bottom: 10px;
				letter-spacing: 0.2px;}
				

#servicesgroup2 img, #servicesgroup4 img{
	float:right;}
	
	

#services1, #services4{
height: 80px;
width: 300px;
padding-left: 10px;
padding-right: 10px;
float: right;


}

#services2, #services5{
width: 300px;
height: 80px;
float: right;
padding-left: 10px;
padding-right: 10px;

}

#services3, #services6{

width: 300px;
height: 80px;
padding-left: 10px;
padding-right: 10px;

}
	
	

#servicesgroup3{
height: 400px;
width: 100%;
padding-top: 40px;

}
#servicesgroup3 p{
color:#868787;
				font-size: 12px;
				line-height: 20px;
				font-weight: 100;
				font-style: inherit;
				padding-bottom: 10px;
				letter-spacing: 0.2px;}
				

#extrainfo{ 
		  width:620px;
		  height:400px;
		  padding-right: 10px;
		  float: left;
		  padding-left: 10px;
		  font-family: Century gothic, geneva, Franklin Gothic Medium;
		  
		 }

#extrainfo img{
			border: 1px solid #fff;
			margin-bottom: 20px;}
			
#rightsidebar2{ width:300px;
		  height:400px;
		  float: right;
		  padding-left: 10px;
		  padding-right: 10px;
		  font-family: Century gothic, geneva, Franklin Gothic Medium;
		  }


	
#rightsidebar2 p{		
				color:#868787;
				font-size: 12px;
				line-height: 20px;
				font-weight: 100;
				font-style: inherit;
				padding-bottom: 10px;
				letter-spacing: 0.2px;
				padding-bottom: 20px;
				
				}				
				
#rightsidebarservices ul, #rightsidebar2 ul{

				color:#868787;
				font-size: 14px;
				line-height: 25px;
				letter-spacing: 1.5px;
				background-color: #727373;
				margin-top: 5px;
				border-bottom: 0.5px solid #727373;
				border-top: 0.5px solid #727373;
}

#rightsidebarservices li, #rightsidebar2 li{
width: 100%;
background-color: #0d0d0d;
margin-bottom: 1px;
text-indent: 15px;
line-height: 25px;
padding-bottom: 10px;
padding-top: 8px;
}

#rightsidebarservices img, #rightsidebar2 img{
margin-bottom: -8px;
padding-right: 15px;

}

#rightsidebarservices a:link, #rightsidebar2 a:link{

text-decoration: none;
border: none;
color:#868787;

}

#rightsidebarservices a:visited, #rightsidebar2 a:visited{

text-decoration: none;
border: none;
color:#868787;

}

#rightsidebarservices a:hover, #rightsidebar2 a:hover{

text-decoration: none;
border: none;
color:#f1f1f1;


}

#rightsidebarservices a:active, #rightsidebar2 a:active{

text-decoration: none;
border: none;
color:#868787;

}


				
/*------------------Portfolio & Project Styles--------------------------*/						


#project1, #project2, #project3, #project4, #project5, #project6, #project7, #project8, #project9, #project10, #project11, #project12{
width:620px;
height:400px;
padding-right: 10px;
float: left;
padding-left: 10px;
font-family: Century gothic, geneva, Franklin Gothic Medium;
}

#project1 img, #project2 img, #project3 img, #project4 img, #project5 img, #project6 img, #project7 img, #project8 img, #project9 img, #project10 img, #project11 img, #project12 img{
border: 1px solid #fff;
margin-bottom: 20px;
}



#projectinfo1, #projectinfo2, #projectinfo3, #projectinfo4, #projectinfo5, #projectinfo6, #projectinfo7, #projectinfo8, #projectinfo9, #projectinfo10, #projectinfo11, #projectinfo12{ width:300px;
		  height:400px;
		  float: right;
		  padding-left: 10px;
		  padding-right: 10px;
		  font-family: Century gothic, geneva, Franklin Gothic Medium;
		
		  }


	
#projectinfo1 p, #projectinfo2 p, #projectinfo3 p, #projectinfo4 p, #projectinfo5 p, #projectinfo6 p, #projectinfo7 p, #projectinfo8 p, #projectinfo9 p, #projectinfo10 p, #projectinfo11 p, #projectinfo12 p{	color:#868787;
				font-size: 12px;
				line-height: 20px;
				font-weight: 100;
				font-style: inherit;
				padding-bottom: 10px;
				letter-spacing: 0.2px;}