#body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	background:url(../images/bgtile.png)
}

#main {
	width:937px;
	margin:-16px auto; 
}
#bodylink {
	color:#00B0D8;
	font-size:12px;
	font-weight:normal;
	margin-top:2px;
	list-style-type:none;
	line-height:25px;
}
#bodylink a:link, #bodylink a:visited, #notamember a:visited { 
	color:#00B0D8;
	text-decoration:none 
}
#bodylink a:hover {
	color:black;
}
#heading {
	color:#F6921E;
	display:block;
	font-size:24px;
	padding:17px 15px 15px 90px;
	position:relative;
}
#subhead {
	color:#F6921E;
	display:block;
	font-size:16px;
	padding:24px 0 5px;
	position:relative;
}
select { 
width:310px; 
padding:3px; 
position:relative; 
margin-bottom:13px;
margin-top:3px;
}

/*  HEADER */

/*  home */
#header {height:104px;background: transparent url(../images/bg-header.png) no-repeat scroll left top; position:relative;width:937px; }
#header h1{background:transparent url(../images/iotr-logo1.png) no-repeat left top; height:145px; text-indent:-5000px; position:relative;top:-12px; margin-left:15px}
#notamember{position:absolute;top:37px;left:764px;color:white;}
#notamember a:link, #notamember a:visited{color:white;}
#notamember a:hover{color:#79d2ef;}
#primenav{position:absolute; margin:0px; top:82px; right:11px;}
#primenav li, #primenav li a:link, #primenav li a:visited {color:#79d2ef;float:left;font-size:16px;list-style-type:none;margin-top:-8px;padding:4px;size:20px;text-decoration:none;}
#primenav li a:hover {color:white;}

.navselect {
	background:url(../images/nav-arrow.png);
	position:absolute;
	width:16px;
	height:9px;
	top:95px; 
}

.index{
	right:326px;
}

.demo{
	right:272px;
}
.demo0{
	right:272px;
}
.demo1{
	right:272px;
}
.demo2{
	right:272px;
}
.demo3{
	right:272px;
}
.demo4{
	right:272px;
}
.demo5{
	right:272px;
}

.faq{
	right:221px;
}

.pricing{
	right:165px;
}

.contact{
	right:101px;
}

.signin{
	right:35px;
}

.signup1{
	display:none;	
}

.privacy{
	display:none;	
}

.terms{
	display:none;	
}	


/*  MID */
	/*  home */
#mid{width:937px;background:#FFFFFF; position:relative; top:9px;}
#mid h1{background:transparent url(../images/heroim.png) no-repeat left top; height:230px; width:632px; text-indent:-5000px; position:relative;text-indent:-5000px;top:15px;left:15px; margin:0px}
#startnow {background:transparent url(../images/startusingnow.png) no-repeat left top; height:230px; width:262px; text-indent:-5000px; position:absolute; top:15px; right:0px; margin:0px; }
#signup {background:url(../images/bt-createaccount.png) no-repeat scroll 0 0; height:51px; width:212px; text-indent:-5000px; position:absolute;text-indent:-5000px;top:162px;right:24px; z-index:1000; overflow:hidden}
#signup:hover{background-position:0 -51px}
#emailyourself{background: transparent url(../images/bg-emailyourself.png) no-repeat left top; height:230px; width:835px; text-indent:-5000px; position:relative;text-indent:-5000px;height:66px;left:50px;margin-top:39px;float:none}
#process{display:block; height:150px}
#p1{position:relative; width:280px; height:130px; background:url(../images/process1.png) no-repeat 0 0; float:left; margin-left:55px;}
#p2{position:relative; width:280px; height:130px; background:url(../images/process2.png) no-repeat 0 0; float:left}
#p3{position:relative; width:280px; height:130px; background:url(../images/process3.png) no-repeat 0 0; float:left}
#process h2{text-indent:-5000px}
#process h3 {width:170px;margin-left:42px;font-weight:normal;margin-top:-16px;margin-bottom:20px; font-size:11pt}
#formpos {
	position:relative; 
	float:right; 
	margin-right:30px;
	margin-top:12px; 
	z-index:20
}
#emailto{width:296px;height:15px;margin-top:1px; ;background:url(../images/bg-input.png) no-repeat left top; border:none;padding:7px;font-size:13px; z-index:100; display:block;position:relative}
#sendhome{width:63px;height:26px;  background: url(../images/bt-send.png) no-repeat left top; border:none; text-indent:-5000px; position:relative;display:block;top:-28px;left:328px;}
#sendhome:hover{background-position:0 -26px}

/*  pricing */
#pricingtable {
	margin-left:50px;
}

#option_container {
	position:absolute; 
	margin-left:103px
}

#option_grid {
	/*margin-top:43px*/
}

#option1 {
	width:161px; 
	height:43px; 
	background:url(../images/bt-pricing-signup-green.gif) no-repeat; 
	cursor:pointer 
}
#option1:hover {
	background-position:0 -43px;
	cursor:pointer
}

#option2 {
	width:161px; 
	height:43px; 
	background:url(../images/bt-pricing-signup-blue.gif) no-repeat; 
	cursor:pointer 
}
#option2:hover {
	background-position:0 -43px;
	cursor:pointer
}

#option3 {
	width:161px; 
	height:43px; 
	background:url(../images/bt-pricing-signup-blue.gif) no-repeat; 
	cursor:pointer 
}
#option3:hover {
	background-position:0 -43px;
	cursor:pointer
}



	/*  faq */
#faqlinkpos{display:block;height:245px;margin-top:20px;}
#faqlinkpos2{display:block;height:930px}
#faq {height:218px;margin-left:10px;position:relative;width:345px;float:left}
#qs{float:left;font-size:24px;margin-left:120px;position:relative;}
#faqas{float:left;margin-left:52px;margin-top:-16px;position:relative;width:650px;display:block}
#faqline{border-top:1px solid;margin-left:122px;width:723px;} 
#imagefaq{background:transparent  url(../images/im-faq.gif) no-repeat scroll 0 0;height:246px;margin-left:-10px; margin-top:-25px;overflow:hidden;position:relative;text-indent:-5000px;width:300px;}

	/*  contact */
#formcontact{position:relative;margin-left:50px; display:block;margin-top:20px;margin-left:92px}
.emailAddress{width:296px;height:30px;margin-top:3px; background:url(../images/bg-input.png) no-repeat left top; border:none;padding:7px;font-size:13px;}
.details{width:296px; height:87px; margin-top:3px;background: url(../images/bg-input-big.png) no-repeat left top; border:1px;padding:7px;font-size:12px; font-family:Arial, Helvetica, sans-serif}
.subject{width:296px;height:30px;margin-top:3px; background:url(../images/bg-input.png) no-repeat left top; border:none; padding:7px;font-size:13px;}
.send {
	width:63px; 
	height:26px; 
	background:url(../images/bt-send.png) no-repeat;
	border:0px;
	color:#ffffff
}
.send:hover {
	background-position:0 -26px;
	cursor:pointer
}
#contimage{position:absolute;width:300px; height:217px; background:url(../images/im-contact.gif) no-repeat scroll 0 0; text-indent:-5000px;left:531px;top:96px; }

	/*  sign in */
.go {
	width:63px; 
	height:26px; 
	background:url(../images/bt-go.png) no-repeat;
	border:0px;
	color:#ffffff
}
.go:hover {
	background-position:0 -26px;
	cursor:pointer
}
#signimage{position:absolute;width:216px; height:174px; background:url(../images/im-signin.gif) no-repeat scroll 0 0; text-indent:-5000px;left:330px;top:145px; }

	/*  signup */


.register {
	width:85px; 
	height:26px; 
	background:url(../images/bt-continue.png) no-repeat; 
	cursor:pointer 
}
.register:hover {
	background-position:0 -26px;
	cursor:pointer
}

#paymentmethodcc {
	display:none; margin:1em 0em
}
#paymentmethodpp {
	display:none; margin:1em 0em
}

/*message box */

#message_box {
	width:80%;
	padding:15px 0 0 0;
	margin:0px auto
}

#message_box_img_default {
	height:50px;
}

.message_box_img_project {
	background-image:url(../images/paper_clip_bg.gif);
	font-size: 8pt; 
	font-family: verdana;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 50px;	
}

.message_box_img_success {
	background-image:url(../images/message_bg_green.jpg);
	background-repeat:no-repeat;
	font-size: 10pt; 
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
	padding-left: 150px;
}

.message_box_img_caution {
	background-image:url(../images/warningDisplay.jpg);	
	background-repeat:no-repeat;
	background-color:#FFFFCC;
	border:1px solid #FFFF33;
	font-size: 10pt; 
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #333;
	padding-left: 70px;
}

.message_box_img_error {
	background-image:url(../images/alert_error.gif);
	background-repeat:no-repeat;
	background-color:#FFD9D9;
	border:1px solid #FF0000;
	font-size: 10pt; 
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #333;
	padding-left: 70px;
}

.message_box_img_padding {
	padding-left: 100px; 
	padding-top: 15px
}

.message_box_img_padding_sml {
	padding-left: 40px; 
	padding-top: 15px;
	height:40px;
}

.message_box_img_padding_valign {
	padding-left: 100px; 
	padding-top: 9px;
}

.success{
	border:1px solid #006600;
	background-color:#5CA625;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:8pt;
	height:25px; 
	font-weight:bold;
	color:#ffffff;
	padding-left:40px;
	margin-bottom:10px;
	background-image:url(../images/success.gif);
	background-repeat:no-repeat
}

/*  DEMO  */

#demomid {
font-size:16px;
height:860px;
margin-left:91px;
position:relative;
width:850px;
}

#demobut0 {
background:transparent url(../images/bt-demo-0.jpg) no-repeat scroll 0 0;
display:block;
float:left;
height:281px;
margin-left:-29px;
margin-top:17px;
position:relative;
text-indent:-5000px;
width:450px;
cursor:pointer;
}

#demobut1 {
background:transparent url(../images/bt-demo-1.jpg) no-repeat scroll 0 0;
display:block;
float:left;
height:281px;
margin-left:-29px;
margin-top:17px;
position:relative;
text-indent:-5000px;
width:450px;
cursor:pointer;
}
#demobut2 {
background:transparent url(../images/bt-demo-2.jpg) no-repeat scroll 0 0;
display:block;
float:left;
height:281px;
margin-left:-29px;
margin-top:17px;
position:relative;
text-indent:-5000px;
width:450px;
cursor:pointer;
}
#demobut3 {
background:transparent url(../images/bt-demo-3.jpg) no-repeat scroll 0 0;
display:block;
float:left;
height:281px;
margin-left:-29px;
margin-top:17px;
position:relative;
text-indent:-5000px;
width:450px;
cursor:pointer;
}
#demobut4 {
background:transparent url(../images/bt-demo-4.jpg) no-repeat scroll 0 0;
display:block;
float:left;
height:281px;
margin-left:-29px;
margin-top:17px;
position:relative;
text-indent:-5000px;
width:450px;
cursor:pointer;
}
#demobut5 {
background:transparent url(../images/bt-demo-5.jpg) no-repeat scroll 0 0;
display:block;
float:left;
height:281px;
margin-left:-29px;
margin-top:17px;
position:relative;
text-indent:-5000px;
width:450px;
cursor:pointer;
}
#demoreturn {
background:transparent url(../images/bt-backtodemopage.gif) no-repeat scroll 0 0;
height:52px;
margin-left:-20px;
text-indent:-5000px;
width:181px;
}
#demoreturn1 {
background:transparent url(../images/bt-backtodemopage.gif) no-repeat scroll 0 0;
float:left;
height:52px;
text-indent:-5000px;
width:181px;
}
#demoreturn2 {
background:transparent url(../images/bt-backtodemopage.gif) no-repeat scroll 0 0;
height:52px;
float:left;
margin-left:-20px;
text-indent:-5000px;
width:181px;
}
#democreate1 {
background:transparent url(../images/bt-createaccount.png) no-repeat scroll 0 0;
float:right;
margin-right:5%;
height:51px;
text-indent:-5000px;
width:212px;
}
#democreate2 {
background:transparent url(../images/bt-createaccount.png) no-repeat scroll 0 0;
float:right;
margin-right:8%;
height:51px;
text-indent:-5000px;
width:212px;
margin-bottom: 20px;
}
#demoflash {
border:thin solid #333333;
display:block;
height:600px;
margin-left:-20px;
margin-top:17px;
position:relative;
width:800px;
}

#samplemid {
font-size:16px;
height:860px;
margin-left:70px;
position:relative;
width:850px;
}

#termspos {
margin-left:91px;
width:750px;
}


/*  FOOTER */
#footer {background:#00558C; top:18px;  position:relative; width:937px; color:#79d2ef; }
#footer ul { float:left; width:150px; margin-top:0px}
#nosep {background:url(../images/SEP-line.png) no-repeat right top; height:120px;}
#footer li{color:#79d2ef;font-size:12px;font-weight:normal;list-style-type:none;width:200px;float:left;position:relative;line-height:20px;}
#footer li a:link, #footer li a:visited{ color:#79d2ef; text-decoration:none; }
#footer li a:hover {color:white;}

#footer h4{ width:200px; position:relative; margin:15px 0px 15px 0px; font-size:10pt}
#foot1 {width:205px; float:left; margin-left:15px; }
#sep1{width:9px; height:111px; background:url(../images/SEP-line.png) no-repeat 0 0; margin-left:-24px; margin-top:-24px;}