/*---- Common Elements START ----*/
*{padding:0;margin:0}
html,body{
	background:#dddbcd;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666
}
acronym{
	border-bottom:1px dashed #ccc;
	cursor:help
}
a{
	color:#4e5974;
	text-decoration:none;
	font-weight:bold;
	outline:none
}
label{display:block}
input{width:220px}
input,textarea,select{
	color:#666;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #e0e0e0;
	border-top:none;
	padding:4px 2px 2px;
	background:#f7f7f7 url(../images/bgInput.gif) repeat-x;
	width:auto
}
dl{
	margin:0 0 20px
}
dt{
	font-weight:bold;
	display:block;
	margin:0 0 5px
}
dd{
	margin:0 0 20px 20px
}
option{
	padding-right:10px
}
.button{
	padding:2px 10px
}
.button:active{padding:3px 9px 1px 11px}
.error{
	color:#c00;
	float:left;
	clear:left;
	vertical-align:top;
	font-style:italic
}
.clear{clear:both}
a:hover{text-decoration:underline}
img{border:0}
hr{
	margin:0 0 20px;
	border:1px solid #fff;
	border-top:1px solid #dfd7d7
}
p{margin:11px 0}
blockquote{
	padding:0 0 20px 40px;
	background:url(../images/quotes.gif) top left no-repeat
}
#main{
	width:784px;
	margin:0 auto
}
h2{
	margin:10px 0 15px;
	color:#4e5974;
	clear:left;
	font:24px Arial, Helvetica, sans-serif;
}
h1{
	color:#3C4861;
	font-size:12px;
	margin:0 0 5px
}
h3{
	color:#aa8f8f;
	font-weight:normal;
	font-size:10px;
	margin:0 0 5px
}


#rating {

	float: right;
	margin: 0px 0px 0px 0px;
}
.link{
	color:#fff
}
p{margin:0 0 20px}
#newsImg,.contentImg{float:right;margin:0 0 10px 10px}
.code{margin-bottom:10px;border:1px solid #666;font:12px "Courier New", Courier, monospace}
.code em{color:#039;font-weight:bold;font-style:normal}
code,pre{
	font:12px "Courier New", Courier, monospace;
	color:#060	
}
pre{
	margin:0 0 20px 20px;
	width:450px;
	background:#f7f7f7;
	padding:3px;
	border:1px solid #d5d3c6;
	overflow:auto
}
ins{text-decoration:none}
.diagrams img{margin:10px 10px 20px}
/*----- Common Elements END -----*/
/*--------- Header START --------*/
#header{
	float:left;
	clear:both;
	height:212px;
	width:784px;
	background:url(../images/bgTop.gif) no-repeat
}
#links{
	float:left;
	clear:right;
	position:relative;
	margin-top:25px;
	left:350px;
}
#links a{
	display:block;
	float:left;
	width:40px;
	height:17px;
	padding:0 5px 0
}
#splashTop{float:right}
#logo{
	float:left;
	margin:28px 0 0 49px
}
#qcontent,#qcontent a{background:url(../images/btnQContent.gif) top no-repeat}
#qnews,#qnews a{background:url(../images/btnQNews.gif) top no-repeat}
#qmap,#qmap a{background:url(../images/btnQMap.gif) top no-repeat}
/*---------- Header END ---------*/
/*---------- Nav START ----------*/
#nav{
	width:748px;
	padding-left:36px;
	background:url(../images/bgNav.gif);
	height:30px;
	clear:left
}
#nav a,#header a{
	text-indent:-9999px;
	text-decoration:none
}
#nav ul,#links ul{
	margin:0;
	padding:0;
	list-style:none
}
#nav li,#links li{float:left}
#nav a{height:30px;float:left}
#btnArticles,#btnArticles a{background:url(../images/btnArticles.gif);width:146px}
#btnAbout,#btnAbout a{background:url(../images/btnAbout.gif);width:126px}
#btnPortfolio,#btnPortfolio a{background:url(../images/btnPortfolio.gif);width:157px}
#btnServices,#btnServices a{background:url(../images/btn.gif);width:136px}
#btnContact,#btnContact a{background:url(../images/btnContact.gif);width:149px}
#qcontent a:hover,#qnews a:hover,#qmap a:hover,#btnArticles a:hover,#btnAbout a:hover,#btnPortfolio a:hover,#btnServices a:hover,#btnContact a:hover{background-position:bottom}
/*----------- Nav END -----------*/
/*-------- Content START --------*/
#content{
	width:724px;
	float:left;
	background:#fff url(../images/bgPage.gif);
	padding:14px 0 10px 60px
}
#page{
	float:left;
	width:484px;
	margin-right:30px
}
#page p,#page ul,#page li,{line-height:16px}


#page ul{
	list-style:none;
	padding:0 7px;
	margin-bottom:10px
}
#page ul ul{margin-bottom:0}
#page li{
	background:url(../images/bulletLg.gif) 0 4px no-repeat;
	margin:0;
	padding-left:23px;
	margin-top:3px
}
#page li li{
	background:url(../images/bulletSm.gif) 0 6px no-repeat;
	padding-left:18px
}
#folioImg{
	float:left;
	margin:0 20px 20px 0
}
#folioDetails{
	float:left;
	width:480px;
	padding-bottom:20px
}
#folioList{
	width:480px;
	float:left
}
#folioList a{
	margin:0 20px 10px 0;
	display:block;
	float:left;
	width:68px;
	height:68px;
	padding:3px;
	border:1px solid #e0e0e0;
	background:#f7f7f7
}
#folioList a:hover{background:#dcdacc}
#sliceImg{margin-left:80px}
/*--------- Content END ---------*/
/*--------- Right START ---------*/
.sideBox{
	background:url(../images/bgSideBox.gif) bottom no-repeat;
	padding:0 18px 15px 10px;
	width:182px;
	float:left;
	margin-bottom:0;
	font-size:10px
}
.sideBox_google{
	background:url(../images/bgSideBox.gif) bottom no-repeat;
	padding:0 0px 0px 0px;
	width:182px;
	float:left;
	margin-bottom:0;
	font-size:10px
}
.sideBox h6{
	font-size:10px;
	margin:10px 10px 0 
}
.sideBox_google h6{
	font-size:10px;
	margin:10px 10px 0 
}
.sideBox h7{
	font-size:14px;
	align: center; 
}
.sideBox_google h7{
	font-size:14px;
	align: center; 
}
#rightCol{
	float:left;
	width:182px
}
#rightCol a{font-weight:normal}
#rightCol_google a{font-weight:normal}
.sideBox p{margin:0 10px 10px}
.sideBox_google p{margin:0 10px 10px}
.sideBox q{
	margin:10px;
	display:block;
	width:160px;
	font-style:italic
}
.sideBox_google q{
	margin:10px;
	display:block;
	width:160px;
	font-style:italic
}
.sideBox ul{
	margin:0 10px 10px;
	list-style:none
}
.sideBox_google ul{
	margin:0 10px 10px;
	list-style:none
}
.top{
	width:210px;
	height:25px;
	background:url(../images/borderSideBox.gif);
	clear:both
}
.top_google{
	width:210px;
	height:25px;
	background:url(../images/borderSideBox.gif);
	clear:both
}
.sideBox img{margin:6px 17px}
.sideBox_google img{margin:6px 17px}
.right{text-align:right}
#affLinks{
	padding:0 18px 15px 10px;
	width:162px;
	float:left;
	font-size:10px
}
#affLinks_google{
	padding:0 0px 0px 0px;
	width:162px;
	float:left;
	font-size:10px
}
/*---------- Right END ----------*/
/*--------- Footer START --------*/
#footer{
	font-size:9px;
	color:#999;
	width:625px;
	height:38px;
	padding:0 80px;
	float:left;
	background:url(../images/bgFooter.gif)
}
#footer p{margin:7px 0;}
#footer a{
	font-weight:normal;
	color:#999
}
#left{float:left;width:320px}
#right{float:right}
/*---------- Footer END ---------*/
/*---------- sIFR START ---------*/
/* 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}
.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 h1{visibility:hidden}
/*----------- sIFR END ----------*/
/*---------- AdSense START ---------*/
#adsbottom,#adsbottomie{
	margin:20px 0 10px
}
body .ad{
	margin:10px 0 12px 31px
}
/*----------- AdSense END ----------*/
.comment{
	border:1px solid #e0e0e0;
	padding:10px;
	float:left;
	margin:0 0 20px;
	background:#f7f7f7;
	width:462px
}
.even{
	background:#fff
}
.comment cite{
	margin:0;
	float:right;
	text-align:right
}
.note{
	font-size:10px;
	color:#aa8f8f
}
.exampleImg{
	margin:10px 20px 20px
}

.wideBanner{
	margin:0 0 20px
}
.1 {}
.2 {}
.3 {}
.4 {}
.5 {}
.6 {}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ -----------Thumbnail 1 position  */

.thumbnail1{
position: relative;
z-index: 0;
}

.thumbnail1:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail1 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px 0px 0px 0px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail1 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 80px;
left: 0px; /*position where enlarged image should offset horizontally */

}

/*-----------------Thumbnail 2 position-------------------*/

.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px 0px 0px 0px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 80px;
left: -94px; /*position where enlarged image should offset horizontally */

}

/*-----------------Thumbnail 3 position-------------------*/

.thumbnail3{
position: relative;
z-index: 0;
}

.thumbnail3:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px 0px 0px 0px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 80px;
left: -94px; /*position where enlarged image should offset horizontally */

}

/*-----------------Thumbnail 4 position-------------------*/


.thumbnail4{
position: relative;
z-index: 0;
}

.thumbnail4:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail4 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px 0px 0px 0px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail4 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail4:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 80px;
left: -94px; /*position where enlarged image should offset horizontally */

}

/*-----------------Thumbnail 5 position-------------------*/


.thumbnail5{
position: relative;
z-index: 0;
}

.thumbnail5:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail5 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px 0px 0px 0px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail5 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail5:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 80px;
left: -188px; /*position where enlarged image should offset horizontally */

}

/*----------------Piper Popup------------------*/



.thumbnailP{
position: relative;
z-index: 0;
}

.thumbnailP:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailP span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px 0px 0px 0px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailP span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;

}

.thumbnailP:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -176px;
left: 104px; /*position where enlarged image should offset horizontally */

}

/*---------------Business Popup--------------------*/



.business{
position: relative;
z-index: 0;
}

.business:hover{
background-color: transparent;
z-index: 50;
}

.business span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px 0px 0px 0px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.business span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;

}

.business:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -45px;
left: 220px; /*position where enlarged image should offset horizontally */

}

/*-----------------Business Popup 2------------------*/





.business2{
position: relative;
z-index: 0;
}

.business2:hover{
background-color: transparent;
z-index: 50;
}

.business2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px 0px 0px 0px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.business2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;

}

.business2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -45px;
left: 125px; /*position where enlarged image should offset horizontally */

}

/*----------------Business Popup 3-------------------*/


.oldnews{
position: relative;
z-index: 0;
}

.oldnews:hover{
background-color: transparent;
z-index: 50;
}

.oldnews span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px 0px 0px 0px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.oldnews span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;

}

.oldnews:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 25px;
left: -200px; /*position where enlarged image should offset horizontally */

}

/*-----------------------------------*/