/* stylesheet.css */

/* special fonts */
@font-face {
    font-family: 'christmas';
    src: url('fonts/MountainsofChristmas-webfont.eot');
    src: url('fonts/MountainsofChristmas-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/MountainsofChristmas-webfont.woff') format('woff'),
         url('fonts/MountainsofChristmas-webfont.ttf') format('truetype'),
         url('fonts/MountainsofChristmas-webfont.svg#mountains_of_christmasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Style rule for the body element */
body {
	background-color: #000000;
	color: #000000;
	font-family: "Comic Sans MS", cursive;
	font-size: 12pt;
}

a {
	color: #3366CC;
	font-weight:bold;
}
a:link, a:visited {
	color: #3366CC;
}
a:hover, a:active {
	color:rgba(51,51,51,1);
}

/* Style rule for the wrapper div */
#wrapper {
 width: 1020px;
 background-color:#ffffff;
 min-width: 600px;
 max-width: 1200px;
 margin: 1em auto;
 border: solid 2px #4c2e16;
 border-radius: 20px;
 box-shadow: 18px 18px 18px silver;
}
/* Eliminate default margins for all heading types */
/* h1, h2, h3, h4, h5, h6 {
 margin: 0;
} */
/* Make HTML5 layout elements block elements for older browsers */
header, nav, aside, article, footer, section {
 display: block;
}
/*================================== Layout Sections */
/*======== Styling for page header */
header {
	height: 150px;
	margin-bottom: 10px;
	/* Background color, image, position */
    background-color: #ffffff;
	/* Round the top corners */
    border-top-left-radius: 18px;
	border-top-right-radius: 18px;
	background-position: left center;
	padding: 25px 0 25px 0; /* top right bottom left  */
}
header h1 {
	font-family: christmas, Tahoma, sans-serif;
	font-size: 72px;
	text-align:center;
	color:rgba(51,51,51,1);
}
/* Section containing multiple columns */
.columns {
 display: table;
 border-collapse: collapse;
 width: 100%;
 /* border is optional, style to taste */
 border: solid 1px silver;
 }
 /* Aside columns in columns div */
.columns aside {
 display: table-cell;
 /* Use any width and padding you like */
 width: 25%;
 padding: 1%;
 }
/* Main article in the columns */
.columns article {
 padding: 1%;
}
/*Optional, style to taste */
.columns .left {
 background-color: #ddd;
 border-right: solid 1px gray;
 text-align: center;
}
.columns .right {
 background-color: #ddd;
 border-left: solid 1px gray;
 text-align: center;
 float: right;
}
.columns aside img {
  width: 150px;
}
/*======== Styling for the nav section */
nav {
	clear:both;
	width: 100%;
	background-color: rgba(204,204,204,1);
	text-align: center;
	font-family: christmas, Tahoma, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
/*======== Styling for links in the nav section */
nav a {
	display: inline-block;
	/* blue */
	color:rgba(51,51,51,1);
	font-family: christmas, Arial, Helvetica, sans-serif;
	/* Bigger text */
	font-weight: bold;
	text-align: center;
	font-size: 22px;
	outline: none;
	text-decoration: none;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
nav a:link, nav a:visited {
	color:rgba(51,51,51,1);
}
nav a:hover, nav a:active {
	color: #3366CC;
}
article {
	background-color:#ffffff;
	padding: 10px;
}
p:first-letter {
	font-size:36px;
}
footer {
	font-size: 12px;
	background-color:rgba(204,204,204,1);
	text-align:center;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
    border-bottom-left-radius: 18px;
	border-bottom-right-radius: 18px;
}
.clienttable {
	background-color:rgba(238,240,251,1);
	text-align:center;
	margin:0 auto;
	width: 90%;
	border:5em;
}
.clienttable tr td img {
	width: 200px;
	border: none;
}
.clienttable tr td:nth-child(1) {
	width: 35%;
	border: none;
}
.clienttable tr td:nth-child(2) {
	width: 65%;
	border: none;
	text-align:left;
}