body {
	background:url(../images/body_bg.png) top left repeat-x;
}
h1, h2, h3, h4, h5, h6 {
	text-transform:uppercase;
}
#ajaxSearch_form {
	margin:10px 0;
}
#ajaxSearch_input {
	padding:2px;
}
#QE_Toolbar, #QE_Toolbar * {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    background: #fff;
    font: normal 10px/15px sans-serif;
    color: #000;
    text-decoration: none;
    z-index: 1000000;
}

#QE_Toolbar {
    display: none; /* javascript will show the toolbar after positioning */
    position: absolute;
    left: 2px;
    top: 2px;
    width: 220px;
    border: 1px solid #afafaf;
    height: 16px;
    background: transparent;
}
/* this kills Safari, btw
body > #QE_Toolbar {
    background: #fff url(../images/link_bg.png) repeat-x 0 0;
    position: fixed;
}*/

/* top title */
#QE_Toolbar h1 {
    float: left;
    font-weight: bold;
    text-align: left;
    cursor: move;
    width: 112px;
    z-index: 1000001;
    line-height: 16px;
    padding: 0 0 0 5px;
    background: #fff url(../images/link_bg.png) repeat-x 0 0;
}

/* top button-row */
#QE_Toolbar ul {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    border: 0;
}
    #QE_Toolbar li {
        float: left;
        line-height: 16px;
        padding: 0 3px;
        z-index: 1000003;
        text-transform: lowercase;
        border-left: 1px solid #aaa;
        background: #d5d5d5 url(../images/menu_button_bg.png);
    }
    #QE_Toolbar li:hover {
        background-color: #dfdfdf;
    }

/* drop-down lists */
#QE_Toolbar ul ul {
    position: absolute;
    z-index: 1000002;
    top: 16px;
    right: -1px;
    width: 220px;
    text-align: left;
    border: 1px solid #afafaf;
    border-width: 0 1px 1px;
    background: #fff url(../images/body_bg.png) repeat-x bottom left;
    overflow: hidden;
}
    #QE_Toolbar ul ul li {
        float: none;
        border: 0;
        display: block;
        background-image: none;
        background-color: transparent;
    }
        #QE_Toolbar ul ul a {
            z-index: 1000003;
            background: transparent;
            display: block;
            padding: 2px 0 2px 10px;
        }
        #QE_Toolbar a.checkbox {
            padding-left: 25px;
            background: url(../images/unchecked.gif) no-repeat 10px 0
        }
        #QE_Toolbar a.checked {
            background-image: url(../images/checked.gif);
        }


#QE_Toolbar img {
float: none;
vertical-align: top;
border-style: none;
background-color: transparent;
}

a.QE_Link {
position:relative;
display:none;
float: right;
clear: right;
padding: 0 5px;
white-space: nowrap;
color: #000;
font-size: 7pt;
font-weight: normal;
text-decoration: none;
line-height: 15px;
height: 15px;
border: 1px solid #afafaf;
background: #fff url(../images/link_bg.png) repeat-x top left;
cursor: pointer;
}

.QE_Parent {
background-image: url(../images/parent_bg.gif) !important;
background-repeat: repeat !important;
}

@media print {
    #QE_Toolbar, a.QE_Link { display: none; }
}
@media handheld {
    #QE_Toolbar, a.QE_Link { display: none; }
}

a {
	color:#263f51;
}
a.rssFeed {
	text-indent:-9009px;
	height:16px;
	width:16px;
	display:block;
	float:left;
	clear:both;
	background:url(../images/rss_light.png) top left no-repeat;
}
div.sidebarContent a.rssFeed {
	position:absolute;
	right:2px;
	top:0;
}
/*a.rssFeed:hover {
	background:url(../images/rss_dark.png) top left no-repeat;
}*/
.B_crumbBox {
	margin:0 0 10px 0;
	float:left;
}
	.B_crumbBox span {
		margin:0 5px 10px 0;
	}
		.B_crumbBox a {
			color:#263F51;
			text-decoration:underline;
		}
			.B_crumbBox a:hover {
				color:#000;
				text-decoration:none;
			}
	#page {
		width:960px;
		margin:0 auto
	}
		#bannerImg {
			width:100%;
			height:218px;
			background:url(../images/header_bg.png) top left no-repeat;
			float:left;
		}
		#bannerText {
			width:100%;
			height:66px;
			background:url(../images/header_text.png) top left no-repeat;
			float:left;
		}
	#container {
		width:100%;
		float:left;
		margin:10px 0 0 0;
	}
		#content {
			float:left;
			margin:5px 30px 0 30px;
		}
			#cmsContent div.portfolio {
				float:left;
				width:700px;
				margin:0 0 20px 0;
			}
				#cmsContent div.portfolio #main_image{
					float:left;
					width:508px;
				}
				#cmsContent div.portfolio div#main_image img {
					float:left;
					height:242px;
					width:500px;
					background:#fff;
					padding:2px;
					border:2px solid #ddd;
				}
					#cmsContent div.portfolio ul {
						float:right;
						clear:none;
						width:186px;
					}
					#cmsContent div.portfolio ul li {
						width:186px;
						margin:0px 5px 11px 0;
						float:left;
						clear:left;
					}
						#cmsContent div.portfolio ul li img {
							width:180px;
							height:70px;
							float:left;
							background:#fff;
							border:2px solid #ddd;
							padding:1px;
							cursor:pointer;
						}
							#cmsContent div.portfolio ul li img.active {
								border:2px solid #aaa;
							}
						#cmsContent div.portfolio ul li.last {
							margin:0 0px 0 0;gbc 
						}
			.jot-form input, .jot-form textarea {
				font-size:1em;
				line-height:1.6em;
				color:#555;
				padding:2px;
				margin:0 0 5px 0;
			}
			#cmsContent {
				width:100%;
				float:left;
				clear:left;
			}
				#cmsContent * {
					float:left;
					clear:left;
				}
					#cmsContent span {
						float:left;
						clear:none;
					}
					#cmsContent div.paginate {
						width:100%;
					}
						#cmsContent div.paginate * {
							float:none;
							clear:none;
						}
							#cmsContent div.paginate p {
								float:left;
								width:auto;
							}
							#cmsContent div.paginate #dittoPages {
								float:right;
								font-size:1.1em;
								width:auto;
							}
								#cmsContent div.paginate #dittoPages a.ditto_page {
									margin:0 5px;
								}
				#cmsContent a {
					float:none;
					color:#263F51;
				}
					#cmsContent .jot-content {
						margin:0;
						position:relative;
							width:472px;
					}
					.jot-list {
						display:none;
					}
						#cmsContent .jot-content * {
							float:none;
						}
							#cmsContent .jot-content .jot-mod {
								position:absolute;
								right:3px;
								top:3px;
							}
								#cmsContent .jot-content .jot-mod a:hover {
									background:none;
								}
							#cmsContent .jot-content .jot-posticon, #cmsContent .jot-content .jot-extra {
								display:none;
							}
					#cmsContent #commentContainer {
						margin:0 0 20px 0;
						padding:15px 10px;
						width:478px;
						border:1px solid #d3d3d3;
					}
						#cmsContent #commentContainer h2 {
							margin:0 0 10px 0;
							width:476px;
						}
						#cmsContent #commentContainer li b {
							float:none;
							font-weight:bold;
						}
					#cmsContent ul li{
						float:left;
						clear:none;
						width:250px;
					}
					#cmsContent ul.blogCategories {
						margin:0 0 30px 0;
						border-bottom:1px solid #bbb;
						padding:0 0 15px 0;
						width:500px;
					}	
						#cmsContent ul.blogCategories li a {
							color:#263F51;
						}	
							#cmsContent ul.blogCategories li a:hover p.details {
								text-decoration:none;
							}					
					#cmsContent ul li a p {
						clear:right;
						float:right;
						width:195px;
						padding:0 5px;
						margin:5px 0 0 0;
						font-weight:bold;
						font-size:1.1em;
						line-height:1.4em;
						color:#263F51;
					}
					#cmsContent ul li a p.details {
						margin:0 0 5px 0;
						color:#777;
						font-size:0.9em;
						line-height:1.2em;
					}
				#cmsContent div.newsPost {
					border-bottom:1px solid #ccc;
					margin:0 0 30px 0;
					float:left;
					clear:left;
				}
					#cmsContent div.newsPost ul.bookmarks {
						margin:15px 0;
						padding:0;
						border:1px solid #ccc;
						padding:5px 0;
						width:498px;
					}
						#cmsContent div.newsPost ul.bookmarks li {
							margin:0 0 0 10px;
							padding:0;
							width:auto;
							height:18px;
							line-height:1.7em;
						}
							#cmsContent div.newsPost ul.bookmarks li a {
								sswidth:18px;
								height:18px;
								display:block;
								padding:0 0 0 24px;
								1text-indent:-9009px;
								margin:0 5px 0 0px;
							}
								#cmsContent div.newsPost ul.bookmarks li.delicious a {
									background:url(../images/delicious.gif) top left no-repeat;
								}
								#cmsContent div.newsPost ul.bookmarks li.reddit a {
									background:url(../images/reddit.gif) top left no-repeat;
								}
								#cmsContent div.newsPost ul.bookmarks li.digg a {
									background:url(../images/digg.gif) top left no-repeat;
								}
								#cmsContent div.newsPost ul.bookmarks li.facebook a {
									background:url(../images/facebook.png) top left no-repeat;
								}
								#cmsContent div.newsPost ul.bookmarks li.technorati a {
									background:url(../images/technorati.png) top left no-repeat;
								}
				#cmsContent div.postImage {
					border-bottom:1px dotted #aaa;
					border-top:1px dotted #aaa;
					padding:0 0 2px 0;
					height:112px;
					width:500px;
					margin:5px 0 10px 0;
					float:left;
				}
				#cmsContent ul.details {
					float:left;
					clear:both;
					margin:4px 0 0px 0;
					width:500px;	
					background:#e5e5e5;
					border-top:1px solid #d1d1d1;
				}
					#cmsContent ul.details li {
						margin:0;
						font-size:1em;
						float:left;
						color:#444;
						padding:2px 6px;
						text-transform:uppercase;
					}
				#cmsContent p {
					margin:0 0 10px 0;
					font-size:1.2em;
					line-height:1.5em;
					float:left;
					width:500px;
					clear:left;
				}
				#cmsContent p.intro {
					color:#263F51;
					font-size:1.4em;
				}
					#cmsContent p strong {
						font-weight:bold;
					}
					#cmsContent p strong, #cmsContent p u,#cmsContent p i {
						float:none;
					}
				#cmsContent h3 {
					font-size:2.6em;
					line-height:1em;
					float:none;
					color:#263F51;
					width:100%;
					white-space:nowrap;
				}
					#cmsContent h3.portfolio {
						margin-bottom:10px;
					}
					#cmsContent h3 a {
						color:#263F51;
						display:block;
						width:100%;
						white-space:nowrap;
					}
					#cmsContent h3 a:hover {
						color:#222;
						text-decoration:none;
					}
				#cmsContent object {
					float:left;
					clear:left;
					margin:0 0 10px 0;
				}
			#content h2 {		
				width:498px;
				font-size:2.6em;
				font-weight:normal;
				padding:0 0 2px 2px;
				border-bottom:1px solid #bbb;
				margin:0 0 10px 0;
				line-height:0.9em;
				position:relative;
			}
				#content h2 span {		
					font-size:0.5em;
					position:absolute;
					right:0;
					bottom:-2px;
				}
			#content .newsPost h2 {		
				margin:0;
			}
			#content.wide {
				width:700px;
			}
				#content.wide h2 {
					padding:0 218px 2px 2px;
					width:480px;
				}
				#content.wide p {
					width:700px;
				}
			#content.narrow {
				width:500px;
			}
		#left {
			width:200px;
			float:left;
			margin:10px 0 0 0;
		}
		body.homepage #left {
			margin:10px 20px 0 0;
		}
			body.homepage #left.wide {
				margin:10px 20px 0 0;
				width:420px;
			}
				body.homepage #left.wide .sidebarContent {
					clear:none;
				}
		#right {
			width:200px;
			float:right;
			margin:10px 0 0 0;
		}
			div.sidebarContent {
				margin:0 0 20px 0;
				float:left;
				clear:left;
				width:200px;
				position:relative;
			}
			div.sidebarContentwide {
				width:420px;
				margin:0 0 20px 0;
				float:left;
				clear:left;
				position:relative;
			}		
			#searchClose, #indicator {
				float:right;
				margin:5px 5px 3px 0;
			}
			.AS_ajax_result {
				display:block;
				float:none;
				clear:both;
				margin:0 0 15px 0;
			}
				.AS_ajax_resultLink {
					color:#263F51;
					font-size:1.2em;
					float:left;
					display:block;
					width:100%;
					margin:0 0 5px 0;
				}
				.AS_ajax_extract {
					clear:left;
					float:left;
					display:none;
				}
				#flickr {
					margin-right:20px;
				}
				body.homepage #left.featuredWork {
					width:300px;
					margin-right:0;
				}
					body.homepage #left.featuredWork h3 {
						width:298px;
					}
				div.sidebarContent ul.latestNews {
					float:left;
					clear:left;
				}		
					div.sidebarContent ul.latestNews li {
						float:left;
						clear:left;
						font-size:1em;
						margin:5px 0 0 0;
						padding:0 0 8px 0;
						border-bottom:1px solid #BBBBBB;
					}
						div.sidebarContent ul.latestNews li div.thumb, ul li div.thumb {
							float:left;
							margin:5px 5px 0 0;
							width:38px;
							height:38px;
							border:1px solid #aaa;
						}
						div.sidebarContent ul.latestNews li p {
							margin:5px 0 0 0;
							float:right;
							width:149px;
							font-weight:bold;
							font-size:1.1em;
							white-space:nowrap;
						}
							div.sidebarContent ul.latestNews li p.details {
								margin:0 0 5px 0;
								color:#777;
								float:right;
								font-size:0.9em;
							}
							div.sidebarContent ul.latestNews li a {
								float:none;
								clear:left;
								width:194px;
								border:none;	
								background:#fff;	
								color:#263F51;	
								padding:0;		
								white-space:nowrap;						
							}
							div.sidebarContent ul.latestNews li a:hover {	
								color:#000;	
							}
				div.sidebarContent h3, div.sidebarContentwide h3 {
					width:198px;
					font-size:1.5em;
					padding:0 0 2px 2px;
					border-bottom:1px solid #bbb;
				}
				div.sidebarContentwide h3 {
					width:418px;
				}	
				div.sidebarContent p, div.sidebarContentwide p {
					font-size:1.1em;
					line-height:1.4em;
					margin:3px 0;
					padding:0 3px;
				}
				body.homepage div.sidebarContent p, body.homepage div.sidebarContentwide p {
					margin:7px 0;
					font-size:1.2em;
				}
					div.sidebarContent p.flickr {
						float:left;
						height:182px;
						overflow:hidden;
					}
				div.sidebarContent ul {
					float:left;
					clear:left;
				}
					div.sidebarContent ul li {
						float:left;
					}
						div.sidebarContent li a {
							font-size:1.1em;
							line-height:1.4em;
							padding:3px;
							width:92px;
							color:#777;
							float:left;
							clear:left;
							background:#eee;
							border:1px solid #eee;
							border-bottom:2px solid #eee;
						}
							div.sidebarContent ul.featuredWork li {
								margin:10px 0 0 0;
								padding:0;
							}
								div.sidebarContent ul.featuredWork li a {
									font-size:1.1em;
									line-height:1.4em;
									float:left;
									clear:left;
									padding:0px;
									width:200px;
									background:none;
									border:none;
								}
									div.sidebarContent ul.featuredWork li a:hover {
										border:none;
									}
									div.sidebarContent ul.featuredWork li a img {
										margin:0;
										border:2px solid #ddd;
									}
										div.sidebarContent ul.featuredWork li a:hover img {
											margin:0;
											border:2px solid #bbb;
										}
							div.sidebarContent li a:hover {
								color:#444;
								border:1px solid #bbb;
								border-bottom:2px solid #aaa;
								background:#ddd;
								text-decoration:none;
							}
				div.sidebarContent a img {
					float:left;
					width:75px;
					height:75px;
					padding:1px;
					background:#fff;
					border:1px solid #aaa;
					margin:5px 9px 7px 8px;
				}
					div.sidebarContent a:hover img {
						border:1px solid #777;
					}
	#footerWrapper {
		background:#808F99 url(../images/footer_bg.png) top left repeat-x;
		width:100%;
		float:left;
		clear:both;
		margin:20px 0 0 0;
		padding:10px 0 10px 0;
	}
		#footerContent {
			width:960px;
			margin:0 auto;
		}
		#footerContent ul {
			width:100%;
			float:left;
			clear:left;
			text-align:center;
			margin:10px 0 0 0;
		}
			#footerContent ul li {
				display:inline;
				text-align:center;
				font-size:1.2em;
				color:#333;
				margin:0 10px;
			}
				#footerContent ul li a {
					color:#333;
				}