/* General / containers
----------------------------------------------------------------------------------------------------*/
#aestetika {
font-size:11px;
font-family:verdana, "Lucida Sans Unicode", "Lucida Grande", arial, sans-serif;
background:url(../img/bg.png);
color:#444;
width:100%;
height:100%;
line-height:14px
}

#wrap {
background:url(../img/bgtop.png);
background-position:top;
background-repeat:repeat-x;
margin:0 auto
}

#header,#contentwrap,#footer,#bottom {
width:900px;
margin:0 auto;
padding:30px
}

h1 {
font-size:25px;
line-height:40px;
color:#000
}

h2 {
font-size:23px;
line-height:36px
}

h3 {
font-size:20px;
line-height:34px
}

h4 {
font-size:18px;
line-height:32px
}

h5 {
font-size:16px;
line-height:30px
}

h6 {
font-size:14px;
line-height:27px
}

h1,h2,h3,h4,h5,h6 {
margin-bottom:5px
}

fieldset {
border:1px solid;
border-color:#ccc;
padding:15px
}

/* ordered list type/ default:decimal */
ol {
list-style:inside decimal
}

.footboxh3 {
color:#ccc;
line-height:40px;
font-size:14px;
background:url(../img/divider.png);
background-position:bottom;
background-repeat:repeat-x;
margin-bottom:10px
}

a:hover,#menu li a:hover {
color:#aedaff
}

#content a {
color:#006db2
}

#content a:hover {
color:#061823
}

table {
border:1px solid #ccc
}

th,td {
border:1px solid #ccc;
padding:5px
}

hr {
border:1px solid #ccc;
margin:10px 0
}

/*clear fix*/
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}

.clearfix:after {
clear:both;
content:' ';
display:block;
font-size:0;
line-height:0;
visibility:hidden;
width:0;
height:0
}

/* fixed jQuery UI bug*/
ul#icons li {
float:left;
padding:5px
}

.spacer{
height:15px;
clear:both;
width:100%;
display:block;
}

/* Header
----------------------------------------------------------------------------------------------------*/
#header {
padding:0 0 15px
}

#logohere {
position:relative;
left:-20px
}

/* Menu
----------------------------------------------------------------------------------------------------*/
#menuwrap {
position:relative;
height:41px;
padding-bottom:30px;
width:960px;
background:url(../img/menu.png);
background-position:top left;
background-repeat:no-repeat;
margin:0 auto
}

#menubar {
width:670px;
height:41px;
position:absolute;
top:0;
left:0
}

#menu {
margin-left:15px;
padding:0
}

.menucurrentpage {
font-weight:700;
color:#999
}

.menulist {
display:inline-block;
float:left;
list-style:none;
color:#CCC;
line-height:35px;
height:41px;
font-size:12px;
padding:0 15px
}

.menulist ul {
line-height:25px
}

li.menulist a {
position:relative;
color:#CCC
}

.menubg {
width:100%;
position:absolute;
height:41px;
left:0;
background:url(../img/menuactive.png) repeat-x
}

.menulist a:hover {
text-decoration:none;
position:relative;
color:#fff
}

li.menulist ul {
z-index:9999
}

.jqueryslidemenu {
width:100%;
z-index:999
}

.jqueryslidemenu ul {
list-style-type:none;
z-index:999
}

/*Top level list items*/
.jqueryslidemenu ul li {
position:relative;
display:inline;
z-index:999
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a {
display:block;
text-decoration:none;
background:transparent;
cursor:pointer;
z-index:999
}

/*IE6 hack to get sub menu links to behave correctly*/
* html .jqueryslidemenu ul li a {
display:inline-block;
z-index:999;
margin:0
}

.jqueryslidemenu ul li a:hover {
color:#fff
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul {
position:absolute;
left:0;
display:block;
visibility:hidden;
background:#061823;
z-index:999;
padding-bottom:20px
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li {
display:list-item;
list-style:none;
float:none;
top:2px;
margin-left:0;
z-index:999;
padding:0 10px
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul {
margin-top:-25px;
z-index:999
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a {
font-size:12px;
width:140px;
border-top-width:0;
border-top:#222 1px solid;
background:#061823;
text-align:left;
padding-left:5px;
z-index:999;
margin:0
}

.jqueryslidemenu ul li ul li a:hover {
background:#041017;
color:#eee
}

.downarrowclass {
position:absolute;
top:11px;
right:7px;
margin:0;
padding:0
}

.rightarrowclass {
position:absolute;
top:4px;
right:10px
}

#searchbar {
background:url(../img/search.png);
position:absolute;
top:0;
right:0;
height:41px;
width:290px;
z-index:10
}

#searchbar:hover {
background:url(../img/searchactive.png)
}

#searchInput {
background:transparent;
border:none;
height:20px;
width:230px;
margin-top:1px;
color:#888;
position:relative;
top:5px;
left:5px
}

#searchSubmit {
border:none;
height:25px;
width:41px;
cursor:pointer;
background:transparent;
margin-right:5px;
outline:0;
position:relative;
top:7px;
left:5px
}

/* Feature
----------------------------------------------------------------------------------------------------*/
#featurewrap {
background:url(../img/featuremiddle.png);
width:900px;
margin:0 auto
}

#featurewrap2 {
background:url(../img/featuretop.png);
background-repeat:no-repeat;
background-position:top
}

#featurewrap3 {
background:url(../img/featurebottom.png);
background-repeat:no-repeat;
background-position:bottom left;
padding:30px 30px 10px
}

#calltoaction a {
float:right;
background:#061823;
font-weight:700;
text-decoration:none;
color:#fff;
padding:3px 15px 7px
}

#calltoaction{
margin-top:5px;
}

#calltoaction a img {
position:relative;
top:2px;
margin:0;
padding:0 0 0 10px
}

#feature {
width:840px;
overflow:hidden;
min-height:100px
}

.coda-slider-wrapper {
width:840px;
overflow:hidden
}

div.panel {
height:300px;
width:840px
}

.coda-slider {
width:2520px;
height:300px;
clear:left;
background:#FFF url(images/content_pane-gradient.html) repeat-x scroll left bottom
}

.panel-wrapper h2.title {
top:-9999px;
height:0
}

.coda-nav {
position:relative;
top:8px
}

/* Right Sidebar 
----------------------------------------------------------------------------------------------------*/
#sidebarwrap {
width:280px;
float:right;
margin-top:30px;
background:url(../img/sidebarmiddle.png);
background-repeat:repeat-y;
background-position:left
}

#sidebarwrap2 {
background:url(../img/sidebarbottom.png);
background-repeat:no-repeat;
background-position:bottom
}

#sidebar {
background:url(../img/sidebartop.png);
background-repeat:no-repeat;
background-position:top;
width:220px;
padding:30px
}

.submenulist {
list-style:none;
border-bottom:1px solid #CCC;
font-size:12px;
background:url(../img/right.png);
background-repeat:no-repeat;
background-position:200px 10px;
padding:5px 15px
}

.submenulist:hover {
background-color:#CCC;
background-position:200px 10px
}

.submenulist a {
line-height:30px;
height:30px;
width:190px
}

.sidebartitle {
font-size:14px;
border-bottom:1px solid #CCC;
margin-bottom:5px;
padding:7px 0
}

/* Content Box
----------------------------------------------------------------------------------------------------*/
#contentwrap {
background:url(../img/contentmiddle.png);
background-color:#FFF;
width:960px;
padding:0
}

#contentwrap2 {
background:url(../img/contentbottom.png);
background-repeat:no-repeat;
background-position:bottom;
border:none
}

#content {
background:url(../img/contenttop.png);
background-repeat:no-repeat;
background-position:top;
border:none;
padding:0 30px 30px
}

/* Post
----------------------------------------------------------------------------------------------------*/
#post {
width:580px;
float:left;
overflow:hidden;
padding:30px 0
}

.postinfo,.postinfo2 {
font-size:10px;
margin-bottom:15px
}

.alignright {
float:right
}

.alignright a img{
margin:0
}

.box {
border:1px solid #ccc;
height:18px;
line-height:18px;
display:inline;
position:relative;
top:-2px;
left:-3px
}

#breadcrumbs img {
margin-bottom:-2px;
padding:0
}

#breadcrumbs {
border-bottom:1px solid #999;
padding-bottom:10px;
margin-bottom:15px
}

#breadcrumbs,#breadcrumbs a {
font-size:10px;
text-decoration:none
}

.entry {
border-bottom:1px solid #CCC;
padding-bottom:15px;
margin-bottom:30px
}

/* Footer
----------------------------------------------------------------------------------------------------*/
#footerwrap {
width:100%;
background:url(../img/footertop.png);
background-position:top;
background-repeat:repeat-x;
background-color:#0f0f0f
}

#footerwrap2 {
background:url(../img/footerbottom.png);
background-repeat:repeat-x;
background-position:bottom
}

#footer {
width:960px;
position:relative;
padding:0
}

.footbox {
width:260px;
display:inline-block;
top:0;
margin-bottom:35px;
float:left;
color:#666;
padding:0 30px
}

.one {
left:0
}

.two {
left:315px
}

.three {
left:630px
}

.connect {
border-bottom:1px solid #ccc;
padding:10px 15px;
margin-bottom:10px
}

.footbox p.connect {
background:url(../img/divider.png);
background-repeat:repeat-x;
background-position:bottom;
border-bottom:none;
padding:15px;
margin:0
}

.connectsocial{
padding-top:15px
}

.connectsocial li {
margin-right:8px;
display:inline;
}

.connect img,.connect {
margin:0
}

/* Bottom
----------------------------------------------------------------------------------------------------*/
#bottom {
padding-top:18px;
font-size:11px;
color:#888;
position:relative
}

#bottom ul {
display:inline-block;
padding:10px 0
}

#bottom li {
display:inline-block;
float:left;
list-style:none;
padding-right:30px
}

#bottom a {
color:#fff;
text-decoration:underline
}

#backtotop {
text-align:right;
background:#CCC;
border:1px solid #666;
width:80px;
float:right;
color:#061823;
position:absolute;
top:25px;
right:30px;
padding:10px
}

#backtotop a {
color:#111
}

/* Portfolio
----------------------------------------------------------------------------------------------------*/
.gallery:hover {
background:url(../img/gallery.png);
background-position:top left;
background-repeat:no-repeat
}

.gallery {
background:url(../img/space.png);
background-position:top left;
background-repeat:no-repeat;
display:block;
height:150px;
position:absolute;
width:270px;
z-index:5
}

#post_portfolio {
width:900px;
float:left;
overflow:hidden;
padding:30px 0
}

#allportfolioitems h2 {
padding-left:15px
}

#allportfolioitems {
padding-bottom:10px
}

.portfolioitem {
width:270px;
float:left;
display:inline-block;
border-bottom:1px solid #CCC;
margin-bottom:10px;
position:relative;
padding:15px
}

/* Pagination / Slideshow Nav
----------------------------------------------------------------------------------------------------*/
#pagination,.coda-nav {
z-index:3;
font-size:10px
}

#pagination span,#pagination a,.coda-nav a {
display:block;
float:left;
line-height:12px;
text-decoration:none;
width:auto;
height:auto;
margin:2px 2px 2px 0;
padding:3px 6px
}

.coda-nav ul{margin:0}

#pagination a:hover,.coda-nav ul li a:hover {
background:#061823;
color:#fff
}

#pagination ul li.thispage a,.coda-nav ul li a.current {
color:#fff !important;
background:#101319
}

#pagination ul li,.coda-nav ul li {
list-style:none;
float:left;
display:inline-block
}

/* Form style
----------------------------------------------------------------------------------------------------*/
#respond,#contactForm {
margin:10px 0 20px
}

.leftSpace {
font-size:11px;
margin-left:10px
}

.n {
margin-left:0
}

.text_input,.text_area {
border:1px solid silver;
margin-top:10px;
font-family:'Lucida Grande', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
font-size:12px;
background:#f1f1f1;
color:#444;
width:250px;
padding:4px
}

.text_area {
margin-top:10px;
width:570px
}

input:focus,textarea:focus {
background:#fff
}

#submit {
border:#111 1px solid;
background:#1e2229;
color:#fff;
font-weight:700;
width:120px;
height:30px;
margin-top:10px;
font-size:12px;
padding-bottom:2px;
outline:0
}

#submit:hover {
border:1px solid #fff;
background:#061823;
cursor:pointer;
outline:0
}

.error.required {
border:1px solid #c30
}

.error {
color:#7b0000
}

/* Table sorter style
----------------------------------------------------------------------------------------------------*/
table.tablesorter {
font-family:arial;
background-color:#CDCDCD;
font-size:8pt;
width:100%;
text-align:left;
margin:10px 0 15px
}

table.tablesorter thead tr th,table.tablesorter tfoot tr th {
background-color:#e6EEEE;
border:1px solid #FFF;
font-size:8pt;
padding:4px 10px 4px 4px
}

table.tablesorter thead tr .header {
background-image:url(../img/bg.gif);
background-repeat:no-repeat;
background-position:center right;
cursor:pointer
}

table.tablesorter tbody td {
color:#3D3D3D;
background-color:#FFF;
vertical-align:top;
padding:4px
}

table.tablesorter tbody tr.odd td {
background-color:#F0F0F6
}

table.tablesorter thead tr .headerSortUp {
background-image:url(../img/asc.gif)
}

table.tablesorter thead tr .headerSortDown {
background-image:url(../img/desc.gif)
}

table.tablesorter thead tr .headerSortDown,table.tablesorter thead tr .headerSortUp {
background-color:#8dbdd8
}

p,img,ul,ol,fieldset,table,#submenu {
margin-bottom:15px
}

a,#calltoaction a:hover {
color:#999
}

span.ui-icon-newwin,.panel {
float:left
}

#feature img,.panel-wrapper img,.postinfo2 img {
padding:0
}