/* =============================================================================
 *
 *      Author:Appnet 
 *      Author URI:http://www.appnet.com/
 *
 *      1) BASE ELEMENTS
 *          - images
 *          - iframes
 *          - misc
 *      2) MAIN CONTENT
 *          - header
 *          - content
 *          - footer
 *      3) FORMS
 *          - colors
 *          - commentForm
 *          - reachQuickly
 *          - getDirections
 *      4) PROGRAMMING
 *          - search.php
 *          - sitemap.php
 *
 * ========================================================================== */ 

@import url('css/reset.css');
@import url('//fonts.googleapis.com/css?family=Lato:400,700');
@import url('//fonts.googleapis.com/css?family=PT+Serif:400,400italic');


/* =============================================================================
 *
 *      1) BASE ELEMENTS
 *
 * ========================================================================== */

body {
    background:#0b0101 url('bg.jpg') 50% 0 no-repeat;
    color:#fff;
    font:13px/20px Lato, Arial, Helvetica, sans-serif;
    min-width:960px;
}

#pagewrap, .container {margin:0 auto; width:960px;}

h1, h2, h3, h4, h5, h6 {
    font-family:'PT Serif', Arial, Helvetica, sans-serif;
    font-weight:normal;
    margin:0;
    padding:0;
}
    h1 {font-size:24px; line-height:30px; padding:10px 0;}
    h2 {font-size:22px; padding:10px 0;}
    h3 {font-size:20px; padding:10px 0 5px 0;}
    h4 {font-size:18px; padding:5px 0;}
    h5 {font-size:18px; padding:10px 0;}
    h6 {font-size:14px; padding:5px 0;}

p, ul, ol {margin:0 0 15px 0;}
    ul li, ol li {margin:0 0 0 18px;}


/*
 *  images
 */

img.center {display:block; margin:10px auto;}
img.align-r {float:right; margin:0 0 10px 10px;}
img.align-l {float:left; margin:0 10px 10px 0;}
img.border {
    background:#fff;
    border:1px solid #000;
    padding:4px;
}


/*
 *  iframes
 */ 

iframe {
    border:0;
    margin:0;
    padding:0;
}


/*
 *  misc
 */

.shadow {
    -webkit-box-shadow:0 0 3px #666;
    -moz-box-shadow:0 0 3px #666;
    box-shadow:0 0 3px #666;
}

::-moz-selection {
    background:#3399ff;
    color:#fff;
    text-shadow:0 1px 0 #0a3b6c;
}
::selection {
    background:#3399ff;
    color:#fff;
    text-shadow:0 1px 0 #0a3b6c;
}


ul.double { padding:0px; margin:0px; width:445px;}
ul.double li { width:199px; float:left; color:#88cee0; margin-right:5px;}

/* =============================================================================
 *
 *     2) MAIN CONTENT
 *
 * ========================================================================== */
 
a:active {position:relative; top:1px;}
    a:active img, nav a:active {position:relative; top:0;}

a:link, a:visited, a:active {
    border-bottom:1px dotted #0b0101;
    color:#d6a024;
    text-decoration:none;
    
    -webkit-transition: background .4s ease, border-bottom .4s ease, color .4s ease;
    -moz-transition:    background .4s ease, border-bottom .4s ease, color .4s ease;
    -o-transition:      background .4s ease, border-bottom .4s ease, color .4s ease;
    -ms-transition:     background .4s ease, border-bottom .4s ease, color .4s ease;
    transition:         background .4s ease, border-bottom .4s ease, color .4s ease;
}
    a:hover {
        border-bottom:1px dotted #d6a024;
        color:#d6a024;
        text-decoration:none;
    }

a.nobord {border:0 !important;} /* lose the default border-bottom */ 

strong {color:#d6a024; font-weight:700;}


/*
 *  header
 */
 
header {
	border-bottom:1px solid #d6a024;
	font-family:'PT Serif', Arial, Helvetica, sans-serif;
	height:475px;
	margin-bottom:30px;
}

#header-block {
	border:2px solid #fff; 
	border-left:0; 
	border-right:0; 
	box-shadow:0 0 5px #000;
	height:380px;
	margin:3px 0;
	padding:10px 0;
}

#fader-block {
	float:left; 
	margin-left:10px;
	position:relative;
	width:620px;	
}
#fader-overlay {
	border:2px solid #d6a024;
	height:355px;
	position:absolute;
		top:10px;
		left:10px;
	width:595px;
	z-index:3;
}
#fader {
	border:6px solid #d6a024;
	box-shadow:0 0 5px #333;
	height:368px;
	overflow:hidden;
	position:absolute;
	width:608px;
	z-index:2;
}

#logo-block {
	background:rgb(23,2,2);
	background:rgba(23,2,2,.85);
	border:1px solid #d6a024;
	box-shadow:0 0 5px #333;
	height:358px;
	float:right;
	margin-right:10px;
	padding:10px;
	width:278px;
}
#lb-inner {
	background:rgb(23,2,2) url('logo2.png') center bottom no-repeat;;
	background:rgba(23,2,2,.85) url('logo2.png') center bottom no-repeat;;
	border:1px solid #d6a024;
	text-align:center;
	height:356px;
}
header .logo {
	background:url('logo.png');
	height:112px;
	margin:-20px auto 15px auto;
	width:130px;
}
header .title {
	color:#fff;
	font-size:30px;
}
header .subtitle {
	color:#d6a024;
	font-size:18px;
	line-height:30px;
	text-transform:uppercase;
}
header .contact {
	border:2px solid #fff; 
	border-left:0; 
	border-right:0;
	margin:10px 20px;
	padding:5px 0 12px 0;
}
	.ph {font-size:30px; line-height:36px;}
	.em {font-size:16px;}

nav {
	background:rgb(11,1,1);
	background:rgba(11,1,1,.85);
	border-bottom:1px solid #d6a024; 
	height:64px;
}

ul#navlist {
	list-style:none;
	margin:0 auto;
	padding:0;
	width:940px;
}
    ul#navlist li {
        float:left;
        margin:0;
        padding:0;
        position:relative;
    }
        .ie6 ul#navlist ul {display:none !important;} /* disables dropdowns in ie6 */

ul#navlist li a:link, ul#navlist li a:visited, ul#navlist li a:active {
    background:transparent;
    border:0;
    color:#fff;
    display:block;
    font-size:17px;
    line-height:64px;
    padding:0 17px;
}
    ul#navlist li a:hover {
    	background:#d6a024;
        border:0;
        color:#0b0101;
    }


/*
 *  content
 */
 
#callouts {margin-bottom:30px;}

#callouts section {
	float:left;
	margin:0 10px;
	width:300px;
}
#callouts img {
	border:1px solid #d6a024;
	margin-top:10px;
}

#callouts img.botm {
	border:0px solid #d6a024;
	margin-top:0px;
}

#callouts span {
	float:right;
	font-family:'PT Serif';
	text-transform:uppercase;
}
#callouts h2 {
	font-size:18px;
	margin:0;
	padding:0;
}

#quote {
	border:2px solid #d6a024;
	border-left:0;
	border-right:0;
	font-family:'PT Serif';
	font-style:italic;
	font-size:24px;
	height:60px;
	line-height:60px;
	margin:0 auto;
	position:relative;
	text-align:center;
	width:800px;
}
#quote:before {
	content:url('scroll-left.png');
	position:absolute;
		top:7px;
		left:110px;
}
#quote:after {
	content:url('scroll-right.png');
	position:absolute;
		top:7px;
		right:110px;
}
 
#content {margin-bottom:30px;}

article {margin:0 auto; width:940px;}
.h1-ish {
	font-family:'PT Serif';
	font-size:17px; 
	line-height:30px; 
	padding:10px 0;
	text-align:right;
}
h1 span, .h1-ish span {color:#d6a024;}
.h1-ish img {margin-left:15px;}

.col {float:left; width:450px;}
#mid {
	float:left;
	border:1px dashed #d6a024;
	border-top:0;
	border-bottom:0;
	height:370px;
	margin:0 19px;
	width:0;
}

aside {
    float:right;
    margin:0 0 20px 20px;
    width:490px;
}

.moreinfo {padding:5px 0 15px 0;}
    .moreinfo p {margin:0; padding:0;}

ul.gallery {
    list-style:none; 
    margin:0; 
	height:120px;
    padding:0;
	width:450px;
}
    ul.gallery li {
        float:left; 
        margin:0; 
        padding-right:5px; 
        text-align:center;
    }
li.last { padding-right:0px;}
ul.gallery img { border:1px solid #D6A024;}
.scrcen {
	background:url('scroll-center.png') 50% 50% no-repeat;
	height:40px;
	margin:10px auto 20px auto;
	width:90px;
}


#cropper { width:298px; height:210px; overflow:hidden; border:1px solid #D6A024; margin-top:10px;}

/*
 *  footer
 */
 
footer {
    text-align:center;
}

footer #addinfo-block {
	border:2px solid #d6a024;
	border-left:0;
	border-right:0;
}

footer #addinfo {
	font-family:'PT Serif';
	font-size:17px;
	height:60px;
	line-height:60px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:960px;
}

footer #addinfo:before {
	content:url('scroll-left.png');
	position:absolute;
		top:7px;
		left:10px;
}
footer #addinfo:after {
	content:url('scroll-right.png');
	position:absolute;
		top:7px;
		right:10px;
}
#add {
	float:left;
	margin-left:70px; 
	width:330px;
}
#pho {
	float:left;
	width:260px;
}
#ema {
	float:left;
	width:230px;
}

footer .sl {
    list-style:none;
    margin:0 auto 15px auto;
    padding:0;
    width:800px;
}
    footer .sl li {
        float:left;
        margin:0;
        padding:0 18px;
    }


footer small {
    clear:both;
    display:block;
    font-size:100%;
    margin:0;
    padding:15px 0 40px 0;
}

.special {
	border:1px solid #D59F24;
	padding:15px;
	width:410px;
}

/* =============================================================================
 *
 *      3) FORMS
 *
 * ========================================================================== */ 

form {margin:0 0 15px 0; padding:0 0 15px 0;}
    form div {clear:both; display:block; overflow:hidden;}
    form div.warning {
        font-size:13px;
        height:25px;
        line-height:25px;
        margin:0 0 10px 10px;
        padding:0 0 0 35px;
        width:215px;
    }
    form span.star {color:#ff0000;}
    label {
        float:left;
        height:26px;
        line-height:26px;
        margin:3px 0;
        width:130px;
    }
    input, textarea, select {
        float:left;
        font:13px/18px Lato, Arial, Helvetica, sans-serif;
        margin:3px 0;
        padding:5px;
        width:300px;
    }
        select {width:312px;}
        input:focus, textarea:focus, select:focus {outline:none;}
    input.submit {
        cursor:pointer;
        margin:10px 0 0 130px;
        width:85px;
    }


/*
 *  colors
 */

div.warning {
    background:#fbe3e4 url('css/images/error.gif') no-repeat 10px center;
    border:1px solid #fbc2c4;
    color:#900;
}
input, textarea, select {
    background:#f5f5f5;
    border:1px solid #ccc;
    color:#666;
    
    -webkit-transition: background .4s ease, border .4s ease, color .4s ease;
    -moz-transition:    background .4s ease, border .4s ease, color .4s ease;
    -o-transition:      background .4s ease, border .4s ease, color .4s ease;
    -ms-transition:     background .4s ease, border .4s ease, color .4s ease;
    transition:         background .4s ease, border .4s ease, color .4s ease;
}
input:focus, textarea:focus, select:focus {
    background:#fff;
    border:1px solid #999;
    color:#333;
}
input.submit {
    background:#333;
    border:1px solid #222;
    color:#fff;
    
    -webkit-transition: background .4s ease;
    -moz-transition:    background .4s ease;
    -o-transition:      background .4s ease;
    -ms-transition:     background .4s ease;
    transition:         background .4s ease;
}
input.submit:hover {background:#444;}    


/*
 *  commentForm
 */

#commentForm {width:500px;}
#commentForm h3 {clear:both; padding:20px 0 5px 0;}
#commentForm h3.first {padding:0 0 5px 0;}
#commentForm h4 {clear:both; padding:20px 0 5px 0;}
#commentForm input.reset {margin:10px 0 0 10px;}
#commentForm label.error {display:block; margin:0 0 15px 120px;}
#commentForm div.warning {width:275px;} 

	
/*
 *  reachQuickly
 */

#reachQuickly {width:100%;}
    #reachQuickly div.warning {
        clear:both;
        float:left;
        padding:0 0 0 36px;
        text-align:left;
        width:194px;
    }
    #reachQuickly label {
        float:left;
        margin:3px 0 0 0;
        width:100%;
    }
    #reachQuickly input, #reachQuickly textarea, #reachQuickly select {
        float:left;
        font:12px/16px Lato, Arial, Helvetica, sans-serif;
        margin:0 0 3px 0;
        padding:5px;
        width:286px;
    }
    #reachQuickly input.submit {
        cursor:pointer;
        margin:3px 0 0 0;
        width:298px;
    }

	
/*
 *  getDirections
 */

#getDirections {margin:0 0 15px 0; padding:0;}
    #getDirections td {font-size:12px;}
    #getDirections input, #getDirections textarea, #getDirections select {
        font:12px/16px Lato, Arial, Helvetica, sans-serif;
        margin:3px 0 6px 0;
        padding:5px;
        width:95%;
    }
    #getDirections input.submit {
        cursor:pointer;
        margin:0;
        width:112px;
    }



/* =============================================================================
 *
 *      4) PROGRAMMING
 *
 * ========================================================================== */   

/*
 *  search.php
 */

#moduleSearch {width:500px;}
#moduleSearch h2 {
    margin:0; 
    padding:20px 0 5px 0;
    text-transform:capitalize;
}
#moduleSearch div.multi label.main {}
#moduleSearch div.multi label.secondary {padding-right:5px; text-align:right; width:15px;}
#moduleSearch div.multi select.value {width:80px;}
#moduleSearch div.multi input.value {width:68px;}
#moduleSearch div.multi select.modifier {width:212px;}
#moduleSearch input.reset {margin:10px 0 0 10px;}
#moduleSearch ul {
    list-style:none; 
    margin:0 0 15px 0; 
    padding:0;
}
    #moduleSearch ul li {
        float:left; 
        margin:0; 
        padding:0;
        width:50%;
    }
    #moduleSearch ul li input {
        background:none;
        border:0;
        margin-top:10px; 
        width:30px;
    }


/*
 *  sitemap.php
 */

ul.sitemap {
    list-style:none; 
    margin:0 0 15px 0;
    padding:0;
}
    ul.sitemap li {
        float:left;
        font-size:13px;
        height:20px;
        line-height:20px;
        margin:0; 
        overflow:hidden;
        padding:0 1% 0 0; 
        width:32.3333%;
    }