* {margin:0px; padding:0px;}
html {height:100%; font-size:100%;}
body {font:normal 75%/1.3em Verdana, Arial, Helvetica, sans-serif; color:424242; background:#F1F1F1 url(../seo-images/main-bg.jpg) repeat-x top;}
img {border:none;}
a {text-decoration:none; color:#1A9EDE;}
a:hover {text-decoration:underline; color:#000000;}
ul li {list-style:none;}
p {font-size:11px;}

/* Header Text */
h1 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:18px;}
h2 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:18px;}
h3 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px;}

/* Body */
#page_container {width:1002px; margin:auto;}
#logo_part {background:url(../seo-images/header-img.jpg) no-repeat right; height:174px;}
#container {background:url(../seo-images/container-bg.jpg) repeat-y; padding:10px 15px 30px 15px; height:100%;}

/* Top Menu */
#top_menu {height:37px; margin-bottom:1px; margin-right:58px; margin-top:3px; background:url(../seo-images/menu.jpg) no-repeat right 0px;}
#top_menu ul {float:right;}
#top_menu ul li {float:left; list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:center; font-weight:bold; background:url(../seo-images/menu-sep.jpg) no-repeat;}
#top_menu ul li.firstchild {background:none;}
#top_menu ul li a{display:block; color:#403E32;line-height:37px;}
#top_menu ul li a.active {background:url(../seo-images/menu-active.jpg) no-repeat center; color:#FFFFFF;}
#top_menu ul li a:hover {text-decoration:none;}

#top_menu ul li a.home_active {background:url(../seo-images/active-home.jpg) no-repeat center; color:#FFFFFF;}
#top_menu ul li a.seo_active {background:url(../seo-images/active-seo.jpg) no-repeat center; color:#FFFFFF;}
#top_menu ul li a.ppc_active {background:url(../seo-images/active-ppc.jpg) no-repeat center; color:#FFFFFF;}
#top_menu ul li a.experts_active {background:url(../seo-images/active-experts.jpg) no-repeat center; color:#FFFFFF;}
#top_menu ul li a.blogs_active {background:url(../seo-images/active-blogs.jpg) no-repeat center; color:#FFFFFF;}
#top_menu ul li a.company_active {background:url(../seo-images/active-company.jpg) no-repeat center; color:#FFFFFF;}

#home {width:95px;}
#seo {width:106px;}
#ppc, #experts {width:100px;}
#blogs {width:99px;}
#company {width:102px;}

#home:hover {background:url(../seo-images/menu.jpg) no-repeat 0px -37px;}
#seo:hover {background:url(../seo-images/menu.jpg) no-repeat -95px -37px;}
#ppc:hover {background:url(../seo-images/menu.jpg) no-repeat -201px -37px;}
#experts:hover {background:url(../seo-images/menu.jpg) no-repeat -301px -37px;}
#blogs:hover {background:url(../seo-images/menu.jpg) no-repeat -400px -37px;}
#company:hover {background:url(../seo-images/menu.jpg) no-repeat -500px -37px;}



/* Header */
#client_img2 {position:absolute; top:132px; width:284px;}
#header2 {height:275px; margin-bottom:5px;}
#portfolio2 {width:240px; height:223px;  float:left; margin-left:288px !important; margin-left:144px; background:url(../seo-images/portfolio-bg-2.jpg) no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; padding:52px 0px 0px 15px;}
#portfolio2 h2 {font-size:17px; color:#FFFFFF; text-align:center; line-height:29px; margin-bottom:14px; padding-right:40px;}
#portfolio2  ul li {text-indent:25px; line-height:36px;}
#portfolio2  ul li a {color:#FFFFFF; text-decoration:none;}
#portfolio2  ul li a:hover {color:#FCED4B;}




/* Header Form NEW  <<  NOTES : OVER WRITE HEADER FORM CODE WITH BELOW CODE IN CSS*/
#form {width:450px; height:200px; float:left; background:url(../seo-images/form-bg-3.jpg) no-repeat; padding-top:75px;}
#form li { padding-left:40px; list-style:none;}
.left {float:left;}
.input1 {width:179px; margin-bottom:3px; padding:5px; background:url(../seo-images/input1-bg.jpg) repeat-x; border:1px solid #CCAD3D; }




/* Left Panel */
#left_panel {width:230px; float:left; padding:0px 0px 0px 8px;}
#left_panel h2 {background:url(../seo-images/left-h1.jpg) no-repeat; font-size:18px; color:#FFFFFF; line-height:48px; text-align:center; padding-top:9px;}
.leftbox {background:url(../seo-images/leftbox-bottom.jpg) no-repeat left bottom; padding-bottom:12px;}
.leftbox div{background:url(../seo-images/leftbox-bg.jpg) repeat-y; padding-left:16px;}
.leftbox ul {margin-bottom:8px;}
.leftbox ul li {background:url(../seo-images/leftlinks-bg.jpg) no-repeat; height:25px; padding-bottom:8px; font-size:11px; text-indent:32px; line-height:20px;}
.leftbox ul li a {color:#00496B;}
.leftbox ul li a:hover {text-decoration:underline;}
.input2 {background:#FEFEFF url(../seo-images/input2-bg.jpg) repeat-x top; border:1px solid #BCE6FF; padding:4px; width:144px; font-size:11px; color:#015D8A; margin-left:20px; margin-bottom:3px;}
.leftbox p {padding-left:20px; padding-right:40px; padding-top:5px;  font-size:11px; color:#015D8A; line-height:18px;}

/* Content */
#content {width:497px; float:left;}
#content p {line-height:20px; color:#424242; font-size:11px; margin-left:18px; margin-right:18px; margin-bottom:px; margin-top:3px;}
#content ul li {margin-left:20px; line-height:22px; background:url(../seo-images/content-list.jpg) no-repeat 0px 8px; padding-left:16px;color:#424242; font-size:11px;}
#content ol li {margin-left:37px; line-height:22px; padding-left:0px;color:#424242; font-size:11px;}
.image1 {float:left; margin-right:26px; margin-bottom:10px;}
#content h1 {background:url(../seo-images/content-h1.jpg) no-repeat; height:60px; font-size:18px; color:#006B9F; line-height:56px; text-indent:24px;}
#content h2 {font-size:18px; color:#BC0000; margin-left:18px; margin-right:18px; margin-bottom:5px; padding-top:5px; line-height:20px;}


/* Right Panel */
#right_panel {width:232px; float:left; padding:0px 0px 0px 4px;}
.rightbox p {padding-left:20px; padding-right:40px; margin-bottom:8px; padding-top:5px;  font-size:11px; color:#00496B; line-height:18px;}
.rightbox {background:url(../seo-images/leftbox-bottom.jpg) no-repeat left bottom; padding-bottom:12px;}
.inner1 {background:url(../seo-images/leftbox-bg.jpg) repeat-y; padding-left:8px;}
.inner2 {background:url(../seo-images/seo-expert-kelly.jpg) no-repeat; height:30px; padding-left:44px; padding-top:240px;}
#right_panel h2 {background:url(../seo-images/right-h1.jpg) no-repeat;font-size:18px; color:#FFFFFF; line-height:30px; text-align:center; padding-top:17px;}


/* Footer */
#footer {background:url(../seo-images/footer-bg.jpg) repeat-x; height:67px; text-align:center; color:#FFFFFF; font-size:11px; line-height:22px; padding-top:22px;}
#footer a {color:#FFFFFF;}
#footer a:hover {text-decoration:underline; color:#FCED4B;}

.team {
	border:3px solid #e9e9e9; margin:10px 20px 10px 20px; position:relative;float:left; display:inline;
}

.contactform {border:1px solid #73CBF9; font-size:11px; padding-bottom:12px; margin-bottom:15px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#ffffff; border:1px solid #9CDBFD; padding:4px; margin-bottom:5px; font-size:11px; background-image:url(../seo-images/form-bg1.jpg); background-repeat:repeat-x;}

.contactform2 { width:312px; height:80px;border:1px solid #73CBF9; font-size:11px; padding-bottom:12px; margin-bottom:15px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#ffffff; border:1px solid #9CDBFD; padding:4px; margin-bottom:5px; font-size:11px; background-image: url(../seo-images/form-bg2.jpg); background-repeat:repeat-x;}

.portfolio-img { border: 2px solid #ffffff;margin:0px 2px 20px 2px;}


/* This is the css for styling a form */

/* This is the containing div for the form */
div.form2 { overflow: hidden; width: 190px; position: relative; height: auto; margin: 0px 0px 0px 0px; left: 15px; top: 20px; bottom: 0px; }

/* This is the overall form */
form.form2 { width: 190px; position: relative; font-size: 11px; color: #010000; }

/* this is the submit button */
form.form2 button { background:url(http://www.1seoexperts.com/seo-images/submit-btn.jpg) no-repeat; margin: 10px 0px 10px 10px; height: 24px; width: 71px; border: none; }

/* This is the title of the form */

form.form2 p.form2 { font-size: 15px; margin: 0 auto; margin-bottom: 5px; padding: 0px; text-align: left; width: 200px; }

/* This is the div container for the input label and rules */
form.form2 div.form_elements { position: relative; width: 300px; }

/* This is the input label */
form.form2 div.form_elements label { position: relative; font-size: 12px; color: #010000; }

/* This is the input rules */
form.form2 div.form_elements span { position: relative; font-size: 12px; left: 5px; }

/* These are the input boxes */
form.form2 input { background:url(http://www.1seoexperts.com/seo-images/form-bg1.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 180px; margin: 5px 0px 5px 0px; padding: 5px 0px 3px 5px; border: 1px solid #9cdbfd; }

form.form2 textarea { background:url(http://www.1seoexperts.com/seo-images/form-bg1.jpg) repeat-x; height: 100px; width: 180px; padding-top: 5px; padding-left: 5px; margin-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #9cdbfd; }

/* This is the thank you response for this form */
form.form2 div.thankYou { color: #000000; font-size: 20px;}

div.error { color: #000000; font-size: 15px;}




/* Header Form NEW  <<  NOTES : OVER WRITE HEADER FORM CODE WITH BELOW CODE IN CSS*/
form.form1 button { background:url(http://www.1seoexperts.com/seo-images/getstarted-btn-2.jpg) no-repeat; margin-left: 40px; height: 36px; width: 191px; border: none; }
div.form1 {width:450px; height:200px; float:left; background:url(http://www.1seoexperts.com/seo-images/form-bg-3.jpg) no-repeat; padding-top:75px;}
form.form1 input {width:179px; margin-bottom:3px; padding:5px; margin-left:40px; background:url(http://www.1seoexperts.com/seo-images/input1-bg.jpg) repeat-x; border:1px solid #CCAD3D; }
