@charset "UTF-8";
/* CSS Document */

#allcontent  {
width: 1024px;
background-color: #FFFFFF;
margin: 5px auto;
}

#header  {
	width: 1024px;
	height: 180px;
	}


#maincontent  {
	position:relative;
	top: 0px;
	left: 0px;
	width: 1024px;
	height: 344px;
	
}	

#leftnav  {
	width: 130px;
	height: 344px;
	background-color: #9ECBD0;
	float: left;
	}
	
	
#box2  {
	width: 160px;
	height: 344px;
	background-color: #D7EDE6;
	float: left;
	}
#box3  {
	width: 160px;
	height: 344px;
	background-color: #CAE2E4;
	float: left;
	}
#box4  {
	width: 229px;
	height: 344px;
	background-color: black;
	float: left;
	}
	
#box5  {
	width: 345px;
	height: 344px;
	background-color:#9ECBD0;
	float: left;
	}
	
#box2people  {
	width: 157px;
	height: 344px;
	background-color: #D7EDE6;
	float: left;
	}
	
	#box3people  {
	width: 565px;
	height: 344px;
	background-color: #CAE2E4;
	float: left;
	}
	
	#box4people  {
	width: 172px;
	height: 344px;
	background-color: #9ECBD0;
	float: left;
	}
	#box2contact  {
	width: 160px;
	height: 344px;
	background-color: #D7EDE6;
	float: left;
	}
	
	#box3contact  {
	width: 229px;
	height: 344px;
	background-color: #CAE2E4;
	float: left;
	}
	
	#box4contact  {
	width: 505px;
	height: 344px;
	background-color: black;
	float: left;
	}
	#box2clients  {
	width: 190px;
	height: 344px;
	background-color: #D7EDE6;
	float: left;
	}
	
	#box3clients  {
	width: 190px;
	height: 344px;
	background-color: #CAE2E4;
	float: left;
	}
	
	#box4clients  {
	width: 514px;
	height: 344px;
	background-color: black;
	float: left;
	}
	
	#box2sports  {
	width: 152px;
	height: 344px;
	background-color: #D7EDE6;
	float: left;
	}
	#box3sports  {
	width: 338px;
	height: 344px;
	background-color: #CAE2E4;
	float: left;
	}
	#box4sports  {
	width: 404px;
	height: 344px;
	background-color: #CAE2E4;
	float: left;
	}
	#box2flowers  {
	width: 152px;
	height: 344px;
	background-color: #D7EDE6;
	float: left;
	}
	#box3flowers  {
	width: 338px;
	height: 344px;
	background-color: #CAE2E4;
	float: left;
	}
	#box4flowers {
	width: 404px;
	height: 344px;
	background-color: #CAE2E4;
	float: left;
	}
	#box2bio  {
	width: 379px;
	height: 344px;
	background-color: #fffff;
	float: left;
	text-align: center;
	}
	#box3bio  {
	width: 515px;
	height: 344px;
	background-color: #CAE2E4;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	}
	#box2more {
	width: 224px;
	height: 344px;
	background-color: #D7EDE6;
	float: left;
	}
	
	#box3more {
	width: 224px;
	height: 344px;
	background-color: #CAE2E4;
	float: left;
	}
	
	#box4more  {
	width: 446px;
	height: 344px;
	background-color: black;
	float: left;
	}
	#box2form  {
	width: 379px;
	height: 344px;
	background-color: #fffff;
	float: left;
	text-align: center;
	}
	#box3form  {
	width: 513px;
	height: 344px;
	background-color: #CAE2E4;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	}
	#box2thankyou  {
	width: 379px;
	height: 344px;
	background-color: #CAE2E4;
	float: left;
	/*position: relative;*/
	color: #ffffff;
	font-family:;
/*	top: 0px;
	left: 0px;*/
	text-align: center;
	}
	#box3thankyou  {
	width: 516px;
	height: 344px;
	background-color: #CAE2E4;
	float: left;
	/*position: relative;
	top: 0px;
	left: 0px;*/
	}
	
	
/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 80px;
}

.hoverbox li
{
	background: #eee;
	/*border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;*/
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 160px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/*.gallerycontainer{
position: relative;
height: 344px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/

.thumbnail img{
	border: 1px solid white;
	margin: 0 5px 5px 0;
}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail:hover img{
	border: none;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	left: -900px;
	text-decoration: none;
	border: none;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
text-decoration: none;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0px;
	left: 618px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	text-decoration: none;
}


	
	/*typography*/
	
	#leftnav p  {
         width: 100px;
		 height: 300px;
		 font-size: 16px;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-style: normal;
		 font-weight: bold;
		 text align: left;
		 margin-top: 30px;
		 margin-left: 27px;
		 
	 
		 }
		 #box2people p  {
         width: 100px;
		 height: 100px;
		 font-size: 16px;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-style: normal;
		 font-weight: bold;
		 text align: left;		 
		 margin-top: 72px;
		 margin-left: 27px;
		 
	 
		 }
		  #box2sports p  {
         width: 100px;
		 height: 200px;
		 font-size: 16px;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-style: normal;
		 font-weight: bold;
		 text align: left;		 
		 margin-top: 72px;
		 margin-left: 27px;
		 
	 
		 }
		  #box2flowers p  {
         width: 100px;
		 height: 200px;
		 font-size: 16px;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-style: normal;
		 font-weight: bold;
		 text align: left;		 
		 margin-top: 72px;
		 margin-left: 27px;
		 
	 
		 }
		 
	.colorred  {
	 color: #ED1A3A;
	 text-decoration: none;
	 }
	 
	 
	 .colordark  {
	 color: #9ECBD0;
	 font-size: 14px;
	 font-weight: bold;
	 font-family: Arial, Helvetica, sans-serif;	 
	 }
	 
	 
	 .colordarksmall  {
	 color: #9ECBD0;
	 font-size: 12px;
	 font-weight: bold;
	 font-family: Arial, Helvetica, sans-serif;
	 
	 
	 }
	 .colordarkhere  {
	 color: #9ECBD0;
			
	 }
	 .darkmore  {
	 font-weight: bold;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 text align: left;
	 color: #A7C1c0;
	 text-decoration: none;
	 line-height: 1.6em;
	 }
	 
	 
	 .smalltype  {
	 font-size: 10px;
	}
	.thankyou  {
		color: #A7c1c0;
		}
	
	 #box3contact p  {
	 	 width: 200px;
		 height: 300px;
		 font-size: 12px;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-style: normal;
		 font-weight: normal;
		 line-height: 2.5em;
		 text align: left;
		 color: #ffffff;
		 margin-top: 30px;
		 margin-left: 27px; 
	 
	 }
	 #box2more p  {
	 
		 font-size: 11px;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-style: normal;
		 font-weight: normal;
		 line-height: 1.6em;
		 text align: left;
		 color: #A7C1C0;
		 padding-top: 10px;
		 padding-left: 33px;
		 padding-right: 20px;
		
	 
	 }
	 #box3more p  {
	 
		 font-size: 11px;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-style: normal;
		 font-weight: normal;
		 line-height: 1.6em;
		 text align: left;
		 color: #A7C1C0;
		 padding-top: 10px;
		 padding-left: 30px;
		 padding-right: 18px;
		
	 
	 }
	  #box2form p  {
	 
		 font-size: 11px;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-style: normal;
		 font-weight: normal;
		 line-height: 1.6em;
		 text align: left;
		 color: #A7C1C0;
		 padding-top: 10px;
		 padding-left: 33px;
		 padding-right: 20px;
		
	 
	 }
	 
	h5 {
		 
		 font-size: 12px;
		 font-family: Arial, Helvetica, sans-serif;
		 font-style: normal;
		 font-weight: bold;
		 text align: left;
		 color: #47778A;
		 margin-top: 10px;
		 margin-left: 20px; 
	 }
	 
#box3clients p  {
	 		
			 font-size: 9px;
			 font-family: Arial, Helvetica, sans-serif;
			 font-style: normal;
			 font-weight: normal;
			 line-height: 1.3em;
			 text align: left;
			 color: #47778A;
			 margin-left: 20px;
			 }
	#box3bio p {
			 font-size: 12px;
			 font-family: Arial, Helvetica, sans-serif;
			 font-style: normal;
			 font-weight: normal;
			 line-height: 1.3em;
			 text align: left;
			 color: #47778A;
			 padding-left: 20px;
			 padding-top: 20px;
			 padding-right: 20px;
			
			  }
	#signature  {
		width: 200px;
		height: 40px;
		position: relative;
		top: -20px;
		left: 160px;
		}
		
			  
	 a:link  {
	 color: D7EDE6;
	 text-decoration: none;
	 
	 }
	 
	 a:visited  {
	 color: #D7EDE6;
	 text-decoration: none;
	 }
	 
	 a:hover  {
	 color: #ffffff;
	 text-decoration: none;
	 }
	 
	 a:active{
	 color: #47778A;
	 text-decoration: none;
	 }
	 
	 
	 
	#box2people  a:visited  {
	 color: #9ecbd0;
	 text-decoration: none;
	 }
	 
	 #box2sports  a:visited  {
	 color: #9ecbd0;
	 text-decoration: none;
	 }
	 
	 #box2flowers  a:visited  {
	 color: #9ecbd0;
	 text-decoration: none;
	 }
	 
	 #box2people  a:hover  {
	 color: #ffffff;
	 text-decoration: none;
	 }
	 
	 #box2sports  a:hover  {
	 color: #ffffff;
	 text-decoration: none;
	 }
	 #box2flowers  a:hover  {
	 color: #ffffff;
	 text-decoration: none;
	 }
	 #box3contact a  {
	 color: #9ECBD0;
	 font-size: 12px;
	 font-weight: bold;
	 font-family: Arial, Helvetica, sans-serif;	 
	 }
	  #box3contact  a:visited  {
	 color: #9ecbd0;
	 text-decoration: none;
	 }
	 #box3contact  a:hover  {
	 color: #ffffff;
	 text-decoration: none;
	 }
	 
	 

	
	 
	.smalltype a:visited  {
	 color: #D7EDE6;
	 text-decoration: none;
	 }
	.smalltype a:hover  {
	 color: #ffffff;
	 text-decoration: none;
	 }