/*---- 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
}
h1{
	margin:10px 0 15px;
	color:#4e5974;
	clear:left;
	font:24px Arial, Helvetica, sans-serif
}
h2{
	color:#3C4861;
	font-size:12px;
	margin:0 0 5px
}
h3{
	color:#aa8f8f;
	font-weight:normal;
	font-size:10px;
	margin:0 0 5px
}
.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:374px;
}
#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/btnServices.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:200px;
	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 h6{
	font-size:10px;
	margin:10px 10px 0 
}
#rightCol{
	float:left;
	width:182px
}
#rightCol a{font-weight:normal}
.sideBox p{margin:0 10px 10px}
.sideBox q{
	margin:10px;
	display:block;
	width:160px;
	font-style:italic
}
.sideBox ul{
	margin:0 10px 10px;
	list-style:none
}
.top{
	width:210px;
	height:25px;
	background:url(/images/borderSideBox.gif);
	clear:both
}
.sideBox img{margin:6px 17px}
.right{text-align:right}
#affLinks{
	padding:0 18px 15px 10px;
	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:300px}
#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
}