/* CSS Document */


/*--- GLOBAL ---*/
body {
	padding: 0px;
	margin: 0px;
	background: url(../images/bg.jpg) repeat-x #a2bbca;
	font-family: arial;
	font-size: 11px;
	color: #276287;
}
form, ul {
	padding: 0px;
	margin: 0px;
}
img {
	padding: 0px;
	margin: 0px;
	border: none;
}




.outer-wrapper {
	width: 912px;
	margin: 0px auto;
	padding: 0px;
	background: #FFFFFF;
	border-left: solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;
}
.content-container {
	padding: 2px 0px 2px 0px;
}
.title {
	font-size: 13px;
	font-weight: bold;
}
.title2 {
	font-size: 14px;
	font-weight: bold;
	color: #FF9933;
}
.orange {
	color: #ff9c3b;
}
.black {
	color: #000000;
}
.red {
	color: #FF0000;
}
.fields {
	width: 120px;
	border: solid 1px #b3b9c3;
	margin-left: 5px;
	margin-bottom: 2px;
	font-size: 11px;
	color: #555555;
	padding: 2px 5px 2px 5px;
}
.fields:hover {
	background: #E8F5FD;
}
.btn {
	padding: 1px 2px 1px 2px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background: #5b8dac;
	border: solid 1px #9dbbcd;
}
.btn:hover {
	background: #3d6b88;
}






/*--- BANNER ---*/

.banner-top {
	height: 168px;
}
.banner-bottom {
	height: 15px;
}
.flash {
	height: 24px;
	text-align: right;
	padding: 0px;
	margin: 0px;
	border: 0px;
}





/*--- MENU ---*/
#menu {
	padding: 0px;
	margin: 0px;
	height: 21px;
	background: #ffab47;
	border-bottom: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	line-height: 21px;
}
#menu ul {
	padding: 0px 0px 0px 100px;
	margin: 0px;
}
#menu li {
	float: left;
	padding: 0px;
	margin: 0px;
	height: 21px;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	list-style: none;
}
#menu li a {
	background: #3d6b88;
	width: 124px;
	color: #FFFFFF;
	font-family: arial;
	font-size: 11px;
	display: block;
	padding-left: 5px;
	text-decoration: none;	
}
#menu li a:hover {
	background: #5b8dac;
}





/*--- RIGHT-PANE ---*/
#right-pane {
	width: 250px;
	margin-bottom:10px;
	float:right;
	margin-top: 10px;
}
#right-pane .wrapper {
	padding: 5px;
}
#right-pane .line {
	height: 12px;
	border-bottom: solid 1px #c8d6de;
}
#right-pane a {
	color:#FF9900;
	text-decoration: none;
}
#right-pane a:hover {
	color: #276287;
	
	text-decoration: none;
}





/*--- MAIN ---*/
#main {
	margin-right: 250px;
	border-right: solid 1px #c8d6de;
}
#main .wrapper {
	padding: 8px;
}
#main .services {
	 
	width: 800px;
	text-align: center;
	padding: 24px 0px 30px 0px;
	border-bottom: solid 1px #c8d6de;
	
}
#main .services li {
	padding: 0px 8px 0px 8px;
	margin: 0px;
	display: inline;
	list-style: none;
	width: 140px;
}
#main .content {
	padding-top: 5px;
	margin-bottom: 20px;
}
#main .content li {
	padding: 0px 0px 30px 10px;
	list-style: none;
}
#main .content li .in {
	padding: 5px 20px 10px 20px;
	text-align: justify;
}

#main .templatewrapper {
	width: 580px;
	padding: 0px;
	margin: 0px auto;
}
#main .templatetitle {
	padding: 5px 0px 5px 8px;
	background: #ebf3fb;
	border: solid 1px #2a5d8a;
	font-weight: bold;
	border-bottom: none;
}
#main .templatetitle a {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #2a5d8a;
	text-decoration: none;
	background: #ebf3fb;
}
#main .templatetitle a:hover {
	text-decoration: underline;
	color: #FF0000;
}
#main .templatecontent {
	padding: 5px 15px 5px 15px;
	color: #001144;
	border: solid 1px #2a5d8a;
	margin-bottom: 20px;
}
#main .templatecontent .findoutmore {
	text-align: right;
	border: none;
	padding-bottom: 5px;
}
#main .templatecontent .findoutmore img {
	border: solid 1px #CCCCCC;
}
#main .templatecontent .findoutmore img:hover {
	border: solid 1px #FF9900;
}
#main .template {
	padding: 20px 0px 10px 0px;
	width: 550px;
	margin: 0px auto;
	border: solid 1px #D6D6D6;
}
#main .template ul {
	padding: 0px 0px 0px 11px;
	margin: 0px;
	list-style: none;
}
#main .template li {
	list-style: none;
	float: left;
	width: 100px;
	text-align: center;
	border: solid 1px #E6E6FF;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	margin-bottom: 5px;
	margin-left: 2px;
	margin-right: 2px;
}
#main .template li:hover {
	background: #ECF5FF;
}
#main .template li a {
	color: #0033CC;
}
#main .template li a:hover {
	color: #FF9900;
	text-decoration: underline;
}
#main .template img {
	border: solid 1px #0066CC;
}
#main .template img:hover {
	border: solid 1px #FF9900;
}
#main .templatepage {
	padding: 0px;
	text-align: center;
}
#main .templatepage ul {
	padding: 10px 0px 10px 0px;
	margin: 0px;
	list-style: none;
}
#main .templatepage li {
	padding: 0px 5px 0px 5px;
	display: inline;
	color: #0066CC;
	background: #f0f0f0;
}
#main .templatepage li a {
	text-decoration: none;
	color: #0066CC;
}
#main .templatepage li a:hover {
	color: #FF0000;
}
#main .template-category {
	text-align: center;
	background: #DFF2FD;
	border: solid 1px #8EB6E6;
	font-weight: bold;
	color: #003399;
	width: 545px;
	margin: 0px auto;
	padding: 2px;
}





/*--- FOOTER ---*/
#footer {
	height: 34px;
	padding-top: 8px;
	text-align: center;
	background: #5b8dac;
	margin-bottom: 20px;
	color: #FFFFFF;
	font-size: 10px;
}
#footer li {
	display: inline;
}
#footer li a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer li a:hover {
	color: #000000;
}



.success {
	padding: 10px 30px 10px 10px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}








/*--- NEEDS & ANALYSIS ---*/
#needs {
	padding: 10px 20px 10px 20px;
	font-size: 10px;
}
#needs .set {
	padding: 10px 0px 10px 0px;
	border: solid 1px #2a5d8a;
}
#needs .maintitle {
	font-size: 13px;
	font-weight: bold;
	background: #ebf3fb;
	padding: 5px;
	border-top: solid 1px #2a5d8a;
	border-right: solid 1px #2a5d8a;
	border-left: solid 1px #2a5d8a;
	margin-top: 20px;
}
#needs .set .fields1 {
	width: 250px;
	border: solid 1px #b3b9c3;
	margin-left: 5px;
	margin-bottom: 2px;
	font-size: 11px;
	color: #555555;
	padding: 2px 5px 2px 5px;
}
#needs .set .fields2 {
	width: 110px;
	border: solid 1px #b3b9c3;
	margin-left: 5px;
	margin-bottom: 2px;
	font-size: 11px;
	color: #555555;
	padding: 2px 5px 2px 5px;
}
#needs .set .fields3 {
	width: 400px;
	border: solid 1px #b3b9c3;
	margin-left: 5px;
	margin-bottom: 2px;
	font-size: 11px;
	color: #555555;
	padding: 2px 5px 2px 5px;
}
#needs .set .txtarea {
	height: 70px;
	width: 300px;
	border: solid 1px #b3b9c3;
	margin-left: 5px;
	margin-bottom: 2px;
	font-size: 11px;
	color: #555555;
	padding: 2px 5px 2px 5px;
}
#needs .set .ftitle {
	font-weight: bold;
	background: #ECF5FF;
	color: #003366;
	padding: 2px 0px 2px 5px;
}
#needs .set .ftitle2 {
	font-weight: bold;
	background: #ECF5FF;
	color: #003366;
	padding: 2px 0px 2px 5px;
	margin-top: 7px;
}

div.blockerall{
left: 0px;
top: 0px;
background-color: #333333;
  filter:alpha(opacity=60);
  opacity:0.6;
position: absolute;
display: block;
width: 100%;
}

#creditCardForms{
position: absolute;
display: block;
top: 25%;
left: 20%;
right:20%;
}

#productlogo{
float:left;
width:120px; 
margin: 10px 25px 10px 20px;
}

#productlogo table{
border:solid 1px  #0099CC;


}

#productcontent{ 
 
text-align:center;
margin-top: 20px;
border:  solid thick #FF9900;

padding:5px;

}