/* << ----------------// General Styles //---------------->> */
body {
margin:10px;
padding:0;
background-color:ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
line-height:18px;
color:#000000;
}

p {
margin:4px 4px 4px 4px;
text-indent:3em;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}


h1 {
font-size:16px;
line-height:18px;
}


h2 {
font-size:14px;
}

h3 {

font-size:14px;
font-family:verdana;
}

h4 {
font-size:12px;
}

/* << ----------------// Outer container that holds all the columns //---------------->> */
#mainContainer {
margin:0 auto;
padding:0;
width:920px;

}

/* << ----------------// Header //---------------->> */
#header {
margin:0;
padding:0px;
width:900px;
height:195px;
font-weight:normal;
background-image:url("images/website_header.jpg");
}


#header h1  {
display:none;
margin:0;
padding:0;
position:relative;
top:50px;
left:580px;
line-height:30px;
font-size:22px;
}


/* << ----------------// Horizontal navigation //---------------->> */
#navHorizontal {
margin:0;
padding:0;
height:30px;
line-height:30px;
text-align:center;
background-color:white;

}

#navHorizontal ul {
margin:0 0 0 8px;
padding:0;
list-style:none;
text-align:center;
}

#navHorizontal ul li {
margin:0 0 0 -5px;
padding:5px 0 5px 0;
list-style:none;
display:inline;
font-size:13px;
}

#navHorizontal ul li a:link, #navHorizontal ul li a:visited {
padding:5px 6px 5px 6px;
color:black;
text-decoration:none;

}

#navHorizontal ul li a:hover, #navHorizontal ul li a:active {
background-image:url("images/nav.png");
text-decoration:none;

}
#navHorizontal  ul {
	width:900px;
	margin-left:119px;
	padding-left:0;
	text-align:left;
}



/* << ----------------// Middle column //---------------->> */



#columnTwo {
float:left;
margin:0;
padding:0 5px 10px 10px;
width:715px;
background-color:white;
}

#columnTwo h1  {
text-align:center;
line-height:20px;
}

#columnTwo h2  {
text-align:center;
font-size:16px;

margin:5px 0 5px 0;
}


#columnTwo h1[id="contacts"]  {
position:relative;
top:80px;
}

#tweets  {
float:left;
text-indent:0;
text-align:left;
margin:15px 10px 0 10px;
}

.tryp  {
margin-left:60px;
}

.widgets  {
text-align:center;

}

#cmn  {
border-style:solid;
border-width:2px;
border-color:#000000;
padding:8px;
}

#columnTwo a {
text-decoration:none;
color:blue;
}

#columnTwo a:hover  {
text-decoration:underline;
color:purple;
}

#bannerlogo  {
margin-left:40px;
border-style:solid;
border-width:2px;
border-color:#000000;
}

#bodybait  {
margin-left:120px;
margin-right:116px;

}

#logo2  {
margin-left:120px;
border-style:solid;
border-width:2px;
border-color:#000000;
}

#columnTwo p, li, ul {
font-family:verdana;
text-align:justify;
font-size:12px;
}

#form  {
width:250px;
height:650px;
margin:10px 0 20px 55px;
}

.screenshot  {
position:relative;
left:115px;
width:400px;
height:300px;
border-style:solid;
border-color:#000000;
border-width:1px;
}

.screenshot2  {
position:relative;
left:65px;
border-style:ridge;
border-color:#000000;
border-width:2px;
}
/* << ----------------// Right column //---------------->> */


#columnThree {
float:left;
margin:0;
padding:0px 0px 0px 10px;
background-color:white;
}


#columnThree p  {
text-indent:0;
font-size:9px;
padding:0 0 0 8px;
}

#scroller  {
margin:45px 0 0px 0px;
}

#socialmedia5  {
width:162px;
position:relative;
top:20px;
}

#socialmedia5 p {
font-size:.6em;
margin:0px 0 0 0;
line-height:12px;
padding:5px 0 0 0;
position:relative;
right:0px;
width:140px;
}

#socialmedia5 img {
text-decoration:none;
border:0px solid grey;
}

.st_sharethis_button  {
	position:relative;
	top:20px;
	right:5px;
}






#socialmediapricing h2  {
text-align:center;
font-size:16px;
margin-left:220px;
}
#socialmediapricing p  {
font-size:13px;
}
#pricing-chart th {
	font-size:14px;
	font-weight:heavy;
}
td  {
	font-size:11px;
}
td.features  {
	font-size:12px;
	padding-left:2px;
}
.alt-row  {
	background-color:#b1c4f0;
}
/* << ----------------// Footer //---------------->> */

#footer  {
	width:710px;
}
#footer p {
	font-size:9px;
	text-align:center;
}

/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */