/* Design by Blooobs
http://www.allbestarticles.com */

* {
	margin: 0;
	padding: 0;
}

/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */

#tlc, #trc { zoom: 1 }

body {
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	background: #E6EAE9;
}

a {
	color: #c75f3e;
}




#heading
	{
		padding-top:45px;
		padding-right: 20px;
		font-weight: bold;
		font-size: 16px;
	}
#main
	{
		border-left: solid 2px #dee7f0;
		border-right: solid 2px #dee7f0;
	}

#message
	{
		color: #ffffff;
		font-size: 24px;
		background: url(http://clickforseo.com/skins/Free-White-Blue/images/message_box_bg.jpg) repeat-x; 
	}

#left_table
	{
		padding-top: 10px;
	}
#message_box_topborder
	{
		border-top: solid 2px #ececec;
	}
#list_adv
	{
		color: #b84a25;
		font-size: 14px;
		font-weight:bold;
                align: left;
	}

#list_adv_2
	{
background: url(http://clickforseo.com/skins/Free-White-Blue/images/list_style_circle.jpg) left center no-repeat
		color: #003366;
		font-size: 12px;
		font-weight:bold;
	}


#list_adv li
	{
		list-style-image: url(http://clickforseo.com/skins/Free-White-Blue/images/list_style_tick.jpg);
		padding: 5px;
	}

#right_border
	{
		border-right: solid 2px #ececec;
	}

/* left panel */
#left_panel
	{
		background:url(http://clickforseo.com/skins/Free-White-Blue/images/left_panel_bg.jpg) repeat-y;
		width: 100%;
	}
#left_panel_inner
	{
		background:url(http://clickforseo.com/skins/Free-White-Blue/images/left_panel_bottom.jpg) no-repeat bottom left;
	}
#image
	{
	background:url(http://clickforseo.com/skins/Free-White-Blue/images/left_panel_image.jpg) left bottom no-repeat;*/

	}
#left_panel_content
	{
		padding-left: 60%;
		border-bottom: solid 1px #ffffff;
		

        }

#left_panel_content_packages
	{
		padding-left: 20%;
		border-bottom: solid 1px #ffffff;
		

        }

#content
	{
		padding: 8px;
	}

.frm_content
	{
		background: url(http://clickforseo.com/skins/Free-White-Blue/images/form_bottom.jpg) no-repeat bottom ;
		color: #000000;
		padding-top: 50px;
		padding-bottom: 20px;
	}
frm_content_2
	{
		color: #777777;
		padding-top: 20px;
		padding-bottom: 20px;
	}


ul
	{
		margin-top: 0px;
	}
form
	{
		margin: 0px;
	}
.item_title
	{
		padding: 5px;
		padding-left: 10px;
	}
*html .#frm_content{padding: 100px;}
.frm_fld
	{
		padding-left: 10px;
	}
.frm_fld_submit
	{
		padding-top: 7px;
		padding-left: 10px;
	}

#content_right
	{
		float:right;
		padding: 10px;
	}
#content_text
	{
		padding: 10px;
	}
.blue_heading
	{
		color: #004c96;
		font-size:16px;
		font-weight:bold;
		padding: 5px;
	}

.blue_heading_2
	{
		color: #004c96;
		font-size:12px;
		font-weight:bold;
		padding: 5px;
	}


#contenttext
	{
		padding:5px;
	}
#text
	{
		border: solid 1px #ececec;
		background: #f5f5f5;
		padding: 10px;
	}

.orange_heading
	{
		background: url(http://clickforseo.com/skins/Free-White-Blue/images/list_style_circle.jpg) left center no-repeat;
		color: #c53b0a;
		height: 21px;
		padding-left: 25px;
		font-size: 15px;
		font-weight:bold;
	}


.orange_heading_2
	{
		background: url(http://www.simplyplr.com/images/arrow-1.gif) left center no-repeat;
		color: #003366;
		height: 15px;
		padding-left: 25px;
		font-size: 12px;
		font-weight:bold;
	}


.point
	{
		padding-left: 20px;
		font-weight: bold;
	}

a
	{
		/*color: #474747;*/
		color: #004c96;
		font-weight:bold;
		text-decoration:underline;
	}
.testimonial	
		{
		color: #c53b0a;
		font-weight:bold;
	}
.style3 {font-size: x-small}







#mytable {
	width: 700px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 0px solid #C1DAD7;
	border-bottom: 0px solid #C1DAD7;
	border-top: 0px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 0px solid #C1DAD7;
	background: none;
}

td {
	border-right: 0px solid #C1DAD7;
	border-bottom: 0px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 0px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 0px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}


label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
}
input
{
color: #781351;
background: #fee3ad;
border: 0px solid #781351
}

.submit input
{
color: #000;
background: #ffa20f;
border: 0px outset #d7b9c9
}
fieldset
{
border: 1px solid #781351;
width: 20em
}

legend
{
color: #000;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
} 

<style type="text/css">
.heyho { display:none; }
</style>

body.round1{padding: 20px;background-color: #FFF;
font: arial}
h1,h2,p{margin: 0 10px}
h1{font-size: 250%;color: #FFF}
h2{font-size: 200%;color: #003366}
p{padding-bottom:1em}
h2{padding-top: 0.2em}
div#background{ margin: 0 5%;background: #9BD1FA}  /* Setting the background for content and color */

b.rtop, b.rbottom{display:block;background: #FFF} /* Setting the corner color, use different color for different layout */
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #9BD1FA}/* Setting the strip size and background
color */
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 5 1px;height: 1px}

h1 /* Set the Style for the h1 Tag(title) */
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:large;
color:#000099;
}

#divshowhide /* Set the Style for the div Tag(content) */
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 90%;
}
.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

(continue with styles from here)
body {
background: #ffffff;
background: url(images/body-bg.jpg) repeat-x 0px 70.65px;
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
color: #333;

}

a {
text-decoration: none;
color: #003366;
}
a:hover {
text-decoration: underline;
color: #111;
}

img {
border: 0;
align: center;
 }

blockquote {
margin-top: 0;
padding-left: 5px;
 }

#wrapper {
margin: 0 auto;
width: 95%;
background: #f9f9f9;
border-top: 1px solid #003366;
}

#header {
height: 100px;
margin: 0px;
padding: 0px 0 0 0px;
background-color: inherit;
background-repeat: no-repeat;
height: 215px;
color: #ffffff;
font-weight: bold;
font-size: 0px;

}
#header h1 {
font-size: 32px;
letter-spacing: -1px;
padding: 43px 0 0 20px;
color: #F58220;
}
#header h1 a {
color: #ffffff;
text-decoration: none;
font-weight: 100;
letter-spacing: -2px;
}
#header h1 a:hover {
color: #333333;
}
#header h2 {
font-size: 19px;
color: #ffffff;
padding: 5px 0 0 20px;
letter-spacing: -1px;
font-weight: 100;
}

#clickforseo {
height: 200px;
background: url(images/clickforseo.jpg);
}

#topnav {
height: 29px;
line-height: 29px;
background: url(images/topnav-bg.jpg) repeat-x 0px 1px;
}
#topnav ul {
list-style-type: none;
padding-left: 0px;
}
#topnav ul li {
display: block;
float: left;
color: #fff;
}
#topnav ul li a {
padding: 0 0px 0 0px;
text-decoration: none;
font-weight: bold;
font-size: 9px;
color: #fff;
}
#topnav ul li a:hover {
font-weight: bold;
display: block;
color: #fff;
text-decoration: none;
background: url(images/topnav-bg-hov.jpg) repeat-x;
}

#main-content {
border:1px solid #bbb;
border-left: 1px solid #003366;
border-right: 1px solid #003366;
padding: 0 1px 10px 1px;
font-size: 11px;
}

form.qs {
text-align:right;
padding:0px;
margin:0px 13px 0px 0px;
}

form.qs p {
font-size:11px;
font-weight:normal;
padding:0px;
margin:0px;
}

form.qs input.button {
font-size:11px;
font-weight:normal;
width:30px;
color:#000000;
background-color:#f9f9ff;
border:solid 1px #c0d3e2;
padding:0px;
margin:0px;
}

form.qs input.textfield {
font-size:11px;
font-weight:normal;
padding:0px;
margin:0px;
}

.catsub {
 line-height: 1px;
 margin-left:5px;
text-decoration:underline;
}

.catroot {

	font-weight: bold;
text-decoration:underline;


}


.left {
float: left;
width: 20%;
margin-top: 10px;
margin-right:15px;
background: #f2f2f2;
clear:both;
}
.left h2 {
margin: 0 0 0 0;
padding-left: 10px;
height: 28px;
line-height: 28px;
color: #fff;
font-size: 13px;
background: #003366;
}
.left ul {
padding: 10px 0 15px 0px;
list-style-type: none;
}
.left ul li a {
color: ##003366;
text-decoration: none;
font-size: 13px;
font-weight: 100;
}
.left ul li a:hover {
color: #333333;
text-decoration:underline;
}



.middle {
float: left;
width: 60%;
text-align: justify;
}

.middle h2 {
font-size: 12px;
font-weight: 100;
padding: 15px 0 7px 0;
}

.middle h2 a {
text-decoration: none;
color: #4174B4;
}
.middle h2 a:hover {
color: #111;
}

.middle p {
font-size: 12px;
}

.right {
float: right;
width: 2%;
margin-top: 10px;
background: #E5E5E5;
}
.right h2 {
margin: 0px 0 0 0;
padding-left: 10px;
height: 28px;
line-height: 28px;
color: #fff;
font-size: 13px;
background: #003366;
}
.right ul {
padding: 10px 0 15px 20px;
list-style-type: square;
}
.right ul li a {
color: #003366;
text-decoration: none;
font-size: 13px;
font-weight: 100;
}
.right ul li a:hover {
color: #333333;
text-decoration:underline;

}


#footer {
height: 80px;
line-height: 40px;
background: #003366;
text-align: center;
font-size: 11px;
color: #cccccc;
}

#footer a {
color: #dddddd;
}

#footer a:hover {
color: #eeeeee;
text-decoration:underline;
}


p {
font-family: "times new roman",times,serif;
font-size: 12px;
color: #000000;
border:0px solid #fff;
padding:5px;
}


#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 3em;
	padding: 0;
	text-align: left;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 55em;				/* <-- use this for a set width */
	background-color: #eeeeee;;
	}
 	
#content
	{
	padding:3em;
	}

#content h1
	{
	color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
#content p
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(images/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(images/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(images/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(images/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(images/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(images/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}