/********************************************** 

Modified: 101007

Author: QLG (Shaun)

**********************************************/





/********************************************** 

				  DEFAULTS

**********************************************/





body {

	margin: 0;

	padding: 0;

	font: normal small/1.5em Arial, Helvetica, sans-serif;

	text-align: center;

	color: #7B7067;

	background: #FFFFFF;

	}

	

P { 

	font: normal small/1.5em Arial, Helvetica, sans-serif;

	}

	

* {

	margin: 0;

	padding: 0;

	border: none;

	}



em {

	font-style: italic;

	}

	

strong {

	font-weight: bold;

	}



small {

	font: normal 80% Arial, Helvetica, sans-serif;

	} 

	

hr {

	color: #D6C9BF;

	background-color: #D6C9BF;

	border: none;

	width: 100%;

	height: 1px;

	margin: 0 0 10px 0;

	padding: 0;

	}

	

.clear {

	clear: both;

	}



h2 {

	margin: 0 0 10px 0;

	font: normal 90% Arial, Helvetica, sans-serif;

	}	

	

h2.featured {

	height: 17px;

	text-indent: -4000px;

	background: url(../images/global/headers.gif) no-repeat left -21px;

	}



h2.about {

	height: 17px;

	text-indent: -4000px;

	background: url(../images/global/headers.gif) no-repeat left top;

	}



h2.news {

	height: 17px;

	text-indent: -4000px;

	background: url(../images/global/headers.gif) no-repeat left -136px;

	}

		

h2.contact {

	height: 17px;

	text-indent: -4000px;

	background: url(../images/global/headers.gif) no-repeat left -68px;

	}



h2.find {

	height: 17px;

	text-indent: -4000px;

	background: url(../images/global/headers.gif) no-repeat left -85px;

	}		



h2.nice {

	height: 17px;

	text-indent: -4000px;

	background: url(../images/global/headers.gif) no-repeat left -119px;

	}			

		

h2.categories {

	height: 17px;

	text-indent: -4000px;

	background: url(../images/global/headers.gif) no-repeat left -34px;

	}



h2.clients {

	height: 17px;

	text-indent: -4000px;

	background: url(../images/global/headers.gif) no-repeat left -51px;

	}	

			

h2.login {

	float: right;

	height: 17px;

	text-indent: -4000px;

	background: url(../images/global/headers.gif) no-repeat left -28px;

	}	

	

h2.newbiz {

	height: 17px;

	text-indent: -4000px;

	background: url(../images/global/headers.gif) no-repeat left -203px;

	}		

	

	

h3 {

	margin: 0 0 3px 0;

	padding: 0 0 2px 0; 

	font: normal 150% Arial, Helvetica, sans-serif;

	color: #514F48;

	}

	

h4 {

	margin: 0 0 0 0;

	padding: 0; 

	font: normal 110% Arial, Helvetica, sans-serif;

	color: #6c4c32;

	}

	

h5 {

	margin: 0 0 2px 0;

	padding: 0;

	font: bold 90% Arial, Helvetica, sans-serif; 

	text-transform: uppercase;

	color: #49321F;

	}



h6 {

	margin: 0 0 15px 0;

	padding: 0;

	font: bold 90% Arial, Helvetica, sans-serif; 

	text-transform: uppercase;

	color: #8A7667;

	}







	

/********************************************** 

				  LINKS

**********************************************/





a:focus {

	outline: none;

	}



a:link {

	padding: 0 0 1px 0;

	font-weight: bold;

	text-decoration: underline;

	color: #79624f;

	}



a:visited {

	padding: 0 0 1px 0;

	font-weight: bold;

	text-decoration: underline;

	color: #79624f;

	}

		

a:hover, a:active {

	text-decoration: none;

	}

	

/*	

	

a[href^="http:"] {

	padding-right: 10px;

	background: url(../images/global/icons.gif) no-repeat right top;

	}

a[href^="http://www.theqlg.com"], a[href^="http://www.theqlg.com"] {

	background-image: none;

	padding-right: 0;

	}

a[href^="mailto:"] {

	padding-right: 15px;

	background: url(../images/global/icons.gif) no-repeat right -15px;

	}

a[href$=".pdf"] {

	padding-right: 15px;

	background: url(../images/global/icons.gif) no-repeat right -45px;

	} 

a[href$=".doc"] {

	padding-right: 10px;

	background: url(../images/global/icons.gif) no-repeat right -30px;

	}



*/



/********************************************** 

				  STRUCTURE

**********************************************/

#wrap {

	width: 740px;

	margin: 0 auto;

	padding: 0;

	font-size: 95%;

	background: transparent;

	text-align: left;

	}



#header {

	width: 750px;

        height: 168px;

	margin: 0;

	padding: 20px 0 20px 0;

	background: url(../images/global/bg_dbl_line.gif) repeat-x left bottom;

        text-align: center;

	}

	

#flash_home {

	clear: both;

	height: 250px;

	margin: 15px 0 0 0;	

	}	

	

#flash {

        position: relative;

        top: 0px;

        left: 0px;

	clear: both;

	margin: 0;

        z-index: 99;

	}

		

#slashes {

	clear: both;

	width: 100%;

	height: 66px;

	margin: 0;

	padding: 0;	

	background: url(../images/global/bg_slashes.gif) repeat-x left top;

	}				

	

#footer_holder {

	clear: both;

	width: 100%;

	height: 100%;

	margin: 0;

	padding: 0 0 15px 0;

	background: #b9be27 url(../images/global/bg_footer.gif) repeat left top;

	}	

	

#footer {

	width: 740px;

	height: 275px;

	margin: 0 auto;

	padding: 15px 0 0 0;

	text-align: left;

	background: transparent url(../images/global/bg_footer_13.gif) no-repeat right top;

	}	

	

#footer .left {

	float: left;

	width: 740px;	

	margin: 0;

	padding: 10px 0 0 0;

	}

	

#footer .right {

	float: right;

	width: 185px;

	margin: 0;

	padding: 10px 0 0 0;

	}		





/********************************************** 

		           75% - 25%

**********************************************/

	

#three_quarters_quarter {

	width: 740px;

	margin: 0;

	padding: 15px 0 0 0;	

	}



#three_quarters_quarter .leftcol {

	float: left;

	width: 550px;

	margin: 0;

	padding: 10px 0 0 0;

	}

	

#three_quarters_quarter .rightcol{

	float: left;

	width: 180px;

	display: inline;

	margin: 0 0 0 5px;

	padding: 10px 0 0 0;

	}





	

/********************************************** 

		           25% - 75%

**********************************************/

	

#quarter_three_quarters {

	width: 740px;

	margin: 0;

	padding: 15px 0 0 0;	

	}



#quarter_three_quarters .leftcol {

	float: left;

	width: 180px;	

	margin: 0;

	padding: 10px 0 0 0;

	}

	

#quarter_three_quarters .rightcol {

	float: left;

	width: 550px;

	display: inline;

	margin: 0 0 0 5px;

	padding: 10px 0 0 0;

	}



#quarter_three_quarters .rightcol .summary {

	width: 550px;

	margin: -13px 0 0 0;	

	padding: 20px 0 0 0;

	background: url(../images/global/bg_slashes_body.gif) repeat-x left top;

	}

	

#quarter_three_quarters .rightcol .summary .left {

	float: left;

	width: 270px;	

	}	

	

#quarter_three_quarters .rightcol .quote {

	float: left;

	width: 230px;

	margin: 0 0 0 25px;

	padding: 10px;

	background: #F9F8E4;

	border: 1px solid #F4F2CA;

	}	

	

	

	



/********************************************** 

				  50% - 50%

**********************************************/

	

#half_half {

	width: 740px;

	height: auto;

	margin: 0 auto;

	padding: 30px 0 20px 0;	

	}



#half_half .leftcol {

	float: left;

	width: 365px;	

	margin: 0;

	padding: 10px 0 0 0;

	}

	

#half_half .rightcol {

	float: left;

	width: 365px;

	display: inline;

	margin: 0 0 0 5px;

	padding: 10px 0 0 0;

	}







/********************************************** 

				CLIENT LOGIN

**********************************************/

.client_login {

	position: relative;

	top: -100px;

	left: 655px;

	width: 80px;

	height: 14px;

	}









/********************************************** 

				 MAIN NAV

**********************************************/





#main_nav {

	float: right;

	margin: 75px 0 0 0;	

	padding: 0;

	z-index: 4000;	

	background: transparent;

	}



#main_nav li {

	float: left;

	margin: 0;

	padding: 0;

	list-style: none;

	}



#main_nav a {

	float: left;

	width: 85px;

	height: 21px;	

	margin: 0;

	padding: 0;

	text-decoration: none;

	text-indent: -4000px;

	}



#work {

	background: transparent url(../images/global/nav_work.gif) no-repeat left top;

	}

#profile {

	background: transparent url(../images/global/nav_profile.gif) no-repeat left top;

	}

#contact {

	background: transparent url(../images/global/nav_contact.gif) no-repeat left top;

	}



#main_nav a:hover {

	background-position: 0 -21px;

	}

#main_nav a.active {

	background-position: 0 -21px;

	}









/********************************************** 

				 SIDE NAV

**********************************************/





#side_nav {

	margin: 0;	

	padding: 0;

	z-index: 4000;	

	background: transparent;

	}



#side_nav li {

	margin: 0;

	padding: 0;

	list-style: none;

	}



#side_nav a {

	float: left;

	width: 365px;

	height: 20px;	

	margin: 0;

	padding: 0;

	text-decoration: none;

	text-indent: -4000px;

	}



#identity {

	background: transparent url(../images/global/nav_identity.gif) no-repeat left top;

	}

#print {

	background: transparent url(../images/global/nav_print.gif) no-repeat left top;

	}

#contact {

	background: transparent url(../images/global/nav_contact.gif) no-repeat left top;

	}



#side_nav a:hover {

	background-position: 0 -20px;

	}

#side_nav a.active {

	background-position: 0 -20px;

	}







/********************************************** 

				CONTENT STYLING

**********************************************/





#three_quarters_quarter .leftcol p {

	padding: 0 40px 0 0; 

	}

	

#three_quarters_quarter .leftcol p.first {

	margin: 0 0 5px 0;

	font: normal 180% Arial, Helvetica, sans-serif;

	}



.rightcol p {

	margin: 0 0 10px 0;

	}



.project_title {

	margin: 0;

	padding: 10px;

	background: #f9f8e4;

	border-top: 1px solid #d6c9bf;

	border-bottom: 1px solid #d6c9bf;

	}



.project_title h5 {

	margin: 0 0 -5px 0;

	font: bold 110% Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	color: #79624f;

	}



.project_title h6 {

	font: bold 90% Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	color: #79624f;

	}

	

ul.clients {

	margin: 0;	

	padding: 0;		

	list-style: none;

	}



ul.clients li {

	margin: 0 0 3px 0;

	padding: 0 0 0 10px;

	font: normal 100%/1.4em Arial, Helvetica, sans-serif;

	background: url(../images/global/arrow.gif) no-repeat left center;

	}



ul.client_sub

	{	

	margin: 0;	

	padding: 0;

	list-style: none;

	}



ul.client_sub li

	{margin: 0 0 3px 0;

	padding: 0 0 0 5px;

	}





ul.client_sub li a:link, ul.client_sub li a:visited

	{

	color: #B2ACA7;

	}



ul.client_sub li a:hover

	{

	color: #49321F;

	}



ul.client_sub li a.active {

	text-decoration: none;

	color: #49321F;

	background: url(../images/global/arrow.gif) no-repeat left center;

	padding: 0 0 0 10px;

	}







/********************************************** 

				CONTACT FORM

**********************************************/



form.contact_form {

	width: 365px;

	font-size: 11px;

	color: #333;

	margin: 0;

	padding: 0 0 15px 0;

	background: #F9F8E4;

	}

	

form.contact_form fieldset { 

	margin: 0;

	border: none;

	}

	

form.contact_form h5 {

	margin: 10px 0 -10px 15px;

	padding: 0;

	font: bold 140% Arial, Helvetica, sans-serif;

	color: #D6C9BF;

	}	

	

form.contact_form legend {

	padding: 0 2px;

	font-weight: bold;

	_margin: 0 -7px; /* IE Win */

	}

	

form.contact_form fieldset ol {

	margin: 15px;

	padding: 0;

	}

	

form.contact_form fieldset li {

	list-style: none;

	padding: 0 0 10px 0;

	margin: 0;

	}



form.contact_form label { 

	display: block;

	margin: 0 0 3px 0;

	font: bold 100% Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	color: #462706;

	}



p.warning, .warning {

	font: normal 95% Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	color: #E0450E;

	}



form.contact_form .textinput {

	border: 1px solid #DAD2CA;

	font: normal 11px Arial, Helvetica, sans-serif;

	padding: 2px;

	width: 150px;

	color: #462706;

	}



form.contact_form .textarea {

	border: 1px solid #DAD2CA;

	font: normal 11px Arial, Helvetica, sans-serif;

	padding: 2px;

	width: 273px;

	height: 100px;

	color: #462706;

	}

	

form.contact_form p.input {

	margin: -10px 0 15px 253px;

	padding: 0;

	width: 40px;

	}





/********************************************** 

	     		    ROSTER

**********************************************/



dl.team {

	float: left;

	margin: 0 0 5px 0;

	padding: 0;

	}

dl.team dt {

	font: bold 110% Arial, Helvetica, sans-serif;

	color: #462706;

	}

dl.team dt a.active {

	font: bold 110% Arial, Helvetica, sans-serif;

	text-decoration: none;

	color: #462706;

	}

	

dl.team dd {

	margin: 0 0 10px 0;

	padding: 0;

	}

dl.team dd p {

	margin: 0;

	}









dl {

	float: left;

	margin: 0 0 5px 10px;

	padding: 0;

	}

dl dt {

	font: bold 110% Arial, Helvetica, sans-serif;

	color: #462706;

	}

dl dd {

	margin: 0;

	padding: 0;

	}

dl dd p {

	margin: 0;

	}



ul.numbers {

	float: left;

	margin: 0 0 0 60px;

	padding: 0;

	list-style: none;

	}



ul.numbers li {

	margin: 0 0 3px 0;

	padding: 0 0 1px 0;

	font: normal 100% Arial, Helvetica, sans-serif;

	color: #E0450E;

	}







/********************************************** 

	     		  INNERFADE

**********************************************/



.fade {

	clear: both;

	}

	

.map {

	clear: both;

	width: 735px;

	height: 265px;

	}	



.holder {

	width: 550px;

	background-color: #FFFFFF;

	}	



.left {

	float: left;

	width: 180px;

	}

	

.right {

	float: left;

	width: 365px;

	margin: 0 0 0 5px;

	}	



.right p {

	background-color: #FFFFFF; /* fixes the font appearance in IE */

	}







/********************************************** 

	     		   TOOLTIP 

**********************************************/

.tooltip {

	width: 141px; 

	color: #FFFFFF;

	font: bold 90% Arial, Helvetica, sans-serif;

	text-decoration: none;

	text-align: center;

	}



.tooltip span.top {

	padding: 10px 8px 0 0;

    background: url(../images/global/bt.gif) no-repeat top;

	}



.tooltip b.bottom {

	padding: 3px 8px 20px 0;

	color: #BD3C15;

    background: url(../images/global/bt.gif) no-repeat bottom;

	}





/********************************************** 

	     			GALLERY 

**********************************************/



#myGallery {

	float: right;

	z-index: 5;

	margin: 0 0 15px 0;

	display: none;

	}



#myGallery {

	text-align: left;

	width: 548px !important; /* too move title over for FF otherwise it is hidden due to overflow hidden on this div */

	height: 323px !important;

	}





.jdGallery {

	/*	overflow: hidden; */	

	position: relative;

	}



.jdGallery img {

	border: 0;

	margin: 0;

	}



.jdGallery .slideElement {

	width: 548px;

	height: 323px;

	background-color: #FFFFFF;

	background-repeat: no-repeat;	

	/*border: 1px solid #DAD2CA;*/

	}



.jdGallery .loadingElement {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	background: #FFFFFF url(../images/global/loading.gif) no-repeat center center;

	}



.jdGallery .slideInfoZone {

	position: relative;

	z-index: 100000;

	width: 100%;

	margin: 0;

	left: 0;

	top: 328px;

	text-indent: 0;

	overflow: hidden;

 	}



* html .jdGallery .slideInfoZone {

	bottom: -1px;

	}



.jdGallery .slideInfoZone h2 {

	margin: 0;

	padding: 0;

	font: bold 110% Arial, Helvetica, sans-serif;

	color: #493220;

	background-color: #FFF;

	}



.jdGallery .slideInfoZone p {

	margin: 0;

	padding: 0;

	font: normal 100% Arial, Helvetica, sans-serif;	

	color: #493220;

	}

	





#thumbnails {

	width: auto;

	height: 20px;

	margin: 0 0 20px 0;

	padding: 0;

	clear: both;

	position: relative;			

	}

	





*/





#galleryNavigation {

	clear: both;

	float: left;

	margin: 0;

	display: inline;

	}





.jdGallery a {

	text-decoration: none;

	text-indent: -4000px;

	}



.jdGallery a.left, .jdGallery a.right {

	position: absolute;

	top: 345px;

	width: 41px;

	height: 13px;

	cursor: pointer;

	z-index:10;	

	}



/*

.jdGallery a.left {

	left: 460px;

	background: url(../images/global/btn_gallery.gif) no-repeat left top;

	}



.jdGallery a.right {

	left: 500px;

	background: url(../images/global/btn_gallery.gif) no-repeat right top;

	}



.jdGallery a.left:hover {

	background-position: left -14px;

	}



.jdGallery a.right:hover {

	background-position: right -14px;

	}

*/



	

	

.jdGallery a.left {

	left: 460px;

	background: url(../images/global/btn_prev.gif) no-repeat left top;

	}



.jdGallery a.right {

	left: 500px;

	background: url(../images/global/btn_next.gif) no-repeat right top;

	}



.jdGallery a.left:hover {

 	background: url(../images/global/btn_prev_over.gif) no-repeat left top;

	cursor: pointer;

	}



.jdGallery a.right:hover {

	background: url(../images/global/btn_next_over.gif) no-repeat right top;

	cursor: pointer;

	}	











/********************************************** 

				QUOTE STYLES

**********************************************/



#quarter_three_quarters .rightcol .quote {

	font: normal 120% "Times New Roman", Times, serif;

	font-style: italic;

	color: #49321F;

	line-height: 1.25em;

	}	



#quarter_three_quarters .rightcol .name {

	margin: 0;

	padding: 0;

	font: bold 90% Arial, Helvetica, sans-serif;

	}	







/********************************************** 

				FOOTER STYLES

**********************************************/

#footer ul {

	margin: 0;	

	padding: 0;		

	list-style: none;

	}



#footer ul li {

	margin: 0 3px 0 0;

	padding: 0 0 1px 0;

	font: normal 90%/1.25em Arial, Helvetica, sans-serif;

	color: #f9f8e4;

	}

	

#footer ul.numbers {

	margin: 0;	

	}



#footer ul.numbers li {

	margin: 0 3px 0 0;

	padding: 0 0 1px 0;

	font: normal 90%/1.25em Arial, Helvetica, sans-serif;

	color: #f1b78e;

	}



#footer .copyright {

	margin: 0 50px 0 0;

	font: normal 100%/1.25em Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	color: #f9f8e4;

	}



#footer a:link,#footer a:visited {

	font: normal 100%/1.25em Arial, Helvetica, sans-serif;

	text-decoration: none;

	color: #49321f;

	}



#footer a:hover, #footer a:active {

	text-decoration: underline;

	}





#footer ul.tools {

	margin: 0;	

	padding: 0;		

	list-style: none;

	color: #F1B78E;

	}

#footer ul.tools li {

	margin: 0 3px 5px 0;

	padding: 0 0 1px 0;

	font: normal 90%/1.25em Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-transform: uppercase;

	}

#footer ul.tools a:link,#footer ul.tools a:visited {

	font: normal 90%/1.25em Arial, Helvetica, sans-serif;

	text-decoration: none;

	color: #49321f;

	}



#footer ul.tools a:hover, #footer ul.tools a:active {

	text-decoration: underline;

	}



#footer ul.tools .pdf {

	padding: 0 15px 0 0;

	background: url(../images/global/icons.gif) no-repeat right -60px;

	}







/********************************************** 

				    SIFFER

**********************************************/



/* These are standard sIFR styles... do not modify */



.sIFR-flash {

	visibility: visible !important;

	margin: 0;

	}



.sIFR-replaced {

	visibility: visible !important;

	}



span.sIFR-alternate {

	position: absolute;

	left: 0;

	top: 0;

	width: 0;

	height: 0;

	display: block;

	overflow: hidden;

	}



/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {

 	display: none !important;

	}



/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */





.sIFR-hasFlash h3 {

	visibility: hidden;

	letter-spacing: -6px;

	font-size: 25px;

	}



.sIFR-hasFlash h4 {

	letter-spacing: -4px;

	visibility: hidden;

	font-size: 20px;

	}





/* common styling */

.menu {font-family: normal small/1.5em Arial, Helvetica, sans-serif;

text-decoration:none; width:750px; height:20px; position:relative; font-size:10.8px; z-index:100;}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#49321f;width:104px; height:20px; text-align:center; color:#ffffff; border:1px solid #fff; background:#79624f; line-height:20px; font-size:10.8px; overflow:hidden;}

.menu ul {padding:0; margin:0; list-style: none;}

.menu ul li {float:left; position:relative;}

.menu ul li ul {display: none;}



/* specific to non IE browsers */

.menu ul li:hover a {color:#fff; background:#49321f; filter: alpha(opacity=70);

 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);

opacity:0.80;}

.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}

.menu ul li:hover ul li a.hide {background:#bbbe72; color:#000000;}

.menu ul li:hover ul li:hover a.hide {background:#b9be27; color:#000;}

.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li a {display:block; background:#e9e8e8; color:#000;}

.menu ul li:hover ul li a:hover {background:#b9be27; color:#000;}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}

.menu ul li:hover ul li:hover ul.left {left:-105px;}



.lines {

	width: 735px;

	margin: 0;

	padding: 6px 0 0px 0;

	background: url(../images/global/bg_dbl_line.gif) repeat-x left top;

	}