/* Web CSS for: AmeriFlex ePOP
   Programmed by: Optime Productions
   Last Updated: 3/08/2006
****************************************************************/

/* Main Body Elements
****************************************************************/
body {
	margin: 0;
	font: 10px/1.6 Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/layout/bkgd.gif);
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-color: #000000;
	color: #333333;
	height: 100%;
	SCROLLBAR-FACE-COLOR: #666699;
    SCROLLBAR-HIGHLIGHT-COLOR: #757b85;
    SCROLLBAR-SHADOW-COLOR: #c8cdd4;
    SCROLLBAR-ARROW-COLOR: #ccccff;
    SCROLLBAR-TRACK-COLOR: #8e8ec1;
    SCROLLBAR-BASE-COLOR: #333366;
    scrollbar-dark-shadow-color: #BCC4CE;
    scrollbar-3d-light-color: black;
	}

p	{
	margin: 0 0 1em 0;
	font-size: 1.2em;
	color: #333333;
	text-align: justify;
	}

h1	{
	margin: 0 0 0 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	color: #F37520;
	background-color: inherit;
	text-transform: capitalize;
	}
	
h2	{
	margin: 0 0 0 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #525179;
	background-color: inherit;
	text-transform: capitalize;
	}
	
sup {
	font-size: 0.9em;
}

li {
	margin: 0 0 0 0em;
	font-size: 1.1em;
	color: #525179;
	line-height: 1.3em;
}

/* Structure IDs
****************************************************************/
#siteWrap {
	width: 760px;
	height: 100%;
	color: inherit;
	background-color: #FFFFFF;
	background-image: url(../images/layout/wrap_bkgd.gif);
	background-repeat: repeat;
	margin: auto;
	/*padding-bottom: 10px;*/
	}

#topBox {
	background-image: url(../images/layout/top_nav_bkgd.gif);
	height: 48px;
	width: 760px;
	}
	
#logo {
	width: 200px;
	padding-left: 25px;
	padding-top: 8px;
	position: relative;
	float: left;
	}

#leftCol {
	margin: 0px;
	background-color: #D7D9C1;
	width: 222px;
	height: 100%;
	clear: both;
	float: left;
	}
	
#rightCol {
	margin: 0px;
	background-color: #FFFFFF;
	width: 538px;
	height: 100%;
	float: right;
	}
	
#nav {
	margin: 0px;
	padding-top: 8px;
	background-color: inherit;
	width: 100%;
	height: 118px;
	position: relative;
	float: left;
	text-align: right;
	}
	
#bwp {
	margin: 0px;
	background-color: inherit;
	width: 222px;
	height: 106px;
	position: relative;
	float: left;
	margin-bottom: 100px;
	}

#topImg {
	height: 228px;
	width: 312px;
	clear: right;
	}

#sepLine {
	height: 4px;
	width: 538px;
	clear: right;
	}
	
#content {
	width: 538px;
	clear: right;
	}
	
#welcome {
	clear: both;
	background-color: #FFFFFF;
	}
	
#welcome_txt {
	background-color: inherit;
	margin-left: 30px;
	margin-right: 50px;
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: justify;
	}
	
#welcome p {color: #525179;}
#welcome a {color: #525179; font-weight: bold; text-decoration: none; background-color: inherit;}
#welcome a:hover {color: #525179; font-weight: bold; text-decoration: underline; background-color: inherit;}

#home {
	clear: both;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
#home p {color: #525179;}
#home a {color: #525179; font-weight: bold; text-decoration: none; background-color: inherit;}
#home a:hover {color: #525179; font-weight: bold; text-decoration: underline; background-color: inherit;}

#home_txt {
	background-color: inherit;
	width: 484px;
	margin-left: 30px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: justify;
	border-right: solid;
	border-right-color: #CCCCCC;
	border-right-width: 1px;
	}

#logos {
	background-color: #FFFFFF;
	width: 220px;
	height: 285px;
	position: relative;
	float: right;
	text-align: center;
	padding-top: 45px;
	}

#services {
	background-color: #7585C0;
	background-image: url(../images/layout/arsenal.jpg);
	border-top: solid;
	border-top-color: #000000;
	border-top-width: 4px;
	width: 100%;
	height: 255px;
	}
	
#services_txt {
	background-color: inherit;
	margin-left: 30px;
	margin-right: 300px;
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: justify;
	}
	
#services p {
	color: #FFFFFF;
	font-size: 11px;
	line-height: 14px;
	text-align: justify;
	}
	
#services h1 {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	}
	
#services li {
	margin: 0 0 0 0em;
	font-size: 1.1em;
	color: #FFFFFF;
	line-height: 1.2em;
}
	
#services a {color: #FFFFFF; font-weight: normal; text-decoration: none; background-color: inherit;}
#services a:hover {color: #FFFFFF; font-weight: normal; text-decoration: underline; background-color: inherit;}

#footer {
	clear: both;
	}


/* Structure Classes
****************************************************************/
	
.navBtns {
	margin-bottom: 8px;
	}
.topnav
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
A.topnav:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #666699;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
.topnavselect
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
A.topnavselect:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
.leftnav
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
A.leftnav:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #ccccff;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
TD
{
    FONT-SIZE: 11px;
    COLOR: #404040;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
.dark
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
.header
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
.text
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
A.text:hover
{
    FONT-SIZE: 11px;
    COLOR: #666699;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
.clientname
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial
}
.red
{
    FONT-SIZE: 11px;
    COLOR: red;
    FONT-FAMILY: Verdana, Arial
}
.SideNav {

    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
A.SideNav:hover {

    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
	
	
/* End CSS File
****************************************************************/