/* Clear all default styles */
@import url("cssreset.css");


/*  */
body {margin: 0; padding: 0;
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background: white;}
a:link {color: #993333;}
a:hover {color: #cc0000;}
a:visited {color: #993333;}
h2 {font-weight: bold;
	color: #993333;
	padding: 15px 5px 0 10px;
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.5em;}
h3 {color:#663333;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 5px 0 10px;
	margin: 0;}
h4 {color: #666;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 5px 0 10px;
	margin: 0;}
ul {margin-left: 10px; font-family: Arial, Helvetica, sans-serif;}
ul li {padding: 3px;}
p {padding: 5px 5px 5px 10px; line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;}
	
	
div#mainwrap {margin-right: auto; margin-left: auto;
	width: 811px;
	margin-top: 25px;
	position: relative;
	background: white url('images/background01.jpg') 0 0 repeat-y;}
div#header { position:relative;
    background: transparent url('images/header.jpg') 0 0 no-repeat;
	height: 167px;
	margin: 0; padding: 0;}
div#header p {
	position: absolute;
	font-size: 1.5em;
	color: #666;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	width: 500px;
	left: 249px;
	top: 135px;
}

div#sidebar { float:left;
    margin:0; padding:0;
	width:170px;
	}


div#subbuttons {float:right;
	width: 140px;
	margin:20px 0 0 0;}
div.smallbtn { position: relative;
    background: white url('images/smallbutton.jpg')  0 0 no-repeat;
	width: 140px; height: 31px;
	text-align: center;
	padding-top: 8px;}
div.smallbtn a { display:block;
    width:140px; height:31px;
    text-decoration: none;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding;0;
	margin;0;}
div.smallbtn a:link {color:#993333;}
div.smallbtn a:hover {color: #666;}
div.smallbtn a:visited {color: #993333;}

div.bigbtn {background: white url('images/bigbutton.jpg')  0 0 no-repeat;
	width: 140px; height: 31px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;}
div.bigbtn a {text-decoration: none;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 15px;
	margin-top: 5px;}
div.bigbtn a:link {color:#993333;}
div.bigbtn a:visited {color: #993333;}
div.bigbtn a:hover {color: #666;}

/* ============= social media bar for all pages ============ */

div#socialbar {
    position: relative;
    margin:0; padding:10px 0 0 70px;
	width: 100px; height:100%;}

div#socialbar a.icon {
   display:block;
   width:38px;
   height:38px;
   text-decoration:none;
   margin:0;
   }
   
div#socialbar a.twitter {background:url('images/twittericon.jpg') 0 0 no-repeat;}
div#socialbar a.facebook {background:url('images/facebookicon.jpg') 0 0 no-repeat;}
div#socialbar a.meetup {background:url('images/meetupicon.jpg') 0 0 no-repeat;}
div#socialbar a.linkedin {background:url('images/linkedinicon.jpg') 0 0 no-repeat;}
div#socialbar a.youtube {background:url('images/youtubeicon.jpg') 0 0 no-repeat;}
div#socialbar a.stumbleupon {background:url('images/stumbleuponicon.jpg') 0 0 no-repeat;}
div#socialbar a.squidoo {background:url('images/squidooicon.jpg') 0 0 no-repeat;}
div#socialbar a.blog {background:url('images/rssfeedicon.jpg') 0 0 no-repeat;}
   
	
/* ============= END top header for all pages ============ */	



div#mainnav {position:relative;
	width: 160px;
	text-align: right;
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;}
div#mainnav a {display: block;
	text-decoration: none;
	padding: 5px;}
div#mainnav a:link {color: #666;}
div#mainnav a:hover {text-decoration: underline;}
div#mainnav a:visited {color: #666;}
div#home_content {margin: 5px 5px 10px 165px;
	width: 592px;
	border-left: 1px solid #ccc;
	padding-left: 10px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;}
	
	
	
div#content { float:left;
    margin: 5px 5px 10px 5px;
	width: 608px;
	height:100%;
	border-left: 1px solid #ccc;
	padding-left: 0;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;}
	
div#content h1 {font-weight: bold;
	color: #641408;
	text-align:center;
	padding: 15px 0 10px 0;
	margin: 0;
	font-size: 2em;}
div#content h2 {font-weight: bold;
	color: #cc0000;
	padding: 15px 5px 0 15px;
	margin: 0;
	font-size: 1.5em;}
	
div#content ul {margin:5px 10px 10px 40px; 
    font-family: Arial, Helvetica, sans-serif;}
div#content ul li {padding: 5px 0 0 2px;}
div#content ul li ul { list-style: disc;}
	
div#content ol {margin:5px 10px 10px 30px; 
    font-family: Arial, Helvetica, sans-serif;}
div#content ol li {padding: 5px 0 0 5px;
   list-style:decimal;
   list-style-position:outside;}
	
div#top_links {color: #996666;
	margin: 5px 5px 5px 300px;
	font-family: Arial, Helvetica, sans-serif;}
div#top_links a {text-decoration: none;
	font-size: 1.1em;}
div#top_links a:link {color: #996666;}
div#top_links a:hover {text-decoration: underline;}
div#top_links a:visited {color: #996666;}
div#home_box {background: transparent url('images/home_img.jpg') 0 0 no-repeat;
	height: 189px;
	width: 590px;
	border: 1px solid #999;
	margin: 0; padding: 0;}
div#home_content ul { text-indent:30px;
    margin: 20px 0 0 0;}

p#left_home {
    float:left;
	width: 250px;
	margin: 15px 10px 0 10px;
	padding: 5px 5px 35px 5px;
	font-family: Arial, Helvetica, sans-serif;}
p#right_home {float: right;
	width: 250px;
	margin: 12px 10px 0 10px; padding: 5px 5px 25px 5px;
	font-family: Arial, Helvetica, sans-serif;}
span.mainlink {font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	color: #993333;}
	
/* ============= Begin Ask WebTech ===============  */

div#service_box { float:left;
   text-align:center;
   background: transparent url('images/blueboxbkgr.jpg') 0 0 no-repeat;
   width:274px;
   height:195px;
   margin:10px 0 0 20px;}
   
div#service_box h2 {
   font-family:Trebuchet, Verdana, Arial, Helvatica, sans-serif;
   color: #0099cc;
	font-size: 1.5em;
   margin:10px 0 5px 0;}
   
   
div#service_box div.getstarted {
   position:relative;
   text-align:center;
   margin:30px 0 0 0;
   background: transparent;
   }
div#service_box div.getstarted a {
   text-decoration:none;
   display:block;
   width:136px;
   height:26px;
   margin:0 0 0 65px;
   padding:7px 0 0 0;
   color:#333;
   font-size:14px;
   background: transparent url('images/greybutton.jpg') 0 0 no-repeat;
}

/* ================================================== */
	

	
a.buynow { display:block;
     margin:0 0 0 20px;
     float:right;
	 border:groove;
	 padding:5px;
	 text-decoration:none;
	 background:#CCCCCC;}
a:link.buynow {color: #990000;}
a:visited.buynow {color: #990000;}
a:hover.buynow {color: #FFF;}

a.paynow { display:block;
  float:right;
  text-decoration:none;
  width:103px;
  height:22px;
   background: url('images/buynow.jpg') 0 0 no-repeat;
  margin:0 10px 0 0;
  padding:10px 0 3px 0;
  text-align:center;
  font-weight:bold;}
	
a.paynow:link { color:#666;}
a.paynow:visited { color:#666;}
a.paynow:hover { color:#990000;}
a.paynow:active {color: #666;}
a.paynow:focus{color: #666;}

a.moreinfo { display:block;
  float:right;
  text-decoration:none;
  width:103px;
  height:22px;
   background: url('images/buynow.jpg') 0 0 no-repeat;
  margin:0 10px 0 0;
  padding:10px 0 3px 0;
  text-align:center;
  font-weight:bold;}
	
a.moreinfo:link { color:#666;}
a.moreinfo:visited { color:#666;}
a.moreinfo:hover { color:#990000;}
a.moreinfo:active {color: #666;}
a.moreinfo:focus{color: #666;}

div.ebookpanel {
   position:relative;
   width:100%;
   height:100%;
   margin:0 0 20px 0;
   }
div.ebookpanel img {
   float:left;}
div.ebookpanel p {
   font-size:14px;
   padding:15px 10px 5px 225px;}
div.ebookpanel h2 {font-weight: bold;
	color: #993333;
	padding: 15px 5px 0 225px;
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.5em;}


/*  =========== webinar page =============*/

div.leftpanel { float:left;
   margin:15px 0 0 0;
   width:350px;
   height:100%;
   }
div.leftpanel p { padding:5px 10px 5px 10px; }
div.webtech { float:left;
   margin:15px 0 0 0;
   width:250px;
   height:100%;
   }
   
div#meetuplist { position:relative;}

div#meetuplist p a { text-decoration:none;
   display:block;
   border-bottom: #999999 thin solid;
   line-height:1.2em;
   font-size:14px;
   font-weight:bold;
   color:#990000} 
div#meetuplist p a:link { color:#990000;}
div#meetuplist p a:visited { color:#990000;}
div#meetuplist p a:hover { color:#000; text-decoration:underline;}
div#meetuplist p a:active {color: #990000;}
div#meetuplist p a:focus{color: #666;}
    
   
div#meetuplist h2 {font-weight: bold;
	color: #993333;
	padding: 15px 5px 10px 10px;
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.5em;} 
   
   
div.clearall {clear:both;}

	
div#paypalrefferal { position:relative;
   width: 608px;
   height:100%; }	
	


img#rs_logo {margin-left: 25px;}


/* =================== Table Contact Forms ================ */

table#contactform {width: 400px;
	margin: 10px;}
table#contactform tr {
    height:30px;}
table#contactform td {text-align: left;
	font-size: 1em;
	color: #666;}
table#contactform td.label {text-align: right;
	font-weight: bold;
	color: #333;
	vertical-align: middle;}
table#contactform tr td input[type=submit] {
	color: #cc0000;
	background: white;
	width: 70px;
	height: 30px;
	margin: 5px 10px 0 0px;
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

div#footer { position:relative;
    background: white url('images/footer01.jpg') 0 0 no-repeat;
	height: 33px; width: 811px;
	margin: 0; padding: 0;}
div#footer p#copyright {margin-left: 170px;
	padding-top: 3px;
	color: #666;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;}