/* Bloom Design Studios CSS Document */


* {
	margin:0;
	padding:0;
}

a {
	}
	
a:visited {
	}

a:hover {
	}
	


p {margin-top: 0;}

html {
	/*default text*/
	font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
	}

body {
	/*center the page*/
	text-align: center;
	background-color:#676767;
	/*background: url(images/background.gif) repeat top left;*/
}

	
h1 {
	font-size:138.5%;  
}
h2 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#395e86;
	padding:70px 5px 10px 50px; 
	line-height:26px;

	
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:16px;
	color:#666666;
	padding:0px 0px 0px 50px;
	margin:.5em 0;  
}
h1,h2{
	margin:1em 0 0 0;
}
h1,h2,h3,h4,h5,strong {
	font-weight:bold; 
}

h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 13px;
	color:#666666;
	text-decoration:underline;
	margin:.5em 0; 
}

h5{
font-size:120%;
line-height: 13px;
padding:10px 5px 5px 50px;
font-weight:bold; 
color:#41637E;
}




h6{
font-size:100%;
line-height: 13px;
padding: 75px 13px 10px 18px;
font-weight:normal; 
}

td {
	padding: 3px;
}

#container {
	width: 900px;
	text-align: left;
	/* centers the container in the body*/
	margin: 40px auto 0px auto;
	background-color:#FFFFFF;
	}


#header {
	height: 150px;
	background:url(images/bloom_website_design_header.jpg) no-repeat bottom left;/*background: url()*/
	clear:left;
	}
	
	#header h1 {
		text-indent: -9999px;
		}
	
	
#main {
	height: 234px;
	background:#ffffff;
	}
	
	#main a {
	color: #666666;
	text-decoration: underline;
	}
		
	#main  a:hover {
	color: #CC3366;
	text-decoration: underline;
	}
	
	
		#main a {
		color: #666666;
		text-decoration: underline;
		}
		
		#main  a:hover {
		color: #CC3366;
		text-decoration: underline;
		}
	
	

	
	
	#home #main{
	height: 234px;
	background:url(images/bloom_website_design_mid.jpg);/*background: url()*/
	}
	
	
	#print #main{
	height: 442px;
	width:100%;
	background:url(images/print_design_details_top.jpg);/*background: url()*/
	float:left;
	}
	
	#services #main{
	height: 442px;
	width:100%;
	background:url(images/design_services_top.jpg);/*background: url()*/
	float:left;
	}
	
	#mailmarketing #main{
	height: 100%;
	width:100%;
	background:url(images/design_presentations_top.jpg);/*background: url()*/
	float:left;
	}
	
	#presentation #main{
	height: 100%;
	width:100%;
	background:url(images/design_presentations_top.jpg);/*background: url()*/
	float:left;
	}
	
	#contact #main{
	height: 100%;
	width:100%;
	background:url(images/web_design_details_top.jpg) no-repeat;/*background: url()*/
	float:left;
	}
	
	#quote #main{
	height: 184px;
	width:100%;
	background:url(images/quote_top.jpg) no-repeat;/*background: url()*/
	float:left;
	}
	
	#web #main{
	height: 100%;
	width:100%;
	background:url(images/web_design_details_top.jpg) no-repeat;/*background: url()*/
	float:left;
	}
	
	#portfolio #main{
	height: auto;
	width:900px;
	background:url(images/portfolio_top.jpg);/*background: url()*/
	float:left;
	}

#mid{
	width:900px;
	height:auto;
	background:url(images/portfolio_mid.gif) repeat-y;/*background: url()*/
	float:left;
}

	#mid a {
	color: #666666;
	text-decoration: underline;
	}


	#mid  a:hover {
	color: #CC3366;
	text-decoration: underline;
	}
	




.contact{
font-size:110%;
color:#41637E;
padding:20px 190px 10px 50px;
}

		contact ul{
		font-weight:bold;
		color:#41637E;
		list-style:none;
		}

.legend{
padding: 5px 5px 5px 15px;

}

.quote{
color:#41637E;
padding:20px 50px 10px 50px;
width:800px;
height:auto;
background:url(images/portfolio_mid.gif) repeat-y;/*background: url()*/
float:left;

}

.description{
color:#41637E;
padding:0px 190px 10px 50px;
}


.gallery{
	/*padding: 5px 15px 10px 50px;*/
	padding-left:15px;
	float:left;
	clear:right;
	
}

.casestudy{
	/*padding: 5px 15px 10px 50px;*/
	padding-left:50px;
	padding-right:25px;
	background:url(images/portfolio_mid.gif) repeat-y;/*background: url()*/
	clear:right;
	
		
}

.gallerytext{
	/*padding: 100px 50px 10px 15px;*/
	float:left;
	clear:right;
	padding-right:10px;
}


#list{
padding:0 50px 0 50px;
}


	#list ul{
	list-style:circle;
	list-style-position:inside;
	
	}



#servicelist{
color:#41637E;
padding:0px 190px 30px 100px;
font-size:110%;
line-height:inherit;
}

	#servicelist li{
	color:#41637E;
	list-style-position:inside;
	font-size:110%;
	line-height:1.5em;
}
	
	
	#servicelist li a {
		color: #565A3D;
		text-decoration: none;
	}
		
	#servicelist li a:hover {
		color: #FF3466;
		text-decoration: underline;
		}
		
	#servicelist li a:visited {
		color: #565A3D;
		text-decoration: underline;
		}
		
	
#weblist{
color:#41637E;
padding:0px 190px 10px 70px;
line-height:inherit;
list-style:circle;
}

ul#weblist {
	list-style: square;
	margin-left: 20px;
	}
	
	ul#weblistli{
	list-style: square;
	color:#41637E;
}

#webtable{
	color:#41637E;
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom:5px;
	line-height:inherit;
	list-style:circle;

}


	#webtable li{
	list-style: square;
	color:#41637E;
	margin-left: 5px;
}


li.new{
	list-style: square;
	margin-left: 20px;
	list-style-position:inside;
	
}

.float{
float:left;
clear:right;

}

.quotehead{
color:#41637E;
font-size:115%;
padding-bottom:5px;
padding-top:5px;
font-weight:bold;
}


.printhead{
color:#41637E;
font-size:115%;
font-weight:bold;
text-decoration:underline;
}

.blue{
color:#41637E;
}

	.blue ul{
	font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
	list-style:square;
	}
	
		
.red{
color:#831b1d;
}

.green{
color:#565A3D;
}

.white{
color:#FFF;
font-size:11px;
line-height: 13px;
padding:23px 5px 20px 500px;
}

	.white a{
	color:#FFF;
	text-decoration: none;
	}
	
	.white a:hover{
	color:#FFF;
	text-decoration: underline;
	}


#print1{
	height:208px;
	width:50px;
	background:url(images/mid_lt_col.gif);/*background: url()*/
}

#print2{
	height:208px;
	width:800px;
	background:url(images/mid_center.gif);/*background: url()*/
	}
	
#print3{
	height:208px;
	width:50px;
	background:url(images/mid_rt_col.gif);/*background: url()*/}

#sec1 {
	height: 208px;
	width:300px;
	background:url(images/print_design_marketing.gif);/*background: url()*/
	float:left;
	clear:right;
}

	#sec1 a{
	text-decoration:underline;
	color:#41637E;
	}

	#sec1 a:hover{
	text-decoration:underline;
	color:#333333;
	}


#sec2 {
	height: 208px;
	width:298px;/*background: url()*/
	background-image: url(images/web_design_content_management.gif);
	float:left;
	clear:right;
	}
	
	#sec2 a{
	text-decoration:underline;
	color:#565A3D;
	}

	#sec2 a:hover{
	text-decoration:underline;
	color:#333333;
	}
	
	
#sec3 {
	height: 208px;
	width:302px;
	background:url(images/mail_marketing_presentation.gif);/*background: url()*/
	}
	
	#sec3 a{
	text-decoration:underline;
	color:#831b1d;
	}

	#sec3 a:hover{
	text-decoration:underline;
	color:#333333;
	}
	
	
	
#bottom {
	height: 63px;
	background:#ffffff;
	}
	
	#home #bottom{
	background:url(images/illustration_photography_video.gif) no-repeat;/*background: url()*/
	clear:left;
	}	
	
	#services #bottom{
	background:url(images/print_design_details_bottom.gif) no-repeat;/*background: url()*/
	clear:left;
	}
	
	#mailmarketing #bottom{
	background:url(images/print_design_details_bottom.gif) no-repeat;/*background: url()*/
	clear:left;
	}
	
	#web #bottom{
	background:url(images/print_design_details_bottom.gif) no-repeat;/*background: url()*/
	clear:left;
	}
	
	#quote #bottom{
	background:url(images/print_design_details_bottom.gif) no-repeat;/*background: url()*/
	clear:left;
	}
	
	#presentation #bottom{
	background:url(images/print_design_details_bottom.gif) no-repeat;/*background: url()*/
	clear:left;
	}
	
	#print #bottom{
	background:url(images/print_design_details_bottom.gif) no-repeat;/*background: url()*/
	clear:left;
	}
	
	#portfolio #bottom{
	background:url(images/print_design_details_bottom.gif) no-repeat;/*background: url()*/
	clear:left;
	}
	
	

#body{
	background-color:#FFF;
}	


#nav_container{
	margin: 0;
	float: right;
	padding-top: 6.5em;
	padding-bottom:.5em;
	padding-right:15px;
	width:450px;
}
	
#newnav_container{
	margin: 0;
	float: right;
	padding-top: 6.5em;
	padding-bottom:.5em;
	padding-right:15px;
	width:500px;
}

#navigation {
	margin: 0;
	padding: 0;
	height: 1em;
	display: block;
}
		#navigation li {
			list-style: none;
			float: left;
		}
		#navigation li a {
			display: block;
			padding: 3px 8px;
			background-color: #fff;
			color: #676767;
			text-decoration: none;
		}
		
		#navigation li ul {
			display: none;
			width: 20em; /* Width to help Opera out */
			background-color: #99CFF4;
			text-decoration: underline; 
		}	
		
		#navigation li:hover a {
			display: block;
			padding: 3px 8px;
			background-color: #FFFFFF;
			color: #676767;
			text-decoration: underline;
		}
					
				#navigation li:hover ul {
				display: block;
				position: absolute;
				margin: 0;
				padding: 0;
				text-decoration: none; 
				}
				
				#navigation li:hover li {
					float: none;
					text-decoration: none;
				}
				#navigation li:hover li a {
					background-color: #99CFF4;
					border-bottom: 1px solid #fff;
					color: #000;
					text-decoration: none;
					
				}
				#navigation li li a:hover {
					background-color: #BEE0F8;
					text-decoration: none;
				}
			
	/* IE 6 fix-- must be used along the JavaScript*/
	/*#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #69f;
	border-bottom: 1px solid #fff;
	color: #000; }*/
	
#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color: #676767; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 5px; cursor:pointer;background: #fff;}
#nav li a.top_link span {float:left; display:block; padding:0 19px 0 5px; height:35px; background: #fff;}
#nav li a.top_link span.down {float:left; display:block; padding:0 19px 0 5px; height:35px; background: #fff;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color: #676767; text-decoration:underline; background: #fff;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(images/six_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(images/six_1a.gif) no-repeat right top; padding-bottom:3px;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:1px; top:38px; background: #CDDCED; padding:3px; border:1px solid #CCDCEC; white-space:nowrap; width:190px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:190px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:190px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #ffffff;}
#nav li ul.sub li a.fly
{background:#50b5d0 url(images/arrow.gif) 80px 6px no-repeat;}
#nav :hover ul.sub li a:hover 
{background:#666; color:#fff; border-color:#fff;}
#nav :hover ul.sub li a.fly:hover
{background:#183f76 url(images/arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:190px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #183f76; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:190px; z-index:400; height:auto;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:90px; top:-4px; background: #183f76; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:190px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:#3f96a9 url(images/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 
#nav li:hover li:hover > li a.fly
{background:#50b5d0 url(images/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;} 	
	
#portfolio_nav {
font-size: 115%;
background:none;
}

	#portfolio_nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: .5em;
	padding-bottom:.5em;
	}

		#portfolio_nav li {
		display: inline;
		}

		#portfolio_nav a:link, #portfolio_nav a:visited {
	/*padding: 0em 0.4em 0.4em 0em; 
		color: #565A3D;
		background-color: #FFF;
		text-decoration: none;*/
		padding: 0.4em 0.4em 0.4em 0.4em;
		color: #FFFFFF;
		background-color: #395e86;
		text-decoration: none;
		border-top-width: 1.5px;
		border-right-width: 1.5px;
		border-bottom-width: 1.5px;
		border-left-width: 1.5px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-top-color: #BFDFFF;
		border-right-color: #003366;
		border-bottom-color: #003366;
		border-left-color: #BFDFFF;	
		}
		#portfolio_nav a:hover {
		color: #003366;
		background-color: #C7D3E3;
		
		}

		#portfolio_nav a:active {
		color: #003366;
		background-color: #C7D3E3;
		
		}


.photo{
	width:900px;
	height:auto;
	background:url(images/portfolio_mid.gif);/*background: url()*/
	float:left;

}
		
.print_table{
	table-layout:auto;
	margin-left: auto;
	margin-right: auto;
	
}
	
	.print_table ul li{
	padding-left: 15px;
	padding-top:10px;
	list-style: circle;
	color: #666666;
	list-style-position:inside;
	line-height:1em;
	}


.print_quote_table{
	table-layout:auto;
	margin-left: 0;
	margin-right: auto;
	list-style: none;	
}
	
	.print_quote_table ul li{
	
	list-style: none;
	color: #666666;
	list-style-position:inside;
	line-height:.5em;
	}


#footer {
	margin: 0 0 0 0;
	text-align: center;
	background-color:#CCDCEC;
	height:25px;
	}
	
	#footer p {
		line-height: 60px; 
		}

		#footer a{
		color:#CC3300;
		}
			#footer a:hover {
			background: none;
			color: #FFF;
			}

.table{
border:medium;
border:#000000;

}

table.form_table td {
	padding: 3px;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}