/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 width: 900px;
 color: #333;
 padding: 10px;
 border: 1px solid #000;
 height: 100px;
 margin: 10px 0px 0px 0px;
 background-image:url(images/logo.jpg);
 background-repeat:no-repeat;
}
#navigation {
 width: 900px;
 color: #333;
 padding: 10px;
 border: 1px solid #000;
 margin: 0px 0px 0px 0px;
 background: #fff;
}
#content { 
 width: 900px;
 color: #333;
 border: 1px solid #000;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 650px;
}
#footer { 
 width: 900px;
 color: #333;
 border: 1px solid #000;
 background: #fff;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #036;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: white;
}

#navcontainer #active { border-left: 1px solid #fff; }


#bq
{
	width:250px;
	margin: 10px;
	left: 10px;
	text-align: left;
	line-height: 1.5em;
	color: black;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:5px;
	height: 333px;
	float: left;
	 border: 2px solid #000;
}
#bqclient
{
	width:735px;
	margin: 10px;
	left: 10px;
	text-align: left;
	line-height: 1.5em;
	color: black;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:5px;
	height: 974x;
	float: left;
	 border: 0px solid #000;
}

#contentclients { 
 width: 900px;
 color: #333;
 border: 1px solid #000;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 1074px;
}

#contentphotogallery { 
 width: 900px;
 color: #333;
 border: 1px solid #000;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 474px;
}

#bqtestimonials
{
	width:735px;
	margin: 10px;
	left: 10px;
	text-align: left;
	line-height: 1.5em;
	color: black;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:5px;
	height: 974x;
	float: left;
	 border: 0px solid #000;
}

#contenttestimonials { 
 width: 900px;
 color: #333;
 border: 1px solid #000;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 674px;
}

#bqabout
{
	width:350px;
	margin: 10px;
	left: 10px;
	text-align: left;
	line-height: 1.5em;
	color: black;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:5px;
	height: 974x;
	float: left;
	 border: 0px solid #000;
}

#bqabout1
{
	width:297px;
	margin: 10px;
	left: 10px;
	text-align: left;
	line-height: 1.5em;
	color: black;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:5px;
	height: 974x;
	float: left;
	 border: 1px solid #000;
}
#contentabout { 
 width: 900px;
 color: #333;
 border: 1px solid #000;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 674px;
}

#bqcontact
{
	width:297px;
	margin: 10px;
	left: 10px;
	text-align: left;
	line-height: 1.5em;
	color: black;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:5px;
	height: 974x;
	float: left;
	 border: 0px solid #000;
}
#contentcontact { 
 width: 900px;
 color: #333;
 border: 1px solid #000;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 674px;
}