@charset "utf-8";
body {
	line-height: 20px;
	font-family: "Arial", Georgia, Times New Roman;
	font-size: 13px;
	color: #000000;
	padding-top: 20px;
	padding-bottom:20px;
	background-color: #f4f4f4;
	background-image: url(https://legendsofsuccess.com/img/bg.gif);
	background-repeat: repeat;
}

#container
{
	text-align: left;
    margin: 0 auto;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    background: #fff;
    border: 1px solid #000;
	border-radius: 7px;
	z-index: -1;
}

    #topheader
{
	padding: 5px 10px;
    margin: 5px;
    border: 1px solid #000;
}

#headerlogo
{
    padding-top: 10px;
    padding-bottom: 10px;
}


#topmenu
{
	padding: 3px;
}

#topmenu a
{
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    font-family: "Georgia", Times New Roman, Arial;
	font-weight: bold;
}

#topmenu a:hover {
	color: #FFFF99;
}

#pagebody
{
	padding: 5px 10px;
    margin: 5px;
    border: 1px solid #000;
	position: relative;
	z-index: 1;
}

.maincolleft
{
	text-align: left;
	padding: 5px;
}

.maincolright
{
	text-align: left;
	padding: 5px;
}

.maincolright2
{
	text-align: left;
	padding: 15px;
	background-color: #EFE2C8;
}

.fpboldblue
{
	font-size: 16px;
	font-weight: bold;
	color:#0033ff;
}

.fpboldblue2
{
	font-size: 14px;
	font-weight: bold;
	color:#0033ff;
}

.fpbolddarkblue
{
	font-size: 14px;
	font-weight: bold;
	color:#000099;
	text-align:center;
}

.pagetitle
{
	font-size: 16px;
	color: #16759d;
	font-weight: bold;
}

.sidemenuhome
{
	font-size: 14px;
	font-weight: bold;
}

.sidemenuitem
{
	font-size: 12px;
	font-weight: bold;
}

.dotdivider
{
	text-align: center;
	padding: 10px 0px;
}

.txtbold
{
	font-weight: bold;
}

.txtbold-under
{
	font-weight: bold;
	text-decoration: underline;
}

.greentitles
{
	text-align: center;
	font-size: 16px;
	color: #16759d;
	font-weight: bold;
}

.blacktitles
{
	text-align: center;
	font-size: 15px;
	color: #000000;
	font-weight: bold;
}

.contactbox
{
	display: block;
	padding: 30px;
	color: #737373;
	background: #fafafa;
	border: 1px solid #fafafa;
	-moz-box-shadow: inset 0 0 45px #e7e7e7;
	-webkit-box-shadow: inset 0 0 45px #e7e7e7;
	box-shadow: inset 0 0 45px #e7e7e7;	
}

.titlepix
{
	padding-right:7px;
}

#pixgallery
{
	margin: 5px;
	float: left;
	width: 280px;
}

#pixgallery img
{
  width: 100%;
  height: auto;
}

.desc
{
	font-size: 12px;
	padding: 0px 3px 3px 3px;
	line-height: 14px;
}

#footer
{	
	padding: 3px 20px;
	line-height: 15px;
	font-size: 12px;
	text-decoration: none;
 	font-weight: bold;
	background-color: #E6EAEE;
    color: #99AFBC;
}

 .col-1 {width: 8.33%;}
 .col-2 {width: 16.66%;}
 .col-2-5 {width: 19.2%;}
 .col-3 {width: 25%;}
 .col-4 {width: 33.33%;}
 .col-5 {width: 48%;}
 .col-6 {width: 50%;}
 .col-7 {width: 56.7%;}
 .col-8 {width: 66.66%;}
 .col-9 {width: 75%;}
 .col-10 {width: 83.33%;}
 .col-11 {width: 91.66%;}
 .col-12 {width: 100%;}

@media only screen and (min-width: 1200px)
{
	#container { width: 1024px;}
	#headerlogo {float: left;padding-left: 10px;}
	#topmenu {float: right;margin: 7px;border: solid 1px #000000;}
	#topmenu a {text-align: center; display: block;float: left;padding-top: 35px;padding-bottom: 35px;background-color: #16759D;}
	.maincolleft {float: left;}
	.maincolright {float: right;}
	.maincolright2 {float: right;}
	.desc {height: 115px;}
}


@media only screen and (min-width: 960px)
{
	#container { width: 940px;}
	#headerlogo {float: left;padding-left: 10px;}
	#topmenu {float: right;margin: 7px;border: solid 1px #000000;}
	#topmenu a {text-align: center; display: block;float: left;padding-top: 35px;padding-bottom: 35px;background-color: #16759D;}
	.maincolleft {float: left;}
	.maincolright {float: right;}
	.maincolright2 {float: right;}
	.desc {height: 115px;}
}


@media only screen and (max-width: 800px)
{
	[class*="col-"] {width: 100%;}
	#container { width: 780px;}
	#headerlogo {text-align: center;}
	#topmenu {float: none; text-align: center;border-top: solid 1px #000000;border-bottom: solid 1px #000000;padding: 8px 0px;background-color: #16759D;}
	#topmenu a {padding: 15px 5px;font-size: 12px;color: #fff;text-decoration: none;font-weight: bold;}
	.maincolleft {text-align: left;	padding: 2px;}
	.maincolright {text-align: left;padding: 2px;}
	.maincolright2 {text-align: left;padding: 2px;}
	.desc {height: 115px;}
}

@media only screen and ( max-width: 479px )
{
    [class*="col-"] {width: 100%;}
	#container { width: 325px;}
	#headerlogo {text-align: center;}
	#topmenu {float: none; text-align: center;border-top: solid 1px #000000;border-bottom: solid 1px #000000;padding: 8px 0px;background-color: #16759D;}
	#topmenu a {padding: 15px 5px;font-size: 12px;color: #fff;text-decoration: none;font-weight: bold;}
	.maincolleft {text-align: left;	padding: 2px;}
	.maincolright {text-align: left;padding: 2px;}
	.maincolright2 {text-align: left;padding: 2px;}
	.desc {height:auto;}
	}