@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0; background-color:#E9E9E9; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10pt;}

a {color:#363636; font-weight:bold;}

#header { height:312px;  width:100%; z-index:-100; 
background:url(images/site-background.jpg) repeat-x; position:absolute; top:0; left:0;
}
#logo {background:url(images/logo.jpg) no-repeat; height:85px;margin-top:20px; }
#footer {width:805px; margin:0 auto;background:url(images/site-footer.jpg) repeat; 
text-align:center; padding:20px; clear:left; border:solid 20px #E9E9E9; height:25px;
}

h2 {font-size:1.1em; margin:10px 0 0 0; padding:0;}
p{font-size:1em;}

#wrapper {width:850px; margin:0 auto; z-index:100; position:relative; }
#wrapper p{padding:20px;margin:0;}
.panel-top {background:url(images/panel-top.jpg) no-repeat; width:850px; height:15px; float:left;}
.panel-middle {background:url(images/panel-middle.jpg) repeat-y; width:850px; float:left; min-height:300px;}
.panel-bottom {background:url(images/panel-bottom.jpg) no-repeat; width:850px; height:15px;float:left;}

.panel-small-top {background:url(images/panel-top-small.jpg) no-repeat bottom; width:275px; height:10px;}
.panel-small {position:relative; margin-top:20px; background:url(images/panel-bottom-small.jpg) no-repeat bottom; width:275px; float:left; margin-right:5px; height:300px;}
.panel-small h2 { width:275px; margin:10px;display:block;
font-size:1em; color:#264459;
}
.panel-small a {display:block; position:absolute; bottom:20px;}
.panel-small p {margin:0;padding:0;}

/* Top Navigation Styles */
#nav {  font-size:.90em; width:100%; height:35px; float:none;}
#nav ul {margin:0; padding:0; display:block; width:100%;}
#nav ul li{float:left; margin-right:20px; list-style-type:none;}
#nav ul li a {text-decoration:none; color:#fff; display:block;line-height:35px;}
#nav ul li a:hover {color:#FF6600;}

h1 {font-size:1.5em; margin:0; padding:0; color:#333333; line-height:55px;float:left; width:100%; border-bottom:solid 3px #FF6600; margin-bottom:20px;  }
h1 span {clear:left; width:100%; display:block; font-size:.6em; margin-top:-12px; color:#FF6600; line-height:20px;}
h1 {text-indent:55px;}
.panel-small h2 {line-height:48px; text-indent:55px;}

#homepage {height:175px; background:url(images/homepage.png) no-repeat; height:166px; width:850px;}

#content-side {width:200px; float:left; padding:20px;}
#content-main-2{width:580px; float:left; border-left:#ccc dotted 1px; padding-left:20px; padding-bottom:40px; }
#content-main-2 p {margin:0; padding:20px 0 5px 0;}
#content-main-2 ul{ margin:0;padding:0;}
#content-main-2 ul li{padding:2px; padding-left:18px; background:url(/css/images/bullet.png) no-repeat;clear:left;list-style-type:none; }
#content-side ul {margin:0;padding:0;margin-top:10px;}
#content-side ul li {list-style-type:none;}
#content-side ul li.first {color:#FF6600;}
#content-side ul.menu li a {display:block; color:#000; font-weight:bold; text-decoration:none; line-height:25px; border-bottom: solid #ccc 1px; padding:0 10px 0 10px;}
#content-side ul.menu li a:hover { background-color:#F06D2B;}
#content-side ul.menu li.first a { color:#F06D2B;}
#content-side ul.menu li.first a:hover { color:#fff;}

#content-side ul.archive li a {display:inline;margin-left:15px;}

#content-side ul li.cat-item a,
#content-side ul li.cat-link a {display:inline;margin-left:15px;}

#content-main {padding:20px;}
#content-main ul {margin:0; padding:0;}
#content-main ul li{padding-left:18px;background:url(/css/images/bullet.png) no-repeat;clear:left; list-style-type:none;}


#content-main ul.applications {list-style-type:none; clear:left; width:100%; }
#content-main ul.applications li {display:block;float:left; width:50%;margin-bottom:20px; 
clear:none; list-style-type:none; background:none;padding:0; text-align:center;}

#content-side h5 {padding:20px 15px 5px 15px; margin:0;}
#content-side .recommendation {font-size:.75em; margin-right:15px; color:#363636; padding:5px 15px 5px 15px;}
#content-side .recommendation span {font-weight:bold; display:block; width:100%; margin-top:3px;}

#section-header{background:url(/css/images/section-header.jpg); height:60px;}
#section-title {float:left;display:block; width:50%; text-indent:20px; font-size:1.5em;}
#section-description{float:left;display:block; width:50%;  font-size:1.2em;}

.image-blog {background:url(/css/images/blog.png) no-repeat;}
.image-development{background:url(/css/images/custom-development.png) no-repeat;}
.image-partnerships{background:url(/css/images/partnerships.png) no-repeat;}
.image-products{background:url(/css/images/products.png) no-repeat;}
.image-umbraco{background:url(/css/images/umbraco.png) no-repeat;}
.image-about{background:url(/css/images/about.png) no-repeat;}
.image-work{background:url(/css/images/work.png) no-repeat;}
.image-calendar{background:url(/css/images/calendar.png) no-repeat;}
.image-system{background:url(/css/images/system-page.png) no-repeat;}
.image-contact{background:url(/css/images/contact-us.png) no-repeat;}


#footer div {width:390px;  text-align:center; font-size:.85em; float:left; color:#fff; padding:5px;}
#footer a {color:#fff; font-weight:normal; display:block; margin-right:5px; float:left;}

#content-main-2 ul.clients {list-style-type:none;clear:left; width:100%; margin-top:20px;}
#content-main-2 ul.clients li {display:block;float:left; width:50%; margin-bottom:20px; background:none;clear:none;padding:0;}

#product-download {width:150px; float:right; background-color:#6699CC; padding:20px; margin:0 0 50px 20px;}


.umbraco-certified-professional {background:url(/css/images/umbraco-certified-professional.png) no-repeat; width:100%; height:49px; 
margin-top:50px;
background-position:center; }

.callout {clear:left;background-color:#B5D0FD; padding:5px; border:solid 1px #363636;}

#content-side h3 {font-size:10pt; display:block; background-color:#F06D2B; line-height:20px; border:solid 1px #363636; text-indent:4px;}

.blog-header {float:left;width:98%; border-bottom:solid 1px #ccc; padding:1%; }
.blog-name {width:48%; float:left;padding-left:20px;font-size:14pt;}
.blog-description {width:48%; float:left;font-size:12pt;}

.post {margin:0 0 50px 0; border-bottom: dotted 1px #ccc;}
.entry-meta {padding:4px; margin-top:10px; margin-bottom:10px; }


































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */