@font-face {
	font-family: Bonveno;
	src: url('BonvenoCF-Light.eot');
	src: local('BonvenoCF'), local('BonvenoCF-Light'), url('BonvenoCF-Light.otf') format('opentype');
}
body{
	background:url(/content/images/bg-grid.png) #3c424a repeat;
	font: .8em 'Century Gothic', 'Apple Gothic', 'Museo Sans 500', Verdana, sans-serif;
	line-height:1.5em;
	text-align:center;/* IE page-centering fix */
	margin:0;
}
h1{
	color:#154154;
	font-size:1.4em;
	font-weight:normal;
	letter-spacing:1px;
	line-height:1.25em;
}
h2{
	font-family: Bonveno, Tahoma, Arial, sans-serif;
	font-weight:normal;
	color:#5588bb;
	font-size:1.7em;
	line-height:1.8em;
	letter-spacing:3px;
	margin:10px 0 5px 0;
}
h3{
	font-size:1em;
	color:#154154;
	font-weight:bold;
	display:inline;
}
p{margin-top:0;}
img{border:0;}
#page{
	position:relative;
	margin:0 auto 80px auto;
	min-width:650px;
	max-width:925px;
	_width:775px;/* IE <=6 */
	text-align:left;/* IE page-centering fix */
}
#shadow{
	position:absolute;
	top:60px;
	bottom:-60px;
	left:10px;
	right:-10px;
	z-index:-1;
	background-image:url(/content/images/shadow.png);
}
#menu{
	position:absolute;
	top:0;left:0;right:0;
	height:50px;
	text-align:right;
	vertical-align:middle;
	color:#ccc;
}
#menu ul{
	position:absolute;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
	height:23px;
}
#menu li{
	display:inline;
	margin-left:25px;
}
#menu li a{
	display:inline;
	text-decoration:underline;
	color:#ccc;
}
#menu li a:hover{
	text-decoration:none;
	color:#86b3e8;
}
#menu li .flag
{
	margin-bottom:-3px;
}
#menu li a .flag:hover
{
	margin:-1px;
	margin-bottom:-4px;
	border: solid 1px #77aadd;
}
#logo{
	height:139px;
	padding:3px 3px 0 3px;
	margin:0;
}
#head{
	min-height:139px;
	_height:139px;
	border:3px solid #f6f6f6;
	background-color:#86b3e8;
	margin:0;
	padding:0px 25px 0px 25px;
}
#footer{
	position:relative;
	top:50px;
	clear:both;
	background:url(/content/images/foot-bg.png) #3c424a top repeat-x;
	color:#777;
	padding:1em 22px 1em 22px;
	border-left:3px solid #f6f6f6;
	border-right:3px solid #f6f6f6;
	border-bottom:3px solid #f6f6f6;
}
#footer h2{
	color:#f6f6f6;
	font-weight:normal;
	margin:0;
}
#footer ul{
	margin:0;
	padding:0 0 0 14px;
}
#footer ul li, #footer ul li a{
	color:#777;
}
#footer ul li a:hover{
	text-decoration:none;
}
#footer li{
	float:left;
	width:17em;
}
.backlinks{
	float:left;
	display:block;
	clear:both;
	margin-top:20px;
	font-size:80%;
}
.backlinks a:link, .backlinks a:visited{
	color:#777;
}

.content{
	padding:0 25px 0 25px;
}
/* column layout from matthewjamestaylor.com */
.colmask{
	position:relative;		/* Fixes IE7 overflow:hidden bug */
	top:50px;
    clear:both;
    float:left;
    width:100%;				/* width of whole page */
	overflow:hidden;		/* Chops off overhanging divs */
	background-color:#f6f6f6;
	min-height:150px;
}
.twoColumn{
	background-color:#f6f6f6;
}
.twoColumn .colright{
    float:left;
    width:200%;
	position:relative;
	left:250px;
	padding:0;
}
.twoColumn .col1wrap{
    float:right;
    width:50%;
    position:relative;
    right:250px;
    padding-bottom:1em;
}
.twoColumn .col1{
    margin:0 0 0 250px;
    position:relative;
    right:100%;
    overflow:hidden;
}
.twoColumn .col2{
    float:left;
    width:250px;
    position:relative;
    right:250px;
	margin-bottom:15px;
}
.oneColumn{
	background-color:#f6f6f6;
}
.oneColumn .col1{
	width:100%;
}
.contact{
	width:100%;
	margin:0;
	padding:0;
}
.contact li{
	width:100%;
	list-style:none;
	display:inline;
}
.contact li img{
	margin-right:7px;
	margin-bottom:2px;
	vertical-align:middle;
}
.contact li a{
	text-decoration:none;
	color:#111112;
	display:block;
	font-size:.9em;
}
.contact li a:hover{
	width:100%;
	background-color:#93bcf4;
}

.work a{
	text-decoration:none;
	margin:0;
	padding:0;
	float:left;
}
.work img{
	border:1px solid #111112;
	margin:0;
	width:90px;
	height:45px;
}
.work .newrow{
	clear:left;margin-right:5px;
}
.sampleimg
{
	border:5px solid #111112;
	margin-right:20px;
}
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
.fl{float:left;}
.fr{float:right;}

label{display:block;margin-top:5px;}
.textbox{width:400px;}
textarea{width:400px;}

/* ---------- Start jCarouselLite ---------- */

.carousel  {
    padding:10px 0 10px 10px;
    margin:0;
    position:relative;
	width:380px;
}
.carousel a.prev, .carousel a.next {
	display:block;
	float:left;
	width:30px;
	height:25px;
	text-decoration:none;
	background:url(/content/images/navLeft.gif) left 0px no-repeat;
}
.carousel a.next {
	background:url(/content/images/navRight.gif) right 0px no-repeat;
}
.carousel a.next:hover {
	background-image:url(/content/images/navRightHover.gif);
}
.carousel a.prev:hover {
	background-image:url(/content/images/navLeftHover.gif);
}    
.carousel a:hover, .carousel a:active {
	border:none;
	outline:none;
}                 
.carousel .jCarouselLite {
	
	float:left;
	background-color:#000;
	
	/* Needed for rendering without flicker */
	position:relative;
	visibility:hidden;
	left:-5000px;
}
.carousel ul {
	margin:0;
}
.carousel li img, 
.carousel li p {
	background-color:#000;
	width:300px;
	height:200px;
	margin:4px 4px 0 4px;
}
            
/* ---------- End jCarouselLite ---------- */

.blog-postdate{
	margin-top:19px;
	color:#5588bb;
}
.blog-editbtn{
	float:right;
	margin:15px 0 0 5px;
}
.search-box{
	width:140px;
	font-size:1.3em;
	font-weight:bold;
}
code{font-size:1.1em;}
pre{
	background-color:#eee;
	border: 1px solid #ccc;
	padding: 5px;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}