*{
margin:0;
padding:0;
}
#sidebar{
float:right;
width:350px;
border-top:1px solid #666;
text-align:left;
color:#DFDFDF;
}
a{
text-decoration:none;
color:#649ED9;
outline:none;
}
a:hover{
text-decoration:underline;
}
.excerpt p.title a{
color:white;
}
body {
	font-family: Georgia, Arial, Sans-serif;
	background:#2C2D37;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
}
a img{
border:none;
}
#wrapper{
margin:0 auto;
width:920px;
}
#navigation_bar{
border-bottom:1px solid #E7EFF5;
border-top:1px solid #E7EFF5;
height:30px;
line-height:normal;
padding-top:10px;
position:relative;
text-transform:uppercase;
width:920px;
}
#navigation_bar ul{
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;

}
#navigation_bar li{
margin:0;
padding:0;
float:left;
position:relative;
}
div.content{
clear:left;
}
#navigation_bar a{
text-decoration:none;
height:27px;
cursor:pointer;
color:#506A7E;
padding:0 24px;
font-size:13px;
}
#navigation_bar li a:active{
outline:none;
}
#navigation_bar li a#last{
margin:0;
	  }
#navigation_bar a.selected {
      color:#000000;
	  }
	  #navigation_bar a.selected:hover {
      color:#000000;
	  text-decoration:none;
	  }
#navigation_bar a#last span{
margin:0pt;
width:76px;
	  }
#navigation_bar li a:hover{
text-decoration:underline;
}

#branding{
width:920px;
margin:20px 0;
text-align:center;
}
#branding h1{
color:#CCC;
font-size:37px;
font-weight:normal;}
#branding h1 span{
color:#FFF;
}
#branding img{
behavior:url(transparency/iepngfix.htc);
}
#contact_details{
float:right;
margin-top:75px;
text-align:right;
}
#content{
background:white;
height:410px;
width:920px;
overflow:hidden;
margin:10px 0 0 0;
clear:both;
position:relative;
}
.section{
width:6500px;
position:relative;
}
.section .sub{
position:relative;
float:left;
height:410px;
list-style:none;
margin:0;
padding:0;
width:920px;
}
.section ul{
padding:0;
margin:0;
}
.section img{
border:10px solid #E7EFF5;
margin:0;
padding:0;
}
#container { 
	width: 920px; 
	margin: 25px 0 0 0;
	text-align: left;
color:#DFDFDF;
display:inline-block;}
#mainContent p, #sidebar1 p{
padding:10px 0 0 0;
line-height:23px;
}
#mainContent span{
color:#CDDFF3;
}
#sidebar1 {
	float: right; 
	width: 318px;
}
#twitter_div{
padding:10px 0 0 0;
border-top:1px solid #171F2F;
margin:15px 0 0 0;
}
#mainContent { 
	margin: 0; 
	padding: 0; 
border-top:1px solid #666;
width:490px;
} 

#footer {
	padding: 0 10px;
background:#222; border-top:1px solid #444;}
#footer p {
	margin: 0;
	padding: 10px 0; 
text-align:left;
}
.inside_footer, .engine_op{
width:920px;
margin:0 auto;
text-align:center;
border-bottom:1px solid #111;
}
.engine_op{
border-top:1px solid #333;
}
.engine_op h1{
padding:10px 0;
font-weight:normal;
text-align:left;
}
.engine_op h1 span.smalltype{
color:#999;
font-size:10px;
}
.PrevArticle {
font-size:14px;
font-style:italic;
float:left;
}
.NextArticle {
font-size:14px;
font-style:italic;
float:right;
}
#prices{
height:390px;
margin:-405px 0pt 0pt;
padding:0pt 0pt 0pt 8px;
text-align:left;
}
#testimonials{
height:390px;
margin:-397px 0pt 0pt;
padding-left:13px;
text-align:left;
}
#testimonials2{
height:390px;
margin:-395px 0pt 0pt 629px;
padding-left:13px;
text-align:left;
}
#contact{
height:390px;
margin:-405px 0 0 0;
padding:0 0 0 485px;
text-align:left;
}
#prices p{
color:#506A7E;
font-size:13px;
margin:5px 4px;
padding-left:265px;
width:366px;
font-family:Arial, Helvetica, sans-serif;
}
#testimonials p, #testimonials2 p{
color:#506A7E;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
line-height:1.3em;
margin:1px 4px;
padding:0pt;
width:260px;
}
#contact p, #contact a{
font-size:13px;
width:360px;
color:#506A7E;
margin:5px 10px;
padding:0;
}
#buttons {
text-align:center;
}
label {
clear:left;
display:block;
font-family:arial;
margin-bottom:4px;
width:8em;
color:#506A7E;
float:left;
}
#personal input, textarea {
border:1px solid #CCCCCC;
background:#DCDFED;
font-family:verdana;
font-size:0.7em;
margin-bottom:4px;
padding:2px;
width:26em;
}
fieldset {
border:1px solid #E7EFF5;
margin:15px 15px 0pt;
padding:10px;
position:relative;
width:360px;
height:230px;
}
#personal p{
padding:0;
}
#prices table{
font-size:13px;
color:#506A7E;
margin-top:15px;
margin-left:265px;
}
#prices td{
padding:1px 10px;;
}
#prices tr{
margin:0;
}
.tablealign{
text-align:right;
}
.grey p{
color:#9FA0A2;
}
#screen{
height:500px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#loginForm input{
display:inline;
}
#twitter{
font-size:12px;}
#twitter ul{}
li.tweet{
list-style-type:none;
padding:15px 0;
border-top:1px solid #474a63;
border-bottom:1px solid #16161d;}
.article{
list-style-type:none;
padding-bottom:25px;
}
.article h4{
font-size:18px;
}
.title{
padding:5px 0pt 0pt;
font-size:18px;
}
.blog_title{
padding:0;
margin:0;
color:#fff;
font-size:18px;
}
.postedby{
color:#93B2BD;
text-transform:uppercase;
font-size:10px;
padding:5px 0pt 0pt;
}
.article h4 span{
font-weight:normal;
}
.meta{
color:#93B2BD;
font-size:15px;
padding-top:12px;
}
.article a{
color:#649ED9;
}
.excerpt a{
color:#649ED9;
}
.excerpt_body{
font-size:14px;
font-style:italic;
padding-bottom:12px;
}
ol{
list-style-type:none;
}
#news-content{
padding-top:12px;
}
#news-content a{
color:#649ED9;
}
dt{
margin-top:15px;
}
#navigation_bar li ul {
display:none;
}
.article img{
float:left;
width:490px;
height:auto;
margin:20px 0;
}
.excerpt img{
float:left;
margin-right:10px;
width:100px;
height:auto;
padding-top:5px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#follow {
	background: url(images/follow-slice.png) repeat-x;
	margin: 40px 0;
	position: relative;
clear:both;
}

#follow p {
	background: url(images/twitter-bg.png) no-repeat;
	padding: 30px 0 20px 90px;
	width: 550px;
	font-size: 15px;
	color: #fff;
}

#follow p small {
	color: yellow;
	padding-left: 10px;
}

#follow p small a {
	color: #fff;
}

a.social {
	width: 55px;
	height: 53px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 1px;
}

#follow a#twitter {
	background: url(images/follow-sprite.png);
	right: 150px;
}

#follow a#linkedin {
	background: url(images/follow-sprite.png) no-repeat -55px 0;
	right: 85px;;
}

#follow a#fb {
	background: url(images/follow-sprite.png) no-repeat -110px 0;
	right: 20px;
}

#follow a#flikr {
	background: url(images/follow-sprite.png) no-repeat -165px 0;
	right: 31px;
}
li.tweet_first  {
font-size:14px;
list-style-type:none;
}
li.tweet_first a {
color:#93B2BD;
}
li.tweet_first span.tweet_text a{
color:white;
font-weight:bold;
}
.menu {
border-bottom:1px solid #777;
border-top:1px solid #555;
height:27px;
color:#CCC;
line-height:normal;
background:#222;
position:relative;
text-transform:uppercase;
width:920px;
z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:920px; w\idth:920px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; display:block;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu
 positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:13px;text-decoration:none; color:#E7EFF5; height:27px; line-height:26px; padding:0 23px; cursor:pointer; font-family:arial; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#cbdee5 no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{color:#fff; text-decoration:underline; background:#E7EFF5;}
.menu ul ul :hover > a.drop {color:#fff; text-decoration:underline;background:#E7EFF5;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {border:1px solid #E7EFF5;
height:0;
left:-12px;
position:absolute;
visibility:hidden;
width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#93b2bd none repeat scroll 0 0;
border-bottom:2px solid #E7EFF5;
border-left:2px solid #E7EFF5;
border-right:2px solid #E7EFF5;
color:#E7EFF5;
height:27px;
line-height:27px;
padding:0 10px;
width:128px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; text-decoration:underline;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; text-decoration:underline;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}