/* CSS RESET  CSS RESET  CSS RESET  CSS RESET  CSS RESET  CSS RESET  CSS RESET */
/* CSS RESET  CSS RESET  CSS RESET  CSS RESET  CSS RESET  CSS RESET  CSS RESET */
/* CSS RESET  CSS RESET  CSS RESET  CSS RESET  CSS RESET  CSS RESET  CSS RESET */
html {
/*background:#FFFFFF none repeat scroll 0 0;*/
color:#000000;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0 none;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
font-style:inherit;
font-weight:inherit;
}
del, ins {
text-decoration:none;
}
li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0 none;
font-variant:normal;
}
sup {
vertical-align:baseline;
}
sub {
vertical-align:baseline;
}
legend {
color:#000000;
}
input, button, textarea, select, optgroup, option {
font-family:inherit;
font-size:inherit;
font-style:inherit;
font-weight:inherit;
}
input, button, textarea, select {
}

/* CSS RESET  CSS RESET  CSS RESET  CSS RESET  CSS RESET  CSS RESET  CSS RESET */
/* CSS RESET  CSS RESET  CSS RESET  CSS RESET  CSS RESET  CSS RESET  CSS RESET */
/* CSS RESET  CSS RESET  CSS RESET  CSS RESET  CSS RESET  CSS RESET  CSS RESET */


.heading-color{
    color: #90B208;
    font-family:Arial, Helvetica, sans-serif;
    border-bottom:1px solid #8fb209;
    font-weight:bold;
    margin-bottom:15px;
}

.descriptions-text{
    margin:10px 0px 15px 0px;
    text-align: justify;
    font-size:13px;
    font-family: Arial;
}

.IndexH1 {
    font-family:Arial, Helvetica, sans-serif;
}





html, body {height:100%;}

xdiv {
border: dotted red 1px;
}

a, a:hover, a:visited {
    color: #1388e2;
    font-family: Arial, Helvetica, sans-serif;
}


.sitewidth {
    width: 1020px;
}
.sitehead {

}
.middle-column{
    margin-left: 170px;
    margin-right: 190px;
    margin-bottom: 30px;

    padding-left: 10px;
    padding-right: 13px;
}

.middle-column-internal{
    margin-left: 190px;
    margin-right: 190px;

    padding-left: 10px;
    padding-right: 13px;
}

#heading h1 {
    color: #8fb209;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    border-bottom: 1px #8fb209 solid;
}

br {
clear:both;
height:0px;
line-height: 0px;
}

#body{

    background-image:url('img/bg-pattern.png');
    background-repeat: repeat-x;
    background-position: 167px 0px;
    background-color: #25435a;
    width: 100%;
    height: 100%;
    font-family:Arial, Helvetica, sans-serif;

}

#bg-city{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 169px;
    height: 324px;
    background-image: url('img/bg-city.png');
    z-index: -10;
}
#bg-right-city{
    position: absolute;
    top: 132px;
    right: 0px;
    width: 220px;
    height: 78px;
    background-image: url('img/bg-right-city.png');
    z-index: -10;

}

#site{
    /*
        padding-top:30px;
    */
    z-index: 1;
    margin: auto;

    height: 100%;

}
#mainmenu ul {
margin-left:14px;
height : 30px;
}
#mainmenu li {
    display : inline;
    float: left;
}
#mainmenu li a {
    display : block;
    height: 30px;

    color : transparent;
    background-image:url(/img/toolbar.gif);
    background-repeat: no-repeat;
}
#menu_fdd a{
    width: 148px;
    background-position:0px 0px ;
}
#menu_fdd a.active{
    width: 148px;
    background-position:0px -30px ;
}

#menu_btn a{
    width: 120px;
    background-position:-148px 0px ;
}
#menu_btn a.active {
    background-position:-148px -30px ;
}


#site-head {
    position:relative;
    z-index: 100;
    height: 108px;

    background-image: url('img/fdd-head.png');

}
.head-padding{
    height: 30px;
}

#site-bottom-line {
    height: 17px;
    background-image: url('img/bg-site-bottom.png');
    clear: both;
}

#site-logo {
    width:463px;
    height:139px;
    height:130px;
    background-image: url('img/fdd-logo.png');
    display: block;
}

#site-head a {
    width:463px;
    height:130px;
    top: -22px;
    position:relative;
    display: block;

}


#site-content-shadow-renderer {
        background-image: url('img/bg-site-shadow.png');
}

#site-content {

    background-color: white;
    z-index: 10;
    margin-left:15px;
    margin-right:17px;
    padding:10px;
    padding-top:20px;

    top: 0px;
    width: auto;
}
#google-info {

    float: left;


}
#google-top-info {
    width: 740px;
    margin-left:180px;
    height: 100px;
}


#site-middle{
    position:relative;
}


#google-info-addon{
    float: right;
    width: 180px;
    margin-bottom: 10px;
}

#templates-categories {
    clear:right;
    float:right;
    width: 186px;
    xbackground-color: blue;
    xheight: 500px;
}

#templates-categories a{
    font-family:Arial, Helvetica, sans-serif;
}

#templates-categories a:hover{
    text-decoration:none;
}

#templates-categories ul{

    border-left: 1px #c7d787 solid;
    border-right: 1px #c7d787 solid;
    width: 176px;
    margin-left: 4px;
    background-color: white;
    background-image: url('img/box/box-bg.png');
    background-repeat: repeat-x;
}
.gradient {
    background-image: url('img/box/box-bg.png');
    background-repeat: repeat-x;
    background-color: white;
}
#templates-categories ul li {
    list-style-image: url('img/box/bullet.png');
    list-style-position: inside;
    padding-top:3px;
    margin-left: 5px;
    font-size: 13px;

}

#site-main-area {
}

#site-main-area .gradient  {
    width: 582px;
    border-left: 1px #c7d787 solid;
    border-right: 1px #c7d787 solid;
}
#main-menu{
    height: 30px;
    background-color: #c7d787;
    width:988px;
}
#first-tab {
    position:relative;
    top: 7px;
    left: -8px;
}

.template-block-container{
    margin-left: 25px;
    margin-right: 25px;
    padding-top: 25px;
}
table.list-templates{
    margin: auto;
    width:100%;
}
td.template-block {
    /*
    width: 170px;
    padding:25px 0;
    */
    padding:0px 0px 20px 0px;
    vertical-align:top;
    text-align: center;

}

div.templates-preview{
    border: solid 1px gray;
    height: 150px;
    width: 140px;
    border-bottom: 5px white solid;
    overflow: hidden;
    margin: auto;
}

.template-block img{
    margin:auto;
}

.template-block ul{
    width: 140px;
    border-top: 5px #1388e2 solid;
    margin: auto;
}
.template-block ul li {
    text-align: left;
    font-size: 11px;
    font-family: arial;
    white-space: nowrap;

}
.template-block ul li a{
    color: #1288E2;
    font-family:Arial, Helvetica, sans-serif;

}

#copyright{
    float: right;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

#bottom-meta-links a{
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color:#5c809c;
}

#bottom-meta-links{
    margin-left: 20px;
    margin-right: 20px;
    color:#5c809c;
}

#pagination{
    font-size: 11px;
    text-align: center;
    width:582px;
    font-family: Arial, Helvetica, sans-serif;
}

#pagination a{
    font-family: Arial, Helvetica, sans-serif;
}

.Separator {
    height:1px;
    background-color:#d9d9d9;
    margin:0px 0px 7px 0px;
}

.LinkDiv {
    padding:10px 0px 10px 0px;
    border-bottom:#CCCCCC 1px solid;
    font-size:12px;
    color:#666666;
}

.LinkDiv a{
    color:#51689F;
}

#TemplateSpecs li{
    font-size:13px;
    margin:0px 0px 15px 0px;
}

.DownloadLimit {
    color:#FF0000;
    font-size:13px;
    margin:0px 0px 25px 0px;
}

#download_form .recaptchatable .recaptcha_r1_c1 { background: url(/pages/img/recapcha-sprite.png) -0px -63px no-repeat; width: 318px; height: 9px; }
#download_form .recaptchatable .recaptcha_r2_c1 { background: url(/pages/img/recapcha-sprite.png) -18px -0px no-repeat; width: 9px; height: 57px; }
#download_form .recaptchatable .recaptcha_r2_c2 { background: url(/pages/img/recapcha-sprite.png) -27px -0px no-repeat; width: 9px; height: 57px; }
#download_form .recaptchatable .recaptcha_r3_c1 { background: url(/pages/img/recapcha-sprite.png) -0px -0px no-repeat; width: 9px; height: 63px; }
#download_form .recaptchatable .recaptcha_r3_c2 { background: url(/pages/img/recapcha-sprite.png) -18px -57px no-repeat; width: 300px; height: 6px; }
#download_form .recaptchatable .recaptcha_r3_c3 { background: url(/pages/img/recapcha-sprite.png) -9px -0px no-repeat; width: 9px; height: 63px; }
#download_form .recaptchatable .recaptcha_r4_c1 { background: url(/pages/img/recapcha-sprite.png) -43px -0px no-repeat; width: 171px; height: 49px; }
#download_form .recaptchatable .recaptcha_r4_c2 { background: url(/pages/img/recapcha-sprite.png) -36px -0px no-repeat; width: 7px; height: 57px; }
#download_form .recaptchatable .recaptcha_r4_c4 { background: url(/pages/img/recapcha-sprite.png) -214px -0px no-repeat; width: 97px; height: 57px; }
#download_form .recaptchatable .recaptcha_r7_c1 { background: url(/pages/img/recapcha-sprite.png) -43px -49px no-repeat; width: 171px; height: 8px; }
#download_form .recaptchatable .recaptcha_r8_c1 { background: url(/pages/img/recapcha-sprite.png) -43px -49px no-repeat; width: 25px; height: 8px; }


#HomeResources {
    font-size:11px;
    text-transform:uppercase;
    color:#797979;
    margin:20px 0px 10px 0px;
}

.HomeResourcesContent {
    margin:0px 0px 10px 0px;
    padding:0px 0px 1px 0px;
    border-bottom:#CCCCCC 1px solid;
}