html {
    height: 100%;
}

body {
font-family: Arial;
color: #727272;
background: #A5C6FF ; /* Old browsers */
background: -moz-linear-gradient(top,  #28387a 0%, #a5c6ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #28387a 0%,#a5c6ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #28387a 0%,#a5c6ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28387a', endColorstr='#a5c6ff',GradientType=0 ); /* IE6-9 */
background-repeat: no-repeat;
background-attachment:fixed;
background-color: #A5C6FF;
}

h1, h2, h3, h4, h5, h6 {
color: rgb(26, 134, 230);
}

h1, h2, h3, h4, h5, h6, p {
    margin: 5px 0px;
}

a { 
	color: rgb(26, 134, 230); 
	text-decoration:none; }
a:hover { 
	Color: #000000; 
	text-decoration:none; }

header {
    width: 250px;
    text-align: center;
    float: left;
}

header h2 {
    font-size: 16px;
    font-weight: normal;
}

footer {
    font-size: 12px;
}

footer ul {
    list-style: outside none none;
    display: block;
    margin: 0px;
    padding:0px;
}

footer li {
    display: block;
    float: left;
    border-right: 1px solid #DDD;
    padding: 0px 16px;
}

footer li:last-child {
	border-right: none;
	padding-right:0px
}
footer li:first-child {
	border-left: none;
	padding-left:0px
}



nav ul {
    list-style: outside none none;
    display: block;
    float: right;
    margin: 0px;
    padding-left:0px;
}

nav li {
    display: block;
    float: left;
    border-right: 1px solid #DDD;
    padding: 0px 16px;
}

nav li:last-child {
	border-right: none;
	padding-right:0px
}

#bigbox {
    max-width: 1000px;
    margin: 30px auto;
    background-color: rgb(255, 255, 255);
    padding: 30px;
    box-sizing: border-box;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000;
}

#contentbox, footer {
    clear: both;
    padding-top: 18px;
}

#contentbox p {
    margin: 16px 0px;
}

.sectionname {
    border-top: 1px solid #DDD;
    padding-top: 25px;
}

.cliplibrary ul {
	list-style: outside none none;
	padding: 0px;
}

.cliplibrary ul li {
    width: 215px;
    border: 1px solid #DDD;
    margin: 10px;
    padding: 19px;
    box-sizing: border-box;
    float: left;
    text-align: center;
    min-height: 180px;
    display: table-cell;
    border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

.cliplibrary a {
    width: 100%;
    height: 100%;
    display: block;
}

.inverted a:hover {
    color:#ffffff;
}

.cliplibrary li:hover {
-webkit-box-shadow: 1px 3px 17px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 3px 17px -1px rgba(0,0,0,0.75);
box-shadow: 1px 3px 17px -1px rgba(0,0,0,0.75);
}

.gallery li {
	min-height: 295px !important;
}

.gallery img {
    max-width: 85%;
    height: auto;
}

.inverted {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}


@media screen and (max-width: 1030px) {
	.cliplibrary ul li {
    width: 30%;
    
}

#bigbox { margin:0px;}
	
}

@media screen and (max-width: 795px) {
	.cliplibrary ul li {
    width: 45%;
}
	
}

@media screen and (max-width: 560px) {
	.cliplibrary ul li {
    width: 100%;
}

header {
    width: 100%;
    text-align: center;
    float: none;
}



nav li {
    display: inline;
    float: left;
    border-right: 1px solid #DDD;
    padding: 0px 10px;
    font-size: 13px;
}

nav ul {
    margin-left: auto;
    margin-right: auto;
    float: none;
    width: 260px;
}

nav li:first-child {
    padding-left: 0px;
}
	
}