/* reset browser styles */
html, body, div, span, 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, b, u, i, center, dl, dt, dd, ol, ul, li, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-style: normal;
	font-family: 'Open Sans', sans-serif;
	
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	bottom: 0px;
}
body {
	line-height: 1.2;
}
ol { 
	padding-left: 1.4em;
	list-style: decimal;
}
ul {
	padding-left: 1.4em;
	list-style: square;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
} 
/* end reset browser styles */
.clear:after {
	content: " ";
	display: table;
	clear: both;
}
html {
	/* padding-top: 0px;   You set this earlier in the first statement. Duplicated here */
	background-color: #cce4f1; /* Used in case the browser does not support CSS3 */
	background: -webkit-linear-gradient(to bottom, #7ab7db, #cce4f1  40%);
	background: -o-linear-gradient(to bottom, #7ab7db, #cce4f1  40%);
	background: -moz-linear-gradient(to bottom, #7ab7db, #cce4f1  40%);
	background: linear-gradient(to bottom, #7ab7db, #cce4f1  40%);  /* Standard syntax. Must be last. */
	background-attachment: fixed;
}
body {
	width: 1290px;
	padding: 25px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	box-shadow: 10px 10px 10px rgba( 0,0,0,.1);
	background-color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-size: 15px;
	border-radius: 10px /10px;
	
}
header {
	width: 100%;
	margin-top: 50;
	margin-right: 0;
	margin-left: 0;
	position: relative;
	right: 0px;
}
.question {
	font-size: 1.5em;
	border-bottom: 2px solid rgba(0,117,187,1.00);
	background-repeat: no-repeat;
	background-image: url(images/Txt_bull.png);
	padding: 0 0 2px 70px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 15px 0 5px 0;
	overflow: hidden;
	background-position: 0% 50%;
	color: #3869B4;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif;
}
ul.nav {
	display: block;
	float: right;
	/*margin-top: 15px;*/
	margin-bottom: 5px;
	padding-bottom: 0px;
	padding-left: 0;
}
 .nav li { display: inline; }
 
 .nav a {
	display: inline-block;
	border-radius: 3px 3px 3px 3px;
	font-size: 12px;
	padding: 4px 5px;
	margin-right: 5px;
	background-color: #007ac2;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: white;
	right: 50px;
}
	
/* .nav .loginlink {
	 background-color:#70A8C9;
	 color: #045382;
 }*/

.list_one li {
	display: block;
	width: 35%;
	padding: 10px 100px 2px 25px;
	overflow: hidden;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	list-style: none;
	background-image: url(images/bullet1.png);
	background-repeat: no-repeat ;
	background-position: 0px 50%;
}

.list_3 li {
	display: block;
	width: 41%;
	padding: 10px 150px 2px 25px;
	overflow: hidden;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	list-style: none;
	background-image: url(images/bullet1.png);
	background-repeat: no-repeat ;
	background-position: 0px 50%;
}

.Home .homelink,
.Video .videolink,
.brochure .brochurelink,
.FAQ .faqlink,
.ContactUs .contact_uslink,
.newTrans .transLink,
.log .logLink,
.statusPage .statusLink,
.holiday .holidayLink,
.autoReply .autoReplyLink,
.mylk .mylkLink,
.blacklistPage .blacklistLink,
.shortnr .shortnrLink {
	 background-color: #066196;
	 background-position: 97% 100%;
	 color: white;
}

.homelink:hover,
.videolink:hover,
.contact_uslink:hover,
.brochurelink:hover,
.faqlink:hover,
.loginlink:hover,
.transLink:hover,
.statusLink:hover,
.logLink:hover,
.holidayLink:hover,
.blacklistLink:hover,
.shortnrLink:hover,
.transLink:hover {
	background-color:#499BCC;
	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	color: #E8F4FC;
}
.copyright {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #007aC2;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 10px;
	margin-left: 0px;
	border-radius: 5px /5px;
	
}
/* bottom navigation */	
#nav_bot {
	width: 100%;
	float: left;
}
#nav_bot ul {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none; }

#nav_bot li {
	float: right;
	border-right: 1px solid #ccc;
}
#nav_bot li a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	font-weight: bold;
	color: #069;
}
#nav_bot li:first-child {
	border-right: none;
}
#nav_bot li a:hover {
	color: #B4B4B4;
	background-color: #fff; 
}
/* bottom navigation end*/	

a.cw_web {text-decoration: none;}
a.cw_web:link{ color: #026097;}

a.bottom_nav:link {float: right;
}
img.phone1 {
float:left;
margin-left: 0px;
margin-right: 30px;
margin-top: 80px;
margin-bottom: 200px;
}
	/* Computer Girl */
div.Comp_group {
	position: relative;
	right: auto;
	margin-bottom: 125px;
	height: 400px;
	
	}
img.comp_pro {
	position: absolute;
	right: 90px;
	margin-left: 40px;
	margin-right: 50px;
	margin-top: 50px;
	margin-bottom: 40px;
	z-index: 1;
	border: 2px solid #077ac2;
	border-radius: 10px /10px;
	box-shadow: 10px 10px 10px rgba( 0,0,0,.1);
	top: 77px;
}
img.devices {
	position: absolute;
	top: 35px;
	right: 14px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 20px;
	margin-bottom: 5px;
	z-index: 3;
}
.pic_cap {
	position: absolute;
	top: 171px;
	right: 36px;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #007aC2;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-left: 0px;
	border-radius: 10px /10px;
	z-index: 2;
	width: 249px;
	height: 61px;
	}
		/* Computer Girl End*/

	/* Top Talking Bubbles */
div.talk_bubbles { position: relative; }
	
div.talk {
	position: absolute;
	top: 145px;
	left: 650px;
	padding-top: 22px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 35px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	z-index: 3;
	width: 618px;
	height: 198px;
}	
p.BlueText {
	position: absolute;
	top: 8px;
	left: 39px;
	padding-top: 22px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 35px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: justify;
	color: #FFFFFF;
	width: 490px;
	height: 127px;
}
	
div.talk2 {
	position: absolute;
	top: 15px;
	left: 400px;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	z-index: 1;
	width: 513px;
	height: 191px;
}	
p.WhtText {
	position: absolute;
	font-size: 18px;
	font-weight: bold;
	text-align: justify;
	color: #666666;
	top: 80px;
	left: 61px;
	width: 545px;
	height: 111px;
}
/* Top Talking Bubbles end*/	

header img { position: relative; }
header img.arrow {
	position: absolute;
	top: -28px;
	left: 155px;
	z-index: 1;
	}
	header img.arrow2{
	position: absolute;
	top: -23px;
	left: 340px;
	z-index: 0;
	}
div.OS_comp { position: relative; }
div.OS_comp {	
	position: absolute;
	top: 840px;
	left: auto;
	right: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
	z-index: 1;
	width: 300px;
	height: 100px;
}
div.specs {
/*	display: inline-block;
/*	position: relative;*/
	text-align: center;
	padding: 0px;
/*	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;*/
	
}

div.BulktextVideo { position: relative; }
.BulktextVideo{ 
	position: absolute;
	top: 50px;
	left: 300px;
	right: auto;
	padding-top: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
}


.intro {
	display: block;
	width: 80%;
	padding: 10px 5px 5px 40px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	list-style: none;

	background-repeat: no-repeat ;
	background-position: 0px 50%;
	color: #FFFFFF;
	}
	

/*.form1 { position: relative; }*/
.form1 {
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 90px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 10px;
	border: 2px solid #D3D1D1;
	width: 450px;
}
.compliaince1,
.secure,
.roi,
.who,
.whositems,
.blacklist,
.opt_in,
.easytouse,
.coverage,
.txtanyone,
.ecofriendly,
.madeinusa {
	padding: 15px 50px 30px 100px;
	display: block;
	width: 60%;
	overflow: hidden;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	list-style: none;
	background-repeat: no-repeat ;
	background-position: 0px 50%;
	color: #026097;
}
.compliaince1 {
	background-image: url(images/compliance.png);
}
.secure {
	background-image: url(images/secure.png);
}
.roi {
	background-image: url(images/roi.png);
}
.who {
	background-image: url(images/whos_using.png);
}
.whositems {
	padding: 5px 30px 2px 30px;
	background-image: url(images/bullet1.png);
	left: 0px;
}
.blacklist {
	background-image: url(images/blacklist.png);
}
.opt_in {
	background-image: url(images/optin_out.png);
}
.easytouse {
	background-image: url(images/easytouse.png);
}
.coverage {
	background-image: url(images/coverage.png);
}
.txtanyone {
	background-image: url(images/textanyone.png);
}
.ecofriendly {
	background-image: url(images/ecofriendly.png);
}
.madeinusa {
	background-image: url(images/madeinusa.png);
}
.faqbox {
	background-color: #0293E9;
	border-radius: 5px;
	border-width: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 900px;
}
.center {
	text-align:center;
}