@charset "utf-8";
/* The template CSS file for the Simair Pottery website.
   Contains CSS stylings for template layout */

body {
	background-color:#AAAAAA;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#layout {
	width:960px;
	margin:auto;
	text-align:left;
}

#centering {
	position:absolute;
	width:960px;
        padding:0 10px;
        margin:0 -10px;
        background:transparent url(../images/template/border-extender.jpg) repeat;
}

#logo {
    width:380px;
    height:105px;
    float:left;
}

#logo .logo-img {
    border:none;
    padding:28px 40px;
    
}

#main-menu {
    width:578px;
    height:117px;
    float:right;
    right:2px;
    margin:0px;
    position:relative;
    background:transparent url(../images/template/menu-background.jpg) no-repeat top right;
}

#sub-menu {
    width:189px;
    float:left;
    clear:left;
}

#sub-menu .navigation-area {
    width:157px;
    padding: 48px 16px 48px 16px;
    float:left;
}

#sub-menu .navigation-area .nav-top {
    width:154px;
    float:left;
    position:relative;
    background:transparent url(../images/template/submenu-top.jpg) no-repeat top left;
}

#sub-menu .navigation-area .nav-top .verticle-filler {
    width:0px;
    height:192px;
    float:left;
    position:relative;
}

#sub-menu .navigation-area .nav-extender {
    width:154px;
    float:left;
    clear:left;
    margin:0px 0px 0px 0px;
    position:relative;
    background:transparent url(../images/template/submenu-extender.jpg) repeat top left;
}

#sub-menu .navigation-area .nav-bottom {
    width:154px;
    height:45px;
    float:left;
    clear:left;
    background:transparent url(../images/template/submenu-bottom.jpg) no-repeat top left;
}

#content {
    width:769px;
    float:right;
    border-left:2px groove #AAAAAA;
    padding:15px 0px 0px 0px;
    margin:7px 0px 40px 0px;
    position:relative;
}

#content .verticle-filler {
    width:1px;
    height:400px;
    float:left;
}

#border-top {
    width:980px;
    height:11px;
    margin:0 -10px;
    background:transparent url(../images/template/border-top.jpg) no-repeat top left;
}

#border-bottom {
    width:980px;
    height:12px;
    margin:0 -10px;
    clear:both;
    background:transparent url(../images/template/border-bottom.jpg) no-repeat top left;
}