body 

{

}

#maincontainer

{
background: white;
position: absolute;
top: 0px;
left: 0px;
}


#header

{
background: #202020;
background: -webkit-linear-gradient(#202020, #404040); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#202020, #404040); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#202020, #404040); /* For Firefox 3.6 to 15 */
background: linear-gradient(#eee, #fff); /* Standard syntax */

z-index:99999;
}

#topheader

{
text-align: center;
padding-top: 10px;
}

#titlelink

{
Font-family: arial;
letter-spacing: 1px;
font-weight: 300;

}

#titlelink2

{
Font-family: arial;
letter-spacing: 2px;
font-weight: 300;
}

#titlelink a:link {color: #2FBB00; text-decoration: none; font-size: 200%;}
#titlelink a:visited {color: #2FBB00; text-decoration: none; font-size: 200%;}
#titlelink a:hover {color: #2FBB00; text-decoration: none; font-size: 200%;}

#titlelink2 a:link {color: #444; text-decoration: none; font-size: 85%;}
#titlelink2 a:visited {color: #444; text-decoration: none;font-size: 85%;}
#titlelink2 a:hover {color: #444; text-decoration: none; font-size: 85%;}


#nav

{
}

#nav2

{
background: #f5f5f5;
border-radius: 10px;
margin: auto;
left: 0; right: 0;
text-align: center;
margin-top: 15px;
}



/* Dropdown menu */

#dropdown

{
font-family: verdana;
}

#dropdown ul ul 

{
display: none;
}

#dropdown ul li:hover > ul 

{

width: 25px;
display: block;
}


#dropdown ul 

{

padding: 0 20px;
list-style: none;
position: relative;
display: inline-table;

}


/* Direction of links in top horizontal menu */

#dropdown ul li 

{
float: left;
}

/* Appearance of unhovered top-links */
	
#dropdown ul li a 

{
color: #30C200;
display: block;
padding: 3px 7px;
text-decoration: none;

font-size: 95%;
}


/* Appearance of hovered top-links */

#dropdown ul li:hover 

{
background: #2FA600;
border-radius: 10px;
}


/* Appearance of hovered text in all links */

#dropdown ul li:hover a 

{
color: white;
}


/* End of dropdown menu */


#left

{
display: none;
}

#content

{
width: 90%;
margin: auto;
left: 0; right: 0;
font-family: georgia;
margin-bottom: 10px;
font-weight: 400;
color: #333;
line-height: 140%;
font-size: 115%;


}

h1 

{
font-family: "Trebuchet MS";
font-size: 150%;
font-weight: 200; 
color: #333;
text-align: center;
line-height: 125%
}
 
h2 

{
font-family: "Trebuchet MS";
font-size: 125%;
font-weight: bold;
color: #222;
line-height: 125%
}

h3

{
font-family: "Trebuchet MS";
font-size: 105%;
font-weight: bold;
color: #222;
line-height: 125%
}

a:link {color: #30C200; text-decoration: none;}
a:visited {color: #248F00; text-decoration: none;}
a:hover {color: #2AA800; text-decoration: underline;}

img 

{

}

#content li

{
font-size: 90%;
color: #444;
margin-bottom: 12px;
margin-right: 5px;
}

table

{
font-size: 100%
}

#linklist ul

{
list-style: none;

line-height: 110%;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
}

#linklist li

{
font-size: 100%;
margin-bottom: 15px;
}

#categorylistingbox

{
margin: 5px;
margin: 5px;
padding: 5px;
padding-left: 30px;
padding-right: 30px;
background: #F7F7F7;
box-shadow: 3px 3px 9px #bbb;
border-radius: 10px;
}

#maincategorybox

{
margin: 5px;
padding: 5px;
padding-left: 30px;
padding-right: 30px;
background: #eee;
box-shadow: 3px 3px 9px #bbb;
border-radius: 10px;
}

.categorytitle a:link {color: #333; text-decoration: none; }
.categorytitle a:visited {color: 333; text-decoration: none;}
.categorytitle a:hover {color: #333; text-decoration: none; }

.index a:link {color: #30C200; text-decoration: none;  line-height: 175%; }
.index a:visited {color: #248F00; text-decoration: none; line-height: 175%; ;}
.index a:hover {color: #2AA800; text-decoration: underline; line-height: 175%; }


#criteria

{
margin: 5px;
padding: 5px;
padding-left: 30px;
padding-right: 30px;
background: #eee;
box-shadow: 3px 3px 9px #bbb;
border-radius: 10px;
}

#planexample

{
font-size: 90%;
font-family: verdana;
padding: 5px;
padding-left: 30px;
padding-right: 30px;
background: #eee;
box-shadow: 3px 3px 9px #bbb;
border-radius: 10px;
background: #e5e5ff;
color: #575757;
}

#typo

{
display: none;
}

#footerspaces

{
display: none;
}

#medfooterspaces

{
display: none;
}

#largefooterspaces

{
display: none;
}


#searchbox

{
display: none;
}

#right

{
display: none;
}

/* Footer */


#footer

{
font-size: 75%;
margin-bottom: 10px;
width: 90%;
margin: auto;
left: 0; right: 0;


}


#footerblock

{
margin: 0px 0px 0px 0px;

}

.footerlink a:link {color: #777; text-decoration: none; font-weight: bold; line-height: 125%; font-size: 125%;}
.footerlink a:visited {color: #777; text-decoration: none; font-weight: bold; line-height: 125%; font-size: 125%;}
.footerlink a:hover {color: #777; text-decoration: underline; font-weight: bold; line-height: 125%; font-size: 125%;}

#footerbook

{
display: none;
}

.afl-social-pro-visual{
			width: auto;
			padding:5px 15px;
			margin: 0px -5px 0px -10px;
			background-color: #f7f7f7;
			position: relative;
			display: block;
		}
		.clearfix {clear: both;content: '';}
		.afl-social-pro-visual span{font-family: verdana; font-size:11px;color: #929292; font-weight: bold; }
		.afl-social-pro-visual hr{border: #d9d9d9 dashed 2px;}
		.afl-social-pro-visual hr.top{margin-top: 3px;}
		.afl-social-pro-visual hr.top{margin-bottom: 15px;}
		
		.afl-social-pro-visual .image-container,
		.afl-social-pro-visual .text-container{
			width: 50%;
			position: relative;
			display: inline-block;
			float: left;
		}

		.afl-social-pro-visual .text-container .inner-text{
			width: auto;
			padding-left: 0px;
			padding-right: -50px;
			margin-right:-50;
		}

		.afl-social-pro-visual .image-container img{
			width: 100%;
			border: 0!important; 
			box-shadow:none!important; 
			-webkit-box-shadow:none!important; 
		}

		/*8px*/

		.afl-social-pro-visual ul{padding-left: 15px;margin-top: 0px; }

		.afl-social-pro-visual ul li{
			list-style: none;
			margin-left: 30px;
			text-indent: -30px;
			line-height:normal;
			font-size: 100%!important;
			color:#333!important;
		}

		.afl-social-pro-visual ul li:before{
			content: '';
			display: inline-block;
			height: 15px;
			width: 15px;
			background-image: url('checkmark.png');
			background-repeat: no-repeat;
			background-position: left;
			background-size: contain;
			margin-right: 13px;
			vertical-align: middle;
		}

		.afl-social-pro-visual a.buttonlink1{
			display: block;
			border: none;
			padding: 8px 12px 8px 30px;
			margin: 20px 0px 15px 35px;
			color: #fff;
			outline-style: none;
			border-radius: 3px;
			width: 60%;
			cursor: pointer;
			box-shadow: 0 5px 0 #b7161c;
			text-align: center;
			font-family: Verdana, Helvetica, Arial, sans-serif;
			font-weight:bold;
			text-decoration: none;
			background:  #ed1c24 url('white-play-48.png') no-repeat;
			background-size: 25px 25px; 
			background-position: 3% 50%;
		
		}

		.afl-social-pro-visual a.buttonlink1:hover{background-color: #fc1e26;}


		@media (max-width: 750px){
		.afl-social-pro-visual a.buttonlink1{padding: 6px 0px;}

 				.afl-social-pro-visual .image-container{width: 35%;}
		.afl-social-pro-visual .text-container{width: 65%;}

		}


		@media (max-width: 500px){ 
			.afl-social-pro-visual .image-container,  .afl-social-pro-visual .text-container{
				width: 100%;
			}

			.afl-social-pro-visual .image-container img{
				width: 60%;
				display: block;
				margin: 15px auto;
			}
				.afl-social-pro-visual ul{
			    padding-left: 13px;
			}
			.afl-social-pro-visual ul li{
				margin-left: 30px;
				text-indent: -40px;
			}
			.afl-social-pro-visual .text-container .inner-text{
				padding: 0px;
			}
			.afl-social-pro-visual a.buttonlink1{width: 85%; margin:15px 0px; padding: 12px 0px;}
		}
