@import url('../../plugins/easy-contact/sample/econtact-basic.css');

body {
margin: 0px;
padding: 0;
color: #FFF;
background-color:#1b1b1b;
background-image: url(images/bg-Black.jpg);
background-position: top center;
background-repeat: no-repeat;
font-family: Arial;
font-size: 13px;
line-height: 20px;
}

.thumb { 
	/* float: left; margin: 20px */
	float: left;
	width: 25%;
	height: 250px;
	text-align: center;
	margin: 10px 0;
}

.thumb img { border: none; }
.thumb a { border: none; text-dectoration: none; }
.thumb a:hover { border: none; text-dectoration: none; }

#menu10 {
	width: 200px;
	margin: 10px;
	}
	
#menu10 ul, #menu10 li {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 1px 0;
	font-size: 16px;
}

#menu10 li a {
	height: 32px;
	line-height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu10 li a:link, #menu10 li a:visited {
	/*color: #4D4D4D;*/
	color: #fff;
	display: block;
	background:  url(images/menu10.gif);
	padding: 0px 0 8px 10px;
	text-decoration: none;
	}
	
#menu10 li a:hover {
	color: #000;
	background:  url(images/menu10.gif) 0 -32px;
	padding: 0px 0 8px 10px;
	text-decoration: none;
	border: none;
	}


.lightbox {
height: 200%;
width: 100%;
display: none;
color: #FFF;
z-index: 1000;
position: absolute;
background-image: url(images/lightbox-bg.png); 
background-color: #000;
top: 0px;
left: 0px;
}

.lightbox-image {
border: 10px solid /* #5c5c5c; */ #000; margin: auto;
}

.lightboxdelete {
cursor: pointer;
margin-bottom: 15px;
margin-right: 10px;
}
img { border: none; }
#wrapper2 {
width: 950px;
margin: auto;
padding: 0px 0px 0px 0px;
margin-top: 33px;
}

.single-entry {
float: left;
width: 100%;
margin-bottom: 10px;
padding: 0px;
}

.single-info3 img {
border: none;
}

.detail { background-color: #333; width: 100px; }
.detail:hover { background-color: #fff }

a:link { 
text-decoration: none; 
color: #c6e5ff; 
}

a:visited { 
text-decoration: none; 
color: #c6e5ff; 
}

a:hover, a:active { 
color: #c6e5ff; 
border-bottom: 1px solid #c6e5ff;
}

h1, h2, h3, h4, h5, h6 { 
font-weight: normal; 
margin: 10px 0 20px 0; 
}

h1 { 
font-size: 18px;
}

h2 { 
font-size: 28px; 
}

h3 { 
font-size: 18px;
}

.home-post-wrap {
width: 192px;
/*height: 192px;*/
margin-right: 17px;
float: left;
background-color: #4d4d4d;
border: 1px solid #616161;
margin-bottom: 17px;
padding: 9px;
}

/*
.comments-bubble {
width: 23px;
height: 18px;
background-image: url(images/comments-Black.gif);
font-size: 8px;
color: #212A33;
padding: 0px;
float: left;
margin-left: 9px;
}

.comments-bubble a:link, .comments-bubble a:hover, .comments-bubble a:visited {
color: #FFF;
font-size: 8px;
display: block;
margin-left: 7px;
margin-top: -4px;
padding: 0px;
}

.bar {
display: none;
height: 15px;
background-image: url(images/bar-bg-Black.gif);
width: 174px;
float: left;
border-left: 1px solid #232323;
border-right: 1px solid #232323;
border-bottom: 1px solid #232323;
padding: 8px;
position: relative ;
}

.bar a:hover {
border-bottom: none;
}
*/
.home-post-wrap2 {
width: 593px;
padding: 10px;
margin-right: 13px;
float: left;
background-color: #FFF;
border: 1px solid #EBEBEB;
margin-bottom: 10px;
}
h4, h5, h6 { 
font-size: 20px; 
}

.titles { 
font-weight: normal; 
font-size: 24px; 
text-decoration: none;
}

.info-titles a:link, .info-titles a:visited, .info-titles a:active {
text-decoration: none;
font-size: 15px;
/* font-family: Trebuchet MS; */
display: block;
width: 100%;
margin-bottom: 10px;
padding-top: 10px;
color: #b7b7b7;
}

.info-titles a:hover {
border-bottom: none;
}

.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
font-size: 20px;
/* font-family: Trebuchet MS; */
margin-bottom: 10px;
margin-top: 10px;
display: block;
}

.titles-featured a, .titles-featured a:hover, .titles-featured {
font-size: 30px;
display: block;
margin-bottom: 10px;
margin-top: 5px;
}

.featured-hover {
border-left: 1px solid #343434; border-top: 1px solid #343434; border-bottom: 1px solid #575757; border-right: 1px solid #575757;	
}

pre, blockquote {
overflow: auto;
padding: 0 10px;
margin: 20px 30px;
line-height: 1.8em;
background-color: #3a3a3a;
border: 1px solid #383838;
}

ul { 
list-style-image: url(images/bullet.gif); 
}

#pages {
float: left;
}

#categories {
width: 949px;
min-height: 46px;
background-image: url(images/nav-bg.gif);
background-repeat: repeat-x;
float: left;
background-color: #144F8C;
border-left: 1px solid #387EC7;
}

#categories ul {
margin: 0px 0px 0px 10px;
padding-left: 0px;
list-style-type: none; 
list-style-image: none; 
float: left;
}

#categories ul li {
float: left; 
display: block; 
padding-left: 0px; 
height: 46px;
}

#categories ul li a:link,#categories ul li a:visited, #categories ul li a:active  {
height: 34px;
display: block;
color: #FFF;
font-size: 11px;
font-weight: bold;
padding: 12px 10px 0px 10px;
float: left;
margin: 0px 1px;
}


#categories ul li a:hover {
background-image: url(images/nav-bg-hover.gif);
border-right: 1px solid #2066AF;
border-left: 1px solid #144F8C;
margin: 0px 0px;
padding-top: 14px;
height: 32px;
}

#header {
width: 948px;
margin-top: 0px;
height: 84px;
background-color: #000;
border: 1px solid #3a3a3a;
float: left;
margin-bottom: 30px;
}

#container {
float: right;
width: 908px;
background-color: #000; /* #3a3a3a; */
border: 1px solid #3a3a3a; /* #4d4d4d; */
padding: 20px;
text-align: center;
/*text-align:left;*/
}

#container .mmf {
text-align:left;
position: relative;
left:40px;
}

.adwrap {
margin-left: 26px;
}

.adwrap a, .adwrap a:hover, .adwrap a:visited {
margin-right: 5px;
margin-bottom: 5px;
display: block;
width: 125px;
height: 125px;
float: left;
}

#footer {
clear: both;
width: 930px;
height: 76px;
padding-left: 20px;
text-align: center;
color: #3a3a3a;
padding-top: 14px;
margin: 0 auto;
font-size: 11px;
}

#footer a {
color: #3a3a3a;
font-size: 11px;
}

#footer a:visited {
color: #FFFFFF;
}

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

#pages ul { 
list-style-type: none; 
list-style-image: none; 
float: left; 
padding: 0px 0px 0px 0px; 
margin-right: 10px; 
margin-bottom: 0px;
margin-top: 25px;
}

#pages ul li { 
float: right; 
display: block; 
height: 42px;
padding: 0px;
}

#pages ul li a:link,#pages ul li a:visited, #pages ul li a:active {
float: left; 
color: #FFF;
display: block;
height: 31px;
font-size: 12px;
padding: 11px 20px 0px 20px;
margin: 0px;
}


#pages ul li a:hover {
background-position: top;
background-repeat: no-repeat;
margin: 0px;
height: 31px;
padding: 11px 20px 0px 20px;
}


.sidebar-box {
padding-top: 5px;
padding-bottom: 13px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0px;
float: left;
margin-bottom: 10px;
width: 192px; 
background-color: #242424;
background-image: url(images/sidebar-bg-Black.gif);
background-repeat: repeat-x;
}

.sidebar-box2 {
padding-top: 5px;
padding-bottom: 13px;
margin-bottom: 0px;
float: left;
margin-bottom: 10px;
width: 222px; 
background-color: #242424;
background-image: url(images/sidebar-bg-Black.gif);
background-repeat: repeat-x;
}

.sidebar-box2 a:hover {
border-bottom: none;
}
.articleinfo {
border-bottom: 1px solid #EEEEEE; padding-bottom: 7px; color: #545454;
}

.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active {
display: block; 
color: #FFF; 
width: 176px; 
margin-bottom: 5px;
padding: 3px 3px 3px 10px; 
background-color: #2c2c2c;
border: 1px solid #353535;
} 

.sidebar-box ul li {
color: #FFF;
list-style-image: none;
list-style-type: none;
}

.sidebar-box ul {
float: left;
margin-left: 0px;
padding: 0px;
}

.sidebar-box ul li a:hover {
background-color: #353535;
border: 1px solid #424242;
background-image: url(images/sidebar-hover.gif);
background-repeat: no-repeat;
background-position: 170px 8px;
} 

.sidebar-box h3 { 
font-size: 13px; 
color: #FFF; 
font-weight: normal; 
text-transform: lowercase; 
/* font-family: Trebuchet MS; */
float: left;
display: block;
width: 202px;
padding-left: 10px;
margin: 4px 0px 10px 0px;
}

.sidebar-box2 h3 { 
font-size: 13px; 
color: #FFF; 
font-weight: normal; 
text-transform: lowercase; 
/* font-family: Trebuchet MS; */
float: left;
display: block;
width: 202px;
padding-left: 10px;
margin: 4px 0px 10px 0px;
}

#commentform {
margin: 1em 0;
margin-left: 20px;
}

#commentform textarea {
background: #3a3a3a;
border: 1px solid #383838;
width: 370px;
color: #FFF;
}

#commentform #email {
font-size: 1.1em;
background: #3a3a3a;
border: 1px solid #383838;
width: 280px;
background-image: url(images/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
color: #FFF;
}

#commentform #author {
font-size: 1.1em;
background: #3a3a3a;
border: 1px solid #383838;
width: 280px;
background-image: url(images/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
color: #FFF;
}

#commentform #url {
font-size: 1.1em;
background: #3a3a3a;
border: 1px solid #383838;
width: 280px;
background-image: url(images/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
color: #FFF;
padding-top: 6px;
}

#commentform #email:focus {
font-size: 1.1em;
background: #383838;
border: 1px solid #232C33;
width: 280px;
background-image: url(images/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #author:focus {
font-size: 1.1em;
background: #383838;
border: 1px solid #232C33;
width: 280px;
background-image: url(images/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #url:focus {
font-size: 1.1em;
background: #383838;
border: 1px solid #232C33;
width: 280px;
background-image: url(images/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform input {
margin-bottom: 3px;
}

.search_bg {
height:35px;
width:260px;
float: left;
margin-top: 10px;
margin-left: 10px;
}

#search {
color:#FFFFFF;
padding:0;
}

#search input {
background: #FFF;
font-size:11px;
color:#B8B8B8;
font-family:Tahoma, arial, verdana, courier;
width:150px;
height:11px;
vertical-align:middle;
padding:10px;
border: 1px solid #E7E7DC;
}

.icons {
margin-top: 0px; 
margin-bottom: -5px;
margin-right: 10px;
}

#search .input {
width:66px;
height:31px;
background:none;
border:none;
vertical-align:middle;
margin:0;
padding:0;
margin-left: 10px;
}

.thumbnail-div {
border-top: 1px solid #232323;
border-right: 1px solid #232323;
border-left: 1px solid #232323;
width: 190px;
height: 159px;
float: left;
}

.single-info {
background-color: #3a3a3a;
border: 1px solid #383838;
padding: 10px;
width: 260px;
float: left;
margin-bottom: 5px;
}

.single-info2 {
display: none;
background-color: #4889C0;
border: 1px solid #5D9FD7;
padding: 10px;
width: 260px;
float: left;
margin-bottom: 5px;
}


.single-info3 {
background-color: #0148ab;
border: 1px solid #616161;
padding: 10px;
width: 260px;
float: left;
margin-bottom: 5px;
}


.post-info {
color: #FFF;
font-size: 10px;
}

.post-inside-2 {
float: left;
width: 450px;
}

.logo {
float: left; 
border: 0px;
margin-left: 27px;
margin-top: 27px;
}

a:focus {
outline: none;
}

.random-content a:link {
font-size: 13px;
}

.random a:link, .random a:visited {
float: left;
display: block;
width: 100%;
}

ul, ol { line-height: 2.0em; }

.titles-featured a, .titles-featured a:hover, .titles-featured {
font-size: 28px;
line-height: 30px;
}

.thumbnail-div-featured {
border: 5px solid #E7F3FF;
width: 580px; 
height: 160px;
}

#featured {
background-color: #FFF;
background-image: url(images/post-bg.gif);
background-repeat: repeat-x;
padding: 10px;
width: 593px;
border: 1px solid #EBEBEB;
margin-bottom: 10px;
}

.featured-content {
float: right;
width: 353px;
margin-right: 5px;
}

.current-category {
/* background-color: #3a3a3a; */
color: #FFF;
/* border-bottom: 1px double #383838; */
padding: 5px;
display: block;
margin-bottom: 10px;
width: 660px;
}


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

         #lavaLampVariableImage {
            position: relative;
            padding: 15px;
            margin: 4px 0;
			/* width: 700px; */
			float: left;
        }
                #lavaLampVariableImage li {
                    float: left;
                    list-style: none;
                }          
                    #lavaLampVariableImage li.back {
                        background: url("images/slider-right.gif") no-repeat top right;
                        width: 24px;
                        z-index: 8;
                        position: absolute;
                    }
                        #lavaLampVariableImage li.back .left {
                            background: url("images/slider-bg2.gif") no-repeat top left;
                            height: 100%;
                            margin-right:24px;
                        }
                        #lavaLampVariableImage li.back .corner {
                            background: url("images/slider-corner.gif") no-repeat bottom right;
							height:27px;
							width:24px;
							position:absolute;
							bottom:0px;
							right:0px;
                        }
                        #lavaLampVariableImage li.back .bottom {
                            background: url("images/slider-bottom.gif") no-repeat bottom left;
							height:27px;
							width:100%;
							position:absolute;
							bottom:0px;
							left:0px;
                        }
                    #lavaLampVariableImage li a {
                        text-decoration: none;
                        color:#FFF;
                        outline: none;
                        text-align: center;
                        padding: 17px 10px;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
                        #lavaLampVariableImage li a:hover, #lavaLampVariableImage li a:active, #lavaLampVariableImage li a:visited {
                            color: #FFF;
                            border: none;
                        }
.last-menu-item {  position: relative; padding: 33px; margin-top: 5px; float: right; }
.menu {
	margin: 0px 0px 10px 13px;
	padding: 0;
	list-style: none;
}
.menu li {
	padding: 0 ;
	float: left;
	position: relative ;
	display: block;
	margin-right: 7px ;
	margin-bottom: 7px ;
	border: 4px solid #484848 ;
	width: 53px ;
	height: 53px ;
}
.menu a {

}
.menu li em {
	background: url(images/hover-Black.png) no-repeat;
	position: absolute;
	width: 236px;
	height: 155px;
	padding-top: 10px;
	padding-left: 10px;
	top: -180px;
	left: -80px;
	font-style: normal;
	z-index: 1000;
	display: none;
	color: #8B8861;
	font-size: 10px;
}
 
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}
	
	#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
#calendar_wrap {
float: left;
width: 100%;
}

#wp-calendar {
width: 100%;
}

#searchform {
margin-top: 10px;
}

#s {
width: 120px;
margin-bottom: 10px;
}

/* Begin Comments*/

.commentlist {
padding: 0px;
margin: 0px 0px 0px 17px;
width: 621px;
background-image: url(images/comment-bg-Black.gif);
list-style-image: none;
list-style-type: none;
float: left;
}

.commentlist a:hover {
border: none;
}

.commentlist  img {
border: none;
}

.commentlist li {
	font-weight: bold;
	width: 621px;
	display: block;
	background-image: url(images/comment-bottom-Black.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0px 0px 45px 0px;
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	float: left;
	}

.commentlist li div {
	width: 601px;
	display: block;
	background-image: url(images/comment-top-Black.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 10px;
	float: left;
}

.commentlist li .avatar { 
	float: left;
	border: 4px solid #4d4d4d;
	padding: 2px;
	background: #4d4d4d;
	}

.commentlist cite {
	font-size: 18px;
	float: left;
	font-style: normal;
	margin-left: 10px;
	margin-right: 6px;
	margin-top: 5px;
	font-weight: normal;
	}
	
.says {
display: none;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	display: block;
	float: left;
	width: 90%;
	margin-left: 3%;
	}
	

#commentform p {
clear: both;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentlist .children li {
	width: 90%;
	display: block;
	margin: 0px;
	background-color: #5a5a5a;
	background-image: url(images/comment-children-bg-Black.gif);
	background-position: left;
	background-repeat: repeat-y;
	border: 1px solid #515151;
	overflow: hidden;
}

.commentlist .children li div {
width: 97%;
padding: 3%;
background-image: url(images/comment-children-top-Black.gif);
background-repeat: no-repeat;
background-position: top left;
}

.commentlist .commentmetadata {
	font-weight: normal;
	float: left;
	margin: 5px 0px 0px 0px;
	display: block;
	clear: both;
	background-image: none;
	width: 90%;
	margin-left: 3%;
	}
	
.commentlist .vcard, .commentlist .children .comment-author, .commentlist .children .vcard, .commentlist .commentmetadata, .commentlist .children .comment-author, .commentlist .children .comment-meta   {
	background-image: none;
	width: 100%;
	padding: 0px !important;
}

.commentlist .reply, .commentlist .children .reply {
	float: right;
	background-image: none;
	width: 54px;
	height: 22px;
	margin-bottom: 0px;
	padding: 0px;
	margin-right: 10px;
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist .reply a:link, .commentlist .reply a:hover, .commentlist .children .reply a:link, .commentlist .children .reply a:hover {
	background-image: url(images/reply-Black.gif);
	width: 39px;
	height: 17px;
	display: block;
	color: #FFF;
	font-size: 8px;
	text-transform: lowercase;
	font-weight: normal;
	padding: 5px 0px 0px 15px;
	letter-spacing: 1px;
}

.commentlist .children li {
padding-bottom: 10px;
}

.commentlist .children li ul li {
padding-bottom: 10px;
background-color: #5a5a5a;
}

#respond {
margin-top: 20px;
float: left;
background-image: none;
}

.commentlist #respond h3, .commentlist #respond a {
margin-left: 28px;
}

#comments {
line-height: 30px;
}

.children {
clear: both;
}

.children .commentmetadata, .children .vcard  {
	background-image: none;
}

.children textarea {
width: 90% !important;
}

.children input {
width: 80% !important;
}

#cancel-comment-reply-link {
display: block;
background-image: url(images/comment-close-Black.gif);
width: 144px;
height: 21px;
padding: 5px 0px 0px 23px;
font-weight: normal;
color: #FFF;
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#respond div {
background-image: none;
}

#submit {
width: 120px !important;
}

/* End Comments */

.single-image {
border: 10px solid /* #5c5c5c */ #000; 
float: left; 
display: inline; 
margin-right: 15px !important; 
margin-bottom: 5px;	
}

/* Home Page Feature */
.featured {
width: 858px;
height: 277px;
border: 5px solid #000;
float: left;
position: relative;
}

.featured-inside {
width: 310px;
/*height: 247px;*/
/* background-image: url(images/featured-bg.png); */
padding: 15px;
/* float: right; */
position: absolute;
bottom: 0;
left: 0;
}

.play-button {
background-image: url(images/play-video.png);
cursor: pointer;
width: 151px;
height: 58px;
float: left;
margin-left: 70px;
}

.play-button-hover {
display: none;
position: absolute;
margin-top: 5px;
margin-left: 4px;
}

.featured-content {
float: right;
width: 353px;
margin-right: 5px;
}

.next {
float: left;
margin-top: 127px;
cursor: pointer;
background-image: url(images/next.png);
position: relative;
width: 35px;
height: 34px;
}

.prev {
float: left;
margin-top: 127px;
cursor: pointer;
background-image: url(images/previous.png);
position: relative;
width: 35px;
height: 34px;
margin-left: 6px;
}

.next-button {
display: none;
position: absolute;
}

.prev-button {
display: none;
position: absolute;
}


#sections {
overflow:hidden;
width: 868px;
height: 287px;
margin: 0px;
float: left;
}

#sections ul {
margin: 0px;
list-style-image: none;
list-style-type: none;
padding: 0px;
width: 9000px;
}

#sections li {
margin: 0px;
padding: 0px;
float: left;
}

.overlay {
position: absolute;
top: 0px;
left: 0px;
height: 29px;
width: 189px;
background-image: url(images/thumbnail-overlay.png);
background-repeat: repeat-x;
}

#header2 {
width: 100%;
background-image: url(images/header-bg2.gif);
height: 287px;
float: left;
margin: 0px;
}

#header3 {
/* background-image: url(images/header-bg-2.gif);
background-position: bottom;
background-repeat: repeat-x; */
background-color: #000;
width: 100%;
margin: 0 auto;
position: relative;
height: 287px;
}