@charset "utf-8";

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
/* ,b,u,i,ol, center */
,#slider ul
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
font-size:16px;
}

ul, li {
font-size:13px;
padding:0px 0px -20px 0px;
}

strong, b {
	font-weight: bold;
}

.page-section {
margin:0px;
length:350px;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

.SC { 
padding: 0px 0px 7px 12px;
font-size:20pt;
color:white;
background-color:#720711;
height:30px;
width:100%;
}

.Alum { 
padding: 0px 0px 7px 12px;
font-size:20pt;
color:white;
background-color:#008CEA;
height:30px;
width:100%;
}

.SJ { 
padding: 0px 0px 7px 12px;
font-size:20pt;
color:#F0BC4C;
background-color:#4097D8;
height:30px;
width:100%;
}

.Davis { 
padding: 0px 0px 7px 12px;
font-size:20pt;
color:#255891;
background-color:#D69C0B;
height:30px;
width:100%;
} 

.Cal { 
padding: 0px 0px 7px 12px;
font-size:20pt;
color:#FEB211;
background-color:#000070;
height:30px;
width:100%;
}

.Tritons { 
padding: 0px 0px 7px 12px;
font-size:20pt;
color:#000070;
background-color:#D69C0B;
height:30px;
width:100%;
}

.SLIET {
padding: 0px 0px 7px 12px;
font-size:20pt;
color:white;
background-color:#1D3E9D;
height:30px;
width:100%;
}

.Poly {
padding: 0px 0px 7px 12px;
font-size:20pt;
color:#EFEC91;
background-color:#003D29;
height:30px;
width:100%;
}



.grayback {
background-color:#E6E6E6;
width:800px;
height:300px;
border: 1px solid #666666;
padding:21px;
border-radius:6px;
style:inline;
}

.tilt1 {
-webkit-transform:rotate(-8deg);
-moz-transform:rotate(-8deg);
-o-transform:rotate(-8deg);
z-index:0;
}

img.tilt1:hover
{
-webkit-transform:rotate(-8deg);
-moz-transform:rotate(-8deg);
-o-transform:rotate(-8deg);
}
.tilt2 {
-webkit-transform:rotate(7deg);
-moz-transform:rotate(7deg);
-o-transform:rotate(7deg);
}
.tilt3 {
-webkit-transform:rotate(-11deg);
-moz-transform:rotate(-11deg);
-o-transform:rotate(-11deg);
}

.tilt4 {
-webkit-transform:rotate(6deg);
-moz-transform:rotate(6deg);
-o-transform:rotate(6deg);
z-index:0;
}

.tilt5 {
-webkit-transform:rotate(-5deg);
-moz-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
z-index:0;
}

.tilt6 {
-webkit-transform:rotate(7deg);
-moz-transform:rotate(7deg);
-o-transform:rotate(7deg);
z-index:0;
}

body
{
	background: #fff;
	font-family:'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

.regbox {
	font-size: 15px;
	width:185px;
	height:20px;
	padding: 3px 10px 3px 3px;
	overflow: hidden;
}
.longbox {
	font-size: 15px;
	width:280px;
	height:20px;
	overflow: hidden;
}
.commentbox {
	font-size: 15px;
	width:490px;
	height:80px;
	overflow: auto;
	text-indent:0px;
}
.leftside {
padding:0px 5px 0px 0px;
}
.regmenu {
	font-size: 15px;
	width:185px;
	height:25px;
}

.textform {
font-size:12px;
}

.contactbrush {
padding:30px 5px 0px 0px;
}

.paragraphs {
font-size:16px;

}

.justforyou {
padding:41px 0px 0px 0px;
}

.getandgoicons {
padding:50px 30px 0px 0px;
}

.twoicons {
width:310px;
position:absolute;
top:32em;
left:-6px;
}

.marketing {
padding:35px 20px 0px 10px;
}

h2
{
	font-size:1.25em;
	font-weight:bolder;
	margin-top:1em;
}

h4 {
font-family: open sans, 'Cutive', sans-serif;
	font-size: 19px;
	font-weight:600;
	color: #555;
}

h5 {
font-family: open sans, 'Cutive', sans-serif;
	font-size: 19px;
	font-weight:600;
	color: #555;

}

a
{
	color: #008ae4;
	text-decoration:none;
}

a:hover, a:active
{
	text-decoration:none;
	border-bottom: 1px dotted #008ae4;
	padding-bottom: 1px;
}

#bg-top
{
	background-color: #555;
	background-image: url('images/opttown-index-repeating-sprite.png');
	background-position: 0 -10px;
	background-repeat: repeat-x;
	box-shadow: 0 1px 5px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.75);
	height: 75px;
}

#hero-bg
{
	background-image: url('images/opttown-index-repeating-sprite.png');
	width: 100%;
	top: 75px;
	height: 308px;
	position: absolute;
	z-index: -1;
	background-position: 0 -95px;
}

#hero-bg-short
{
	background-image: url('images/opttown-index-repeating-sprite.png');
	width: 100%;
	top: 75px;
	height: 100px;
	position: absolute;
	z-index: -1;
	background-position: 0 -95px;
}

#cloud-left, #cloud-top, #cloud-right, #sunburst, #cloud-left-short, #cloud-top-short, #cloud-right-short
{
	background-image: url('images/opttown-index-sprite.png');
	position: absolute;
	z-index:0;
}

#cloud-left, #cloud-left-short
{
	width: 35px;
height: 65px;
background-position: -220px -939px;
left: 0;
top: 155px;
}

#cloud-left-short
{
	top: 29px !important;
}

#cloud-top, #cloud-top-short
{
	width: 95px;
height: 20px;
background-position: -30px -1029px;
left: 200px;
top: 0px;
}

#cloud-right, #cloud-right-short
{
width: 180px;
height: 85px;
background-position: -25px -940px;
right: 0;
top: 80px;
}

#cloud-right-short
{
	top: 15px !important;
}




#sunburst
{
	width: 730px;
height: 307px;
background-position: -22px -122px;
left: -208px;
top: -8px;
}

#container, #footer-container
{
	margin:0 auto;
	padding:0 20px;
	width:920px;
}

#footer-container
{
	padding: 5px 20px 0px;
}

header
{
	position:relative;
}

#logo
{
/*	background-image: url('images/opttown-index-sprite.png');
*/	background-image: url('images/OptTown_logo_tagline.png');
	background-position: 0px 8px;
	display: inline-block;
	height: 57px;
	margin: 2px 0 0 0;
	width: 355px;
	border:none;
	padding:0;
}

#logo h1
{
	margin:0;
	text-indent:-9999px;
}

header h2
{
	color: #002F52;
	font-size: 0.9em;
	font-weight: 400;
	left: 146px;
	margin: 11px 0 0 0;
	position: absolute;
	text-shadow: 0 1px 0px rgba(24, 187, 241, 0.5);
	text-transform: uppercase;
	top: 27px;
}

header nav ul
{
	font-size: 1em;
	margin: 0;
	position: absolute;
	right: 180px;
	top: 30px;
}

header nav ul li
{
	display:inline-block;
	margin-right:0.1em;
}

header nav ul li a
{
	color: #ccc;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.75);
	font-weight: 600 !important;
	padding: 4px 7px;
}

header nav ul li a:hover
{
	border:none;
	color: #98E1FF;
	padding: 4px 7px;
}

header nav ul li a:active
{
	box-shadow:none;
}

.you-are-here
{
	background: none;
	font-weight:600;
}

.you-are-here a, .you-are-here a:hover, .you-are-here a:active
{
	background: #3F3F3F;
box-shadow: inset 0 1px 4px rgba(0,0,0,0.5);
border:none;
border-radius: 9px;
color: #999;
padding: 4px 7px;
}

.not-here a {
	background:none;
	box-shadow:none;
	color: #ccc;
	text-decoration: none;
	font-weight: 600 !important;
}

.submenu
{
	-webkit-box-shadow: inset 0 3px 2px rgba(0,0,0,0.25), 0px 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 3px 2px rgba(0,0,0,0.25), 0px 2px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0 3px 2px rgba(0,0,0,0.25), 0px 2px 3px rgba(0,0,0,0.5);
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-o-border-radius: 8px;
	border-radius: 0 0 8px 8px;
	color: #AAA;
	display:none;
	float: left;
	position: absolute;
	background: #3F3F3F;
	height: 30px;
	top: 75px;
	left: 375px;
	padding: 8px 8px 0;
	z-index: 1;
	font-size: 0.85em !important;
	font-weight: 600;
	text-align:center;
	width: 535px;
}

header nav ul.sub li {
float: left;
padding: 0 7px;
background: url(sep_nav.png) no-repeat right 3px;
}

.show
{
	display: block;
}

.hide
{
	 display:none;
}

#login
{
	color:#015d8b;
}
#login ul
{
	background: #8f8f8f;
	border-radius: 0 0 7px 7px;
	box-shadow: 0 2px 7px rgba(0,0,0, 0.5);
	position: absolute;
	right: 0px;
	text-decoration: none;
	width: 120px;
	padding: 6px 3px 6px 3px;
	top: 0px;
	font-size: 0.9em !important;
	height: 23px;
}

#login ul li
{
	color:#888;
	display:inline-block;
	margin:0;
}

#login ul li a
{
	color: #444;
padding: 2px 1px 2px 9px;
text-shadow: 0 1px 0 #AAA;
}

#login ul li a:hover
{
	background:none;
	box-shadow:none;
	color:#fff;
	text-shadow: 0 0 15px rgba(255,255,255,0.75);
}

.login-drop
{
	background:#6A6B63;
	border:none !important;
	border-radius:5px;
	-webkit-border-radius:5px;
	color:#FFF;
	cursor:pointer;
	font-size:0.75em;
	font-weight:700;
	padding:5px 12px !important;
	text-shadow:none !important;
}

/*.login-drop-active {
	background: #6A6B63 ;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
color: white;
cursor: pointer;
padding: 5px 12px;
font-size: 0.75em;
font-weight: bold;
text-shadow: none !important;
}*/


/*#sign-up-form, #sign-in-form
{
	background: #0f69b2;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.25), 0 4px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25), 0 4px 5px rgba(0,0,0,0.5);
	display: none;
	padding: 0 12px 10px;
	position: absolute;
	right: 0px;
	top: 60px;
	z-index: 1;
	border-radius: 0 0 10px 10px;
}

#sign-up-form p, #sign-in-form p
{
	margin: 10px 0 0 0;
	color: #98E1FF;
	font-weight:600;
}

#sign-in-form input[type=text]
{
	width: 232px;
	border-radius: 7px;
	border: none;
	color:#555;
	height: 25px;
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.5);
	background: rgba(200, 250, 255, 0.95);
	padding: 0 5px;
}*/


.sign-in-active
{
	color:#fff !important;
	text-shadow: 0 0 15px rgba(255,255,255,0.75) !important;
}



#login-form form
{
	background:#FFF;
	height:185px;
	margin-top:10px;
	padding:2px 15px;
	width:232px;
}

#login-form p
{
	color:#333;
	font-size:0.8em;
	font-weight:700;
	margin-left:-4px;
	margin-top:5px;
}

#login-form input[type=text]
{
	border:1px solid #CCC;
	border-radius:3px;
	-webkit-border-radius:3px;
	color:#333;
	outline:none;
	padding:5px;
	width:225px;
}

*:focus {outline: 0px solid rgba(51, 51, 51, 0.5);border-radius:5px;}

input:focus, textarea:focus, span.radio-labels:focus {
    box-shadow: 0px 0px 3px 2px rgba(51, 51, 51, 0.1);
	-webkit-box-shadow: 0px 0px 3px 2px rgba(51, 51, 51, 0.1);
}

#remember-me
{
	color:#555;
	display:inline-block;
	font-size:0.8em;
	font-weight:700;
	margin-left:3px;
	vertical-align:text-top;
	margin-bottom: 7px;
}

#forgot
{
	/*color: #6EE1FA;
	display:block;
	float:right;
	font-size: 0.75em;
	margin: 10px 8px 0 0;*/
	color: #2E6690;
	display: block;
	float: right;
	font-size: 0.8em;
	margin: 0px 11em 0 0;
	text-decoration: none;
}

#fancybox-left, #fancybox-right
{
	display:none !important;
}

#sign-up
{
	background:rgba(255, 255, 255, 0.5);
	border-radius:5px;
	box-shadow:0 1px 3px rgba(0,0,0,0.15);
	height:95px;
	margin-left:45px;
	padding:5px 10px;
	width:880px;
}

#sign-up p
{
	color:#333;
	font-size:1.15em;
	font-weight:700;
	margin-left:16.25em;
	width:350px;
}

#sign-up span
{
	display:block;
	float:left;
	height:132px;
	margin-top:-124px;
	width:275px;
}

#sign-up a
{
	background: transparent;
	background-position:0 -220px;
	display:block;
	float:right;
	height:65px;
	margin-top:-85px;
	margin-right:4px;
	width:217px;
}

#sign-up a:hover
{
	background-position:0 -287px;
}






#main
{
	margin: 25px 0 0 0;
	padding: 0.5em 0 2em 0;
	position:relative;
}

#hero h2
{
	margin: 70px 15px 0 315px;
	font-size: 2.35em;
	line-height: 1.15em;
	color: white;
	text-shadow: 0 0 1px white, 0 2px 3px rgba(0, 0, 0, 0.5);
}

#hero h2 span, #page-hero span
{
	color: #80e269;
	text-shadow: 0 0 1px #80e269, 0 2px 3px rgba(0, 0, 0, 0.5);
}

#page-hero h2
{
	margin: 0.35em 15px 0 6px !important;
	font-size: 3em;
	line-height: 1.15em;
	color: white;
	text-shadow: 0 0 1px white, 0 2px 3px rgba(0, 0, 0, 0.5);
}

#consumers, #businesses
{
	margin-left: 315px;

}

#consumers
{
	margin-top: 5em;
}

#businesses
{
	margin-top: 1.7em;

}




#main p {
	margin: 5px 0px 10px 0px;
	font-size:13px;
}

#consumers p, #businesses p, #consumers a, #businesses a {
	margin: 0px 0px 0px 0px;
}


#videos
{
margin-top: 5.5em;
}


h3
{
	margin-top: 20px;
	font-family: open sans, 'Cutive', sans-serif;
	font-size: 19px;
	color: #555;
	font-weight:600;
}

h4
{
	margin-top: 1.5em;
	font-family: open sans, 'Cutive', sans-serif;
	font-size: 19px;
	font-weight:600;
	color: #555;
}

#videos h3
{
	font-size: 1.8em;
	font-weight: 600;
	color: #555;
	margin-bottom: 35px;
}

#consumers h3, #businesses h3
{
	font-family: open sans, 'Cutive', sans-serif;
	font-size: 19px;
	font-weight:600;
	color: #555;

}

#consumers p, #businesses p
{
	font-size: 1.4 em;
font-weight: 450;
color: #555;
}

#consumers a, #businesses a
{
	font-weight: bold;
}


#iphone-frame
{
	background-image: url('images/opttown-index-sprite.png');
	background-position: -31px -470px;
	height: 460px;
	width: 260px;
	position: absolute;
	top: 40px;
	left: 0px;
	z-index:0;
}

#slider {
height: 300px;
width: 193px;
margin-top: 83px;
margin-left: 30px;
/*z-index: 1;
position: absolute;
top: 96px;
left: 30px;*/
}

.subtext
{
font-size:9px;
padding:0px 0px 10px 0px;
}


#slider li
{
display: block;
height: 298px;
width: 193px;
/*z-index: 5;
position: absolute;
top: 0;
left: 0;*/
}

#slider li a
{
background-image: url('images/slider-test-image-sprite.png');
display: block;
width: 193px;
height: 276px;
}

#screen-1
{
	background-position: 0 0;
}

#screen-2
{
	background-position: 0 -278px;
}

#screen-3
{
	background-position: 0 -556px;
}

#screen-4
{
	background-position: 0 -834px;
}

#screen-5
{
	background-position: 0 -1112px;
}

/*#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{
	width:500px;
	height:200px;
	overflow:hidden;
	}*/
span#prevBtn
{
	margin-left: 5px;
margin-top: 90px;
position: absolute;
}
span#nextBtn
{
	margin-left: 210px;
margin-top: 90px;
position: absolute;
}


#mobile-app-links
{
	margin: -146px 0 0 0;
}

.app-store, .android-market
{
background-image: url('images/opttown-index-sprite.png');
background-position: -371px -13px;
text-indent: -9999px;
height: 51px;
display: inline-block;
border: none;
padding:0px;
margin:0;
width: 134px;

}

.android-market
{
	background-position: -504px -13px;
width:7;
}

a.app-store, a.android-market
{
	border:none !important;
	padding-bottom: 0 !important;
}


.video-box
{

width: 240px;
height: 150px;
display: inline-block;
background: #777;
border-radius: 5px;
box-shadow: 0 2px 17px rgba(0,0,0,0.5);
margin-right: 50px;
}

#features-video{
    width: 640px;
    height: 360px;
    border: 15px solid black;
    border-radius: 15px;
    margin: 5em auto 2em;
    box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: -3px 3px 5px rgba(0,0,0,0.35);
	-moz-box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.35);
}

.video-box p
{
margin-top: 0.5em;
text-align: center;
}

.video-box a
{
	display: block;
width: 240px;
height: 150px;
border:none;
padding-bottom:0;
}

.video-box img
{
	border-radius: 10px;
border:1px solid gray;
 box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: -3px 3px 5px rgba(0,0,0,0.35);
	-moz-box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.35);
}

a.video-label
{
	color: #555;
	height: 25px !important;
	font-size:12px;
	font-weight:580;
}

a.video-label:hover
{
	color:#008ae4;
}

.videos-bg
{
	background-image: url('images/gray-striped-bg-tile.png');
	top: 729px;
	height: 175px;
	position: absolute;
	background-position: 0 0;
	border: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	border-radius:5px;
}








.button-small
{
	-o-border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.5), inset 0px 1px 0px rgba(250,250,250,0.35);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5), inset 0px 1px 0px rgba(250,250,250,0.35);
	display: inline-block;
	margin: 0;
	padding: 7px 13px;
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.25em;
	font-weight: 600;
	color: white;
	text-decoration:none;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.55);
}

.button-small:hover
{

}

.button-small:active
{

}

.button-smaller
{
	-o-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 1px 0px rgba(250,250,250,0.35);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 1px 0px rgba(250,250,250,0.35);
	display: inline-block;
	margin: 10px 0 3px;
	padding: 5px 15px;
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: 600;
	color: white;
	text-decoration:none;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.55);
}

.button-big
{
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.5), inset 0px 1px 0px rgba(250,250,250,0.35);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5), inset 0px 1px 0px rgba(250,250,250,0.35);
	display: inline-block;
	margin: 0 auto;
	padding: 8px 12px 12px 15px !important;
	position:relative;
	font-size: 1.1em;
	font-weight: 500;
	color: white;
	text-decoration: none;
	text-shadow: 0 0 1px white, 0 1px 3px rgba(0, 0, 0, 0.65);
	width:146px;
}

.button-bigger
{
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.5), inset 0px 1px 0px rgba(250,250,250,0.35);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5), inset 0px 1px 0px rgba(250,250,250,0.35);
	display: inline-block;
	margin: 0 auto;
	padding: 8px 12px 12px 15px !important;
	position:relative;
	font-size: 1.1em;
	font-weight: 500;
	color: white;
	text-decoration: none;
	text-shadow: 0 0 1px white, 0 1px 3px rgba(0, 0, 0, 0.65);
	width:280px;
}

.center
{
	text-align: center;
}

.index-cta
{
	margin-top: 5em;
margin-bottom: -2em;
}


.style-green
{
	background-color: #24a520;
	background-image: url(images/fallback-gradient.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#71bf42), to(#24a520));
	background-image: -webkit-linear-gradient(top, #71bf42, #24a520);
	background-image:    -moz-linear-gradient(top, #71bf42, #24a520);
	background-image:     -ms-linear-gradient(top, #71bf42, #24a520);
	background-image:      -o-linear-gradient(top, #71bf42, #24a520);
	border: 1px solid #069800;
}

.style-green:hover
{
	background-color: #18af14;
	background-image: url(images/fallback-gradient.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6dc838), to(#18af14));
	background-image: -webkit-linear-gradient(top, #6dc838, #18af14);
	background-image:    -moz-linear-gradient(top, #6dc838, #18af14);
	background-image:     -ms-linear-gradient(top, #6dc838, #18af14);
	background-image:      -o-linear-gradient(top, #6dc838, #18af14);
	border: 1px solid #069800;
}

.style-green:active
{
	background-color: #18af14;
	background-image: url(images/fallback-gradient.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6dc838), to(#18af14));
	background-image: -webkit-linear-gradient(top, #6dc838, #18af14);
	background-image:    -moz-linear-gradient(top, #6dc838, #18af14);
	background-image:     -ms-linear-gradient(top, #6dc838, #18af14);
	background-image:      -o-linear-gradient(top, #6dc838, #18af14);
	border: 1px solid #069800;
	box-shadow:inset 0px 1px 0px rgba(250,250,250,0.35);
	top:1px;
}

.style-orange
{
	background-color: #fe4310;
	background-image: url(images/fallback-gradient.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fe8005), to(fe4310));
	background-image: -webkit-linear-gradient(top, #fe8005, #fe4310);
	background-image:    -moz-linear-gradient(top, #fe8005, #fe4310);
	background-image:     -ms-linear-gradient(top, #fe8005, #fe4310);
	background-image:      -o-linear-gradient(top, #fe8005, #fe4310);
	border: 1px solid #dd3c10;
}

.style-orange:hover
{
	background-color: #ff520f;
	background-image: url(images/fallback-gradient.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9004), to(#ff520f));
	background-image: -webkit-linear-gradient(top, #ff9004, #ff520f);
	background-image:    -moz-linear-gradient(top, #ff9004, #ff520f);
	background-image:     -ms-linear-gradient(top, #ff9004, #ff520f);
	background-image:      -o-linear-gradient(top, #ff9004, #ff520f);
	border: 1px solid #dd3c10;
}

.style-orange:active
{
	background-color: #ff520f;
	background-image: url(images/fallback-gradient.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9004), to(#ff520f));
	background-image: -webkit-linear-gradient(top, #ff9004, #ff520f);
	background-image:    -moz-linear-gradient(top, #ff9004, #ff520f);
	background-image:     -ms-linear-gradient(top, #ff9004, #ff520f);
	background-image:      -o-linear-gradient(top, #ff9004, #ff520f);
	border: 1px solid #dd3c10;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5), inset 0 1px 0px rgba(250,250,250,0.35);
	top:1px;
}

.style-blue
{
	background-color: #2088a5;
	background-image: url(images/fallback-gradient.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#41beb0), to(#2088a5));
	background-image: -webkit-linear-gradient(top, #41beb0, #2088a5);
	background-image:    -moz-linear-gradient(top, #41beb0, #2088a5);
	background-image:     -ms-linear-gradient(top, #41beb0, #2088a5);
	background-image:      -o-linear-gradient(top, #41beb0, #2088a5);
	border: 1px solid #007798;
}

.style-blue:hover
{
	background-color: #148db0;
	background-image: url(images/fallback-gradient.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#36c8b7), to(#148db0));
	background-image: -webkit-linear-gradient(top, #36c8b7, #148db0);
	background-image:    -moz-linear-gradient(top, #36c8b7, #148db0);
	background-image:     -ms-linear-gradient(top, #36c8b7, #148db0);
	background-image:      -o-linear-gradient(top, #36c8b7, #148db0);
	border: 1px solid #007798;
}

.style-blue:active
{
	background-color: #148db0;
	background-image: url(images/fallback-gradient.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#36c8b7), to(#148db0));
	background-image: -webkit-linear-gradient(top, #36c8b7, #148db0);
	background-image:    -moz-linear-gradient(top, #36c8b7, #148db0);
	background-image:     -ms-linear-gradient(top, #36c8b7, #148db0);
	background-image:      -o-linear-gradient(top, #36c8b7, #148db0);
	border: 1px solid #007798;
	box-shadow:inset 0px 1px 0px rgba(250,250,250,0.35);
	top:1px;
}



/* FORMS */

.modal-form
{
	background: white;
	position: relative;
	padding: 5px 15px 10px 15px;
}

.cancel
{
	color: #666;
	margin: 0 0 0 15px;
}

#sign-up-form, #sign-in-form
{
	width: 475px;
}

.sign-up-benefit
{
	margin: -4px 0 5px 2px;
font-size: 0.8em !important;
}

#sign-up-thanks
{
	width:525px;
}

.modal-form h2
{
	margin:0;
	color:#555;
	font-size:1.25em;
	font-weight: bolder;
}

.modal-form p
{
	font-size: 0.9em;
	color: #555;
}

.modal-form-instructions
{
	margin: -4px 0 5px 12px;
	font-size: 0.8em !important;
}

.modal-form label
{
	font-weight: 600;
}

.modal-form input[type=text], .modal-form input[type=email]
{
	background: #F0F0F0;
	border-radius: 10px;
	border: 0;
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.25);
	font-size: 1.35em;
	height: 40px;
	margin: 2px 0 25px 0;
	padding: 0 9px;
	width: 320px;
	color: #777;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

.modal-form textarea
{
	background: #F0F0F0;
	border-radius: 10px;
	border: 0;
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.25);
	font-size: 1.05em;
	height: 95px;
	margin: 5px 0 0 0;
	padding: 7px;
	width: 324px;
	color: #666;
	font-family: 'Open Sans', sans-serif;
	resize: none;
	font-weight: 600;
}

.required-field
{
	font-size: 0.8em;
	color: #888;
}

.privacy
{
	color: #888 !important;
font-size: 0.8em !important;
font-style: italic;
margin: 10px 0 25px 12px;
width: 635px;
}

#fancybox-close
{
	border:none;
	padding-bottom:0;
}

#social-links
{
	margin: -43px 10px 0 0;
	width: 85px;
	text-align: left;
	float: right;
}

#social-links ul
{
	margin:0;
	padding:0;
}

#social-links ul li
{
	width:20px;
	height:16px;
}

#social-links ul li a
{
	display:block;
	width:0px;
	height:25px;
}

.twitter-button
{
	background-position:-14px -97px;
}

.twitter-button:hover
{
	background-position:-14px -157px;
}

.facebook-button
{
	background-position:-206px -97px;
}

.facebook-button:hover
{
	background-position:-206px -157px;
}

footer
{
   float: left;
   width: 100%;

	background:#444;
	background-image: url('images/opttown-index-repeating-sprite.png');
	background-position: 0 -413px;
	background-repeat: repeat-x;
	width:100%;
	margin-top:3.5em;
	padding-bottom: 1.5em;
}

footer nav
{
	padding: 0.25em 0 0 0;
float:center;
margin-left:-2.25em;
}

footer ul
{
}

footer li
{
	color:#666;
	margin-top:-10px;
	font-size:0.9em;
}

footer p
{
	color:#777;
	font-size:0.75em;
	margin-top: 5px;
}

footer a
{
	color:#bbb;
	text-decoration:none;
	font-weight:normal;
}

footer a:hover, footer a:active
{
	color:#fff;
	border-bottom: 1px dotted #fff;
	padding-bottom:1px;
	text-decoration:none !important;
}

footer span
{
	color:#8d8e87;
	font-size:1.1em;
}

#twitter
{
	background-image: url('images/social-sprite.png');
	background-position: left -27px;
	background-repeat: no-repeat;
	padding-left: 27px;
}

#facebook
{
	background-image: url('images/social-sprite.png');
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 27px;
}

#remember-check,#search form,#social-links ul li,footer ul li
{
	display:inline-block;
}

@font-face
{
  font-family: 'Open Sans';
  font-style:normal;
}

.same_color_link
{
	color: #777;
}

.two_cols_mask{
   position: relative;
   overflow: hidden;
   margin: 0px auto;
   width: 100%;
}
.two_cols_60 {
   position: relative;
   width: 100%;
   right: 60%;		/* width */
}
.two_cols_50 {
   position: relative;
   width: 100%;
   right: 60%;		/* width */
}

.right_col_60 {
   position: relative;
   overflow: hidden;
   float: left;
   width: 58%;		/* width-2 */
   left: 101%;
}

.right_col_50 {
   position: relative;
   overflow: hidden;
   float: left;
   width: 48%;		/* width-2 */
   left: 101%;
}

.left_col_60 {
   position: relative;
   overflow: hidden;
   float: left;
   width: 38%;		/* 98-width */
   left: 3%;
}

.left_col_50 {
   position: relative;
   overflow: hidden;
   float: left;
   width: 48%;		/* 98-width */
   left: 3%;
}


.outer-td {
/*border-bottom: 1px solid silver;
border-radius: 0px;
*/
	border: 1px solid silver;
	border-radius: 10px;
}

.strong {
font-weight: bold;
color:
#555;
}

.member-image {
padding: 20px 10px 10px 50px;
vertical-align: top;
width: 300px;
}
.member-image img {
border: 2px solid
silver;
height: 100px;
border-radius: 10px;
}
.member-designation {
font-size: 0.9em;
}
.member-address {
font-size: 0.9em;
}
.member-tagline {
font-style: italic;
font-size: 0.9em;
}
.blog-about-us {
    padding: 10px;
    width: 611px;
    text-align: justify;
}
.fl {
float: left;
}

.blog {
padding: 10px;
width: 700px;
text-align: justify;
}
.blog-pic {
padding: 11px 20px 0px 0px;
}
#biz-features p {
margin-bottom: 1.5em;
}