/* ++++++++++ global general styles start ++++++++++*/	

	
a:link { text-decoration:none;color:#000; }
a:visited { text-decoration:none;color:#000; }
a:active { text-decoration:none;color:#000; }
a:hover { text-decoration:underline;color:#674702; } 	

a.a5link1:link { text-decoration:none;color:#fff;}
a.a5link1:visited { text-decoration:none;color:#fff;}
a.a5link1:active { text-decoration:none;color:#fff;}
a.a5link1:hover { text-decoration:underline;text-decoration:none;color:#32e3eb;}

a.a5link2:link { text-decoration:none;color:#fff;}
a.a5link2:visited { text-decoration:none;color:#fff;}
a.a5link2:active { text-decoration:none;color:#fff;}
a.a5link2:hover { text-decoration:none;color:#b98004;}

a.a5link3:link { text-decoration:none;color:#c78a00;}
a.a5link3:visited { text-decoration:none;color:#c78a00;}
a.a5link3:active { text-decoration:none;color:#c78a00;}
a.a5link3:hover { text-decoration:underline;color:#fff;}

.color-1-text-22 { 
	font: 22pt arial, arial, helvetica, sans-serif;
	color: #ffffff;
	}	
.color-1-text-24 { 
	font: 24pt arial, arial, helvetica, sans-serif;
	color: #ffffff;
	}
.color-1-text-30 { 
	font: 30pt arial, arial, helvetica, sans-serif;
	color: #ffffff;
	}	
.color-1-text-38 { 
	font: 38pt arial, arial, helvetica, sans-serif;
	color: #ffffff;
	}		
	 
.color-2-text-12 { 
	font: 12pt arial, arial, helvetica, sans-serif;
	color: #cbeafd;
	}	
.color-2-text-14 { 
	font: 14pt arial, arial, helvetica, sans-serif;
	color: #cbeafd;
	}	
.color-2-text-16 { 
	font: 16pt arial, arial, helvetica, sans-serif;
	color: #cbeafd;
	}				
	
.color-3-text-24 { 
	font: 24pt arial, arial, helvetica, sans-serif;
	color: #449090;
	}	
.color-3-text-30 { 
	font: 30pt arial, arial, helvetica, sans-serif;
	color: #449090;
	}		
.color-3-text-38 { 
	font: 38pt arial, arial, helvetica, sans-serif;
	color: #449090;
	}		

.color-4-text-12 { 
	font: 12pt arial, arial, helvetica, sans-serif;
	color: #c78a00;
	}		
.color-4-text-14 { 
	font: 14pt arial, arial, helvetica, sans-serif;
	color: #c78a00;
	}		
.color-4-text-16 { 
	font: 16pt arial, arial, helvetica, sans-serif;
	color: #c78a00;
	}				

.color-5-text-15 { 
	font: 15pt arial, arial, helvetica, sans-serif;
	color: #0a776a;
	}			
	
.color-6-text-30 { 
	font: 30pt arial, arial, helvetica, sans-serif;
	color: #000;
	}		
	
	
H1 {
	font: 11pt arial, helvetica, sans-serif;	
	color:#000;
	background:#d1a928;
	height:18px;
	width:345px;
	padding:7px 0px 3px 10px;
	margin:3px 0px 10px 0px;
	border:1px solid #865e04;
	}		
	
H2 { 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font: 16pt arial, arial, helvetica, sans-serif;
	color: #c78a00;
	}			
	
H3 { 
	font: 15pt arial, arial, helvetica, sans-serif;
	color: #0a776a;
	}		
	
/* ++++++++++ global general styles end ++++++++++*/	
/* ++++++++++ global structure styles start ++++++++++*/	

#body-center {
	text-align:left;
	}	
	
#body {
	position: relative;
	width: 1000px; /* change this to a specific amount for a fixed design. E.g., 770px. */
	margin-left: auto;
	margin-right: auto;
	border:0px solid #000000;		
	}	

#header {
	height:203px;	
	border:0px solid #000000;	
	}	
	
	#web-design-portfolio {
		position:absolute;
		right:11px;
		top:21px;
		z-index:3;		
		border:0px solid #ffffff;	
		}	
		
	#web-design-portfolio-text {
		position:absolute;
		right:525px;
		top:21px;
		width:200px;
		font: 16pt arial, helvetica, sans-serif;	
		text-align:right;
		z-index:1;		
		border:0px solid #ffffff;	
		}			
	
	#web-design-logo-title {
		position:absolute;
		left:0px;
		top:79px;
		width:1000px;
		z-index:1;		
		border:0px solid #ffffff;	
		}	
	
	#web-design-date {
		position:absolute;
		right:30px;
		top:135px;
		width:200px;
		color:#edc05b;
		z-index:1;		
		border:0px solid #ffffff;	
		}			
	
	#web-site-video {
		position:absolute;
		left:0px;
		top:204px;
		z-index:1;		
		border:0px solid #ffffff;	
		}	
			
	#web-site-video-cover {
		position:absolute;
		left:0px;
		top:204px;
		filter:alpha(opacity=65);-moz-opacity: 0.65;opacity: 0.65;		
		z-index:1;		
		border:0px solid #ffffff;	
		}	
			
	#add-web-design-templates {
		position:absolute;
		right:0px;
		top:214px;
		width:502px;
		height:24px;
		padding:7px 0px 0px 0px;
		background:#000;
		color: #fff;		
		z-index:1;	
		border:0px solid #ffffff;	
		}	
					
	#web-site-video-text {
		position:absolute;
		left:39px;
		top:240px;
		width:400px;
		font: 20pt arial, arial, helvetica, sans-serif;
		line-height:24px;
		color: #fff;		
		z-index:2;	
		}		
					
	#web-site-video-text-shadow {
		position:absolute;
		left:40px;
		top:241px;
		width:400px;
		font: 20pt arial, arial, helvetica, sans-serif;
		line-height:24px;
		color: #449090;		
		z-index:1;	
		}	
					
	#professional-web-design {
		position:absolute;
		left:627px;
		top:272px;
		z-index:1;	
		}		
					
	#advanced-professional-web-design {
		position:absolute;
		left:627px;
		top:411px;
		z-index:1;	
		}		
					
	#fort-collins-books {
		position:absolute;
		left:752px;
		top:278px;
		width:300px;
		font: 40pt times, serif;
		color: #e9a60e;		
		z-index:2;	
		border:0px solid #fff;
		}		
					
	#fort-collins-books-shadow {
		position:absolute;
		left:753px;
		top:279px;
		width:300px;		
		font: 40pt times, serif;
		color: #3e9082;		
		z-index:1;	
		border:0px solid #fff;		
		}		
		
	#web-design-books-text {
		position:absolute;
		left:752px;
		top:355px;
		width:225px;
		color:#000;
		z-index:2;	
		border:0px solid #000;
		}			
	
	#fort-collins-web-design-text {
		position:absolute;
		left:0px;
		top:557px;
		width:600px;
		height:93px;
		font: 12pt arial, arial, helvetica, sans-serif;		
		line-height:23px;
		padding:10px 13px 10px 13px;
		z-index:1;		
		border:0px solid #ffffff;	
		}	
			
	#fort-collins-web-design-text-bg {
		position:absolute;
		left:0px;
		top:557px;
		width:626px;
		height:133px;
		filter:alpha(opacity=65);-moz-opacity: 0.65;opacity: 0.65;		
		background:#000;
		z-index:1;		
		border:0px solid #ffffff;	
		}		
		
	#fort-collins-web-design-testimonials {
		position:absolute;
		left:615px;
		top:542px;
		height:93px;
		padding:15px 13px 15px 13px;
		z-index:1;		
		border:0px solid #ffffff;	
		}												
		
#column-left {
	float:left;
	width:700px;
	margin:0px 0px 0px 0px;
	border:0px solid #ffffff;	
	}	
	
		
#column-middle {
	position:relative;
	left:0px;
	top:0px;
	margin:0px 0px 0px 700px;
	padding:0px 0px 0px 0px;		
	border:0px solid #ffffff;			
	}	
				
	.photo-bottom-right-hover-4 {
		position:absolute;
		top:276px;
		left:367px;			
		color: #ffffff;
	    height: 71px;	
		z-index:1;
		border: 1px solid #000000;
		}	
		
#footer {
	clear:both; 
	font: 8pt arial, helvetica, sans-serif;		
	background:#000;
	padding:10px 20px 10px 15px;
	color:#656565;
	border-top:0px solid #ffffff;	
	}	
	
	
/* ++++++++++ global structure styles end ++++++++++*/	
/* ++++++++++ second level start ++++++++++*/	
		
#body-sl {
	position: relative;
	width: 1000px; /* change this to a specific amount for a fixed design. E.g., 770px. */
	margin-left: auto;
	margin-right: auto;
 	background: url(images/main-bg-sl.jpg) no-repeat left top;	
	border:0px solid #000000;		
	}		
	
#column-left-sl {
	float:left;
	width:700px;
	margin:0px 0px 10px 0px;
	border:0px solid #ffffff;	
	}	
			
#column-left-text-sl {
	padding:0px 10px 0px 10px;
	}		
			
#column-middle-sl {
	position:relative;
	left:0px;
	top:0px;
	margin:20px 0px 30px 700px;
	padding:20px 0px 0px 0px;		
	border:0px solid #ffffff;			
	}	
			
#column-middle-text-sl {
	padding:0px 10px 0px 10px;
	}		
		
#column-full-sl {
	margin:0px 0px 10px 0px;
	border:0px solid #ffffff;	
	}
			
#column-full-text-sl {
	padding:15px 10px 20px 10px;
	}				

#a5-contact-form {
	float:right;
	margin:10px 10px 20px 35px;
	width:350px;
	padding:10px;
	background:#000;				
	color:#ffffff;
	border:1px solid #000000;
	}	
	
#a5-images {
	margin:0px 0px 0px 20px;			
	border:0px solid #000000;
	}
	
#a5-images-title {
	color:#ffffff;	
	background:#000000;	
	padding:3px 0px 3px 5px;	
	margin:0px 0px 5px 0px;		
	border:0px solid #000000;
	}				
	
a.a5-images-title:link { text-decoration:none;color:#94CCDE;}
a.a5-images-title:visited { text-decoration:none;color:#94CCDE;}
a.a5-images-title:active { text-decoration:none;color:#94CCDE;}
a.a5-images-title:hover { text-decoration:underline;color:#ffffff;}	
		
.a5-images-border {
  	border:1px solid #000000;			  
	}		
		
.a5-images-border-2 {
  	border:1px solid #edc05b;			  
	}
	
.a5-images-border-light {
  	border:1px solid #fff;			  
	}	

.a5-individual-image {
  	float: left;
	width:195px;
	height:220px;
	padding:0px 5px 10px 5px;
	margin-right:10px;
  	border:0px solid #000000;			  
	}		

.a5-individual-image-logo {
  	float: left;
	width:240px;
	height:250px;
	padding:0px 5px 10px 5px;
	margin-right:10px;
  	border:0px solid #000000;			  
	}		
	
.a5-individual-web-design {
	display:none; 
    position:absolute; 
    left:0px; 
    top:100px; 
	height:800px;
	width:100%;
	text-align:center;
	border:0px solid red;
	z-index:60;"			  
	}			
	
	
			
		
/* ++++++++++ second level end ++++++++++*/