@charset "utf-8";
body {
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #D8D1BF;
	margin: 0px;
	padding: 0px;
	background-image: url(elements/tile.jpg);
	background-repeat: repeat;
}
a, a:link, a:visited{
	text-decoration: underline;
	color: #960000;
}
a:hover, a:visited:hover {
	color: #023131;
	text-decoration: underline;
}
ul.list {
	padding-top: 2px;
	padding-bottom: 8px;
	padding-left: 20px;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul.list li {
	padding-bottom: 4px;
	list-style-type: none;
	background-image: url(elements/bullet.png);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	padding-left: 14px;
	font-size: 12px;
}
ul.expertise {
	font-size: 18px;
	font-weight: normal;
}
ul.expertise  li {
	padding-bottom: 12px;
	list-style-type: circle;
	padding-left: 4px;
	list-style-position: outside;
}
ul.homelist  {
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-left: 16px;
	font-size: 16px;
	line-height: 20px;



}
ul.homelist  li{
	list-style-type: none;
	text-align: left;
	text-indent: 0pt;
	padding-left: 24px;
	margin-bottom: 6px;
	background-image: url(elements/bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;

}
h1 {
	font-size: 32px;
	color: #000000;
	margin-top: 4px;
	margin-bottom: 12px;
	line-height: 36px;
}
h3 {
	font-size: 17px;
	color: #000066;
	margin-top: 4px;
	margin-bottom: 8px;
	line-height: 22px;
}

#fullwidth {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	text-align: left;
	margin-top: 0px;
	width: 100%;
}
#socialmedia {
	right: 0px;
}
#socialmedia table {
	margin-right: 24px;
}
#socialmedia td {
	padding: 4px;
}
#socialmedia img {
	height: 24px;
	width: 24px;
}
#content {
	background-image: url(https://commonelements.net/common/elements/fade_20.png);
}
#main {
	font-size: 16px;
	color: #003300;
	line-height: 21px;
	padding: 16px;
}
#footer {
	font-size: 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: #4C4C4C;
	padding-top: 30px;
	padding-bottom: 30px;
}
#footer  a, .footer  a:link, .footer  a:visited {
	text-decoration: none;
	color: #960000;
}
#footer  a:hover, .footer  a:visited:hover {
	color: #C50034;
}
.border {
	border: 1px solid #666666;
}


.blackback  {
	background-color: #000000;
}
.blackback   td.fill   {
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 24px;
}
.blacklink {
	color: #D3D3D3;
	font-size: 13px;
	line-height: 18px;
}
.blacklink b{
	color: #FFFFFF;

}
.blacklink a, .blacklink a:link, .blacklink a:visited {
	text-decoration: none;
	color: #E5E7E6;
	font-weight: normal;
}
.blacklink a:hover, .blacklink a:visited:hover {
	color: #D5CB52;
	text-decoration: none;
}
.light {
	color: #000000;
}
.light a, .light a:link, .light a:visited {
	color: #90252F;
	text-decoration: none;
}
.light a:hover, .light a:visited:hover {
	color: #FF0000;
	text-decoration: none;
}
.light img {
	border-color: #90252F;
}
.light a:hover img {
	border-color: #D70307;
}
.dark {
	color: #FFFFFF;
}
.dark a, .dark a:link, .dark a:visited {
	color: #90252F;
	text-decoration: none;
}
.dark a:hover, .dark a:visited:hover {
	color: #FF0000;
	text-decoration: none;
}
.dark a img {
	border-color: #90252F;
}
.dark a:hover img {
	border-color: #D70307;
}
.fadelink a, .fadelink a:link, .fadelink a:visited {
	opacity:1;
}
.fadelink a:hover, .fadelink a:visited:hover {
	opacity:0.6;
}
.media a, .media a:link, .media a:visited {
	background-image: url(https://commonelements.net/common/elements/social_icons.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	display: block;
}
.facebook a, .facebook a:link, .facebook a:visited  {
	background-position: 0px -30px;
}
.facebook a:hover, .facebook a:visited:hover {
	background-position: 0px 0px;
}
.twitter a, .twitter a:link, .twitter a:visited  {
	background-position: -30px -30px;
}
.twitter a:hover, .twitter a:visited:hover {
	background-position: -30px 0px;
}
.linkedin a, .linkedin a:link, .linkedin a:visited  {
	background-position: -60px -30px;
}
.linkedin a:hover, .linkedin a:visited:hover {
	background-position: -60px 0px;
}
.googleplus a, .googleplus a:link, .googleplus a:visited  {
	background-position: -90px -30px;
}
.googleplus a:hover, .googleplus a:visited:hover {
	background-position: -90px 0px;
}
.light1 {
	color: #A1A1A1;
}
.light2 {
	color: #D5CB52;
}
.light3 {
	color: #77D6EA;
}
.dark1 {
	color: #000066;
}
.dark2 {
	color: #786777;
}
.dark3 {
	color: #37BBC7;
}
.bar1 {
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #786777;
}
.bar2 {
	background-image: url(elements/grad2.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #DD3F00;
}

.bar3 {
	font-size: 14px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #998979;
	background-image: url(elements/grad3.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

.thumb{
	text-decoration: none;
	text-align: left;
	float: left;
}
.thumb a, .thumb a:link, .thumb a:visited, .thumb a:hover, .thumb a:visited:hover {
	display: block;
	color: #FFFFFF;
}
.thumb img {
	background-image: url(elements/video_button.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	border: 1px solid #333333;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.thumb img:hover         {
	background-image: url(elements/video_button_hover.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	border: 1px solid #727272;
}
#landingplate .land.tapestry a:hover{
	background-image: url(elements/landing-tapestry.png);
}
#panelscroll {
	width: 700px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
	white-space: nowrap;
}
.controltable {
	margin-left: auto;
	margin-right: auto;
	border: 3px ridge #37384C;
	padding: 10px;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #000000;
	text-align: right;
	display: table;
	height: 22px;
}

.control {
	text-align: center;
	float: left;
	height: 22px;
	width: 36px;
	margin-left: 8px;
	margin-right: 8px;
}
.control.label{
	width: auto;
	margin-left:24px;
}
.control img{
	background-image: url(elements/control_back.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.control img:hover {
	background-position: 0px -30px;
}
