/*******************************************************
TITLE: Fixed Three-Column Over Four-Column Layout V1.0
DATE: 20060807
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

html {
background: #000;
}
body {
margin:0;
padding:0;
height:100%;
background:#000 url(../images/bkg.jpg) top center no-repeat;
color:#fff;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
line-height:1.3em;
}

input.txt {
font-size:14px;
background: transparent url(../images/login1.png) no-repeat;
border: none;
height:24px;
width: 130px;
vertical-align:middle;
margin:0;
padding:0 0 0 5px;
line-height:24px;
}

input [type=text], input [type=text]:focus, input [type=password], input [type=password]:focus {
border:0;
outline:0;
}
input:focus {
outline:none;
border:none;
}
img.btn {
border: none;
height:24px;
width: 46px;
}

a {
color:#ffffff;
text-decoration:none;
border: none;
}

a:hover {
color:#a0a3a9;
text-decoration:none;
}

ul li a {
color:#ffffff;
text-decoration:none;
border: none;
}

ul li a:hover {
color:#a0a3a9;
text-decoration:underline;
}

blockquote {
margin:1em;
padding:.5em .5em .5em 85px;
background-color:#D7ECF8;
}

blockquote p {
margin:.2em;
color:#000000;
}

hr {
margin-bottom:20px;
border:none;
width:100%;
color:#411414;
background-color:#411414;
height:1px;
clear:both;
}


#centerColumn { 	
margin:0 auto;
padding:0;
width:968px;
text-align:left;
vertical-align: middle;	
}

#centerColumn h2 {
margin:0;
padding:1em 0 1em 0;
font-size:1em;
}

#logo {
margin:0; /* Mozzila attributes */
padding:0 !important; /* IE specific attributes */
padding:0;
height:116px;
vertical-align:middle;
float:left;
width:450px;
}

#login {
margin:0; /* Mozzila attributes */
padding:0 !important; /* IE specific attributes */
padding:0;
height:34px;
float:left;
width:518px;
font-size:.7em;
font-weight:bold;
position:relative;
top:40px;
right:20px;
line-height:10px;
}

.alt-navigation {
float: right;
margin:0; /* Mozzila attributes */
padding:0 !important; /* IE specific attributes */
padding:0;
height:34px;
width:518px;
font-size:1em;
font-weight:bold;
position:relative;
top:65px;
right:20px;
line-height:10px;
text-align: right;
}

.alt-navigation ul {
	text-align: right;
	list-style: none;
}

.alt-navigation ul li {
	text-align: right;
	display: inline-block;
	list-style: none;
	margin-left: 20px;
}

.alt-navigation ul li a:hover {
	color: #fff;
}

#header {
margin:0;
padding:0;
}

.right {
float:right;
margin:5px;
padding:2px;
}

.left {
float:left;
margin:5px;
padding:2px;
}

.center {
width:auto;
margin-left:auto;
margin-right:auto;
}


#box_1 {
margin:3px 5px 2em 0;
padding:8px;
float:left;
width:169px;
color:#ffffff;
}

#box_1 h2 {
display: block; 
background-image:url(../images/nav_top.png);
background-repeat:no-repeat;
font-size: 1.3em; 
padding: 5px 0 3px 15px;
border-bottom: 1px solid #000000;
color: #ffffff;
margin:0px;
width:169px;
line-height:25px;
}

#box_1 ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}

#box_1 ul li {
margin: 0px;
padding: 0px;
}

#box_1 ul li a {
font-size: .8em;
display: block;
padding: 5px 0px 2px 15px;
text-decoration: none;
color: #a0a3a9;
line-height:24px;
width:169px;
border-bottom: 1px solid #000000;
background-image:url(../images/nav_menu.png);
background-repeat:no-repeat;
}

#box_1 ul li a:hover, #box_1 ul li a:focus {
color: #ffffff;
background-image:url(../images/nav_menu_over.png);
background-repeat:no-repeat;
}

#box_2 {
margin:0 5px 2em 5px;
padding:0 8px;
float:left;
width:235px;
}

#box_3 {
margin:0 5px 2em 5px;
padding:0 8px;
float:left;
width:275px;
height:450px;
}

#box_4 {
margin:0 0 2em 5px;
padding:0 8px;
float:right;
width:194px;
}

#box_5 {
margin:0 5px 2em 5px;
padding:0 8px;
float:left;
width:750px;
}

#box_2 p {
margin: 0;
padding: 10px;
font-size:.9em;
color:#a0a3a9;
background:#1f1f1f;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius:10px;
}
#box_2 p.brown {
background:#64574f /* url(../images/brownbg.jpg) bottom center */;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius:6px;
padding: 15px 10px 25px 15px;
-webkit-box-shadow:inset 0px 0px 25px rgba(0,0,0,.6);
-moz-box-shadow:inset 0px 0px 25px rgba(0,0,0,.6);
box-shadow:inset 0px 0px 25px rgba(0,0,0,.6);
}

#box_3 p {
margin:0;
padding:0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius:10px;
}
#box_2 a, #box_3 a, #box_5 a {
font-size:12px;
color:#fff;
text-decoration:underline;
font-weight: normal;
}
#box_2 a:hover, #box_3 a:hover, #box_5 a:hover {
color:#a0a3a9;
text-decoration:underline;
}

#box_4 p {
margin:0;
padding: 8px;
font-size:.8em;
color:#a0a3a9;
background-color:#1f1f1f;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius:10px;
}

#box_5 p {
margin: 0 0 10px 0;
padding: 10px;
font-size:.9em;
color:#a0a3a9;
background-color:#111111;
}

#box_2 h2, #box_3 h2, #box_4 h2, #box_5 h2 {
color:#790b0b;
font-size:1.3em;
font-weight:bold;
padding-left:8px;
text-shadow: -1px -1px 0 #000;
text-transform: uppercase;
} 

#box_4 h3 {
display: block; 
background-image:url(../images/card_sample_top.png);
background-repeat:no-repeat;
font-size: 1.3em; 
padding: 5px 0 3px 15px;
border-bottom: 2px solid #000000;
color: #ffffff;
margin:15px 0 0 0;
width:194px;
line-height:20px;
} 

#box_2 ul, #box_3 ul, #box_5 ul {
margin:0;
padding:10px 0 0 8px;
list-style:none;
line-height:1.3em;
}

#box_2 li, #box_3 li, #box_5 li {
margin:0;
padding:0;
font-size:1em;
font-weight: bold;
}

#box_4 ul {
margin:0;
padding:0;
list-style:none;
}

#box_4 li {
margin:0;
padding:0 0 0 0;
font-size:.8em;
}
#box_4 a {
color:#fff;
text-decoration: underline;
}
#box_5 b {
text-transform: uppercase;
line-height:2em;
}
#samples {
margin:0;
padding:8px 0 0 0;
background-image:url(../images/card_sample_body.png);
background-repeat:no-repeat;
height:211px;
font-size:.7em;
color:#CCCCCC;
}

#phone {
color:#FFFFFF;
font-size:2em;
font-weight:bold;
line-height:1.2em;
} 

#footer {
position:relative;
clear:both;
bottom:10;
margin:0 0 0 0;
padding:0;
height:2em;
line-height:2em;
text-align:center;
font-size:.7em;
color:#cccccc;
}

.container {
margin: 1em auto;
width: 650px;
text-align: left;
background-color: #111111;
padding:10px 25px;
border-radius: 15px;
}

table.container {
margin-top:0;
}


h5 {
font-size:18px;
color:#888;
text-transform: uppercase;
margin-bottom:10px;
color:#790b0b;
}

td h4 {
padding:0 0 10px 0;
margin:0;
font-size:12px;
font-style:italic;
}

td h3 {
padding:10px 0 0 0;
margin:0;
}

.arrow {
	padding-left: 10px;
	background: #000 url(../images/arrow.gif) no-repeat left;
}

#subtext {
text-align:center;
font-size:.7em;
color:#aaaaaa;
}

.cycle li {
display:none;
}

ul.announce img {
height:100px;
}
ul.announce img.vert {
height:163px;
}

.gfont {font-family: 'Allura', cursive;}
.gfont2 {font-family: 'Yellowtail', cursive; font-weight: 400 !important;}
.year {color:#fff; font-size:72px !important;position: relative; bottom:30px;}


.desktop-gallery {
	display: none;
}

@media(min-width: 591px) {
	.desktop-gallery {
		display: block;
	}
}
	
.mobile-gallery {
	display: none;
}

@media(max-width: 590px) {
	.mobile-gallery {
		display: block;
	}
}
