* {padding: 0; margin: 0;}
html { height: 100%; }
body {
padding: 0;
background-image: url(../images/grey_bg.jpg);
background-repeat: repeat-x;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
p {
color: #000000;
font-size: 0.9em;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-weight: lighter;
font-style: normal;
line-height: 18px;
padding-bottom: 15px;
}
h1 {
color: #333333;
font-size: 1.8em;
font-family: "Trebuchet MS";
font-weight: bold;
line-height: 30px;
padding: 0;
}
/* gradient 1 */
.gradient1 h1 {
position: relative;
margin: 30px 0 50px;
color: #464646;
font-weight: bold;
}
.gradient1 h1 span {
position: absolute;
display: block;
width: 100%;
height: 31px;
background-image: url(images/gradient-white.png);
background-repeat: repeat-x;
}
h2 {
color: #333333;
font-size: 16px;
font-family: "Trebuchet MS";
font-weight: bold;
line-height: 18px;
text-align: left;
padding-left: 0;
display: block;
text-transform: uppercase;
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
float: left;
width: 100%;
}
.flash_portfolio {
}
h3 {
color: #000000;
font-size: 14px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-weight: bold;
line-height: 18px;
width:100%;
text-align: left;
padding-top: 3px;
padding-left: 3px;
display: block;
text-transform: uppercase;
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
}
.maintext h3 {
clear: left;
float: left;
}
h4 { color: #fff; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 16px; margin: 5px 0 0 5px; }
a:hover { color: #ff0; }
a:link {
color: #333333;
text-decoration: none;
}
a:visited {
color: #333333;
text-decoration: none;
}
/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
#search_engine_optimisation {
background-repeat: no-repeat;
width: 100%;
height: 300px;
margin-top: 0px;
padding: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#search_engine_optimisation img {
text-decoration: none;
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#search_engine_optimisation a {
text-decoration: none;
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#main_container {
text-align: left;
width: 1000px;
height: auto;
margin-right: auto;
margin-left: auto;
}
#container1 {
background-repeat: repeat-x;
text-align: center;
top: -3px;
bottom: 100%;
left: 14px;
width: 100%;
height: auto;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#top_nav_div {
width: 998px;
display: inline;
float: left;
margin-bottom: 50px;
border-left-width: thin;
border-left-style: solid;
border-left-color: #666666;
}
#top_nav_div ul li {
display: block;
float: left;
height: 35px;
}
#top_nav_div ul li a {
display: block;
height: 20px;
width: 154px;
background-color: #333333;
color: #FFFFFF;
text-align: center;
padding-top: 9px;
padding-right: 5px;
padding-left: 5px;
border-right-width: thin;
border-right-style: solid;
border-right-color: #666666;
font-size: 1.3em;
padding-bottom: 5px;
border-bottom-width: 0px;
border-bottom-style: none;
}
#top_nav_div .home a {
display: block;
height: 20px;
width: 304px;
background-color: #333333;
color: #FFFFFF;
text-align: center;
padding-top: 9px;
padding-right: 5px;
padding-left: 5px;
border-right-width: thin;
border-right-style: solid;
border-right-color: #666666;
font-size: 1.3em;
padding-bottom: 5px;
border-bottom-width: 0px;
border-bottom-style: none;
}
#top_nav_div .home a:hover {
color: #333333;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
background-color: #375BD5;
text-align: center;
width: 304px;
float: left;
display: block;
height: 20px;
padding-top: 9px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
font-size: 1.3em;
}
#top_nav_div .about_us a:hover {
color: #333333;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
background-color: #703A98;
text-align: center;
width: 154px;
float: left;
display: block;
height: 20px;
padding-top: 9px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
font-size: 1.3em;
}
#top_nav_div .seo a:hover {
color: #333333;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
background-color: #AD3233;
text-align: center;
width: 154px;
float: left;
display: block;
height: 20px;
padding-top: 9px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
font-size: 1.3em;
}
#top_nav_div .training a:hover {
color: #333333;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
background-color: #F47E08;
text-align: center;
width: 154px;
float: left;
display: block;
height: 20px;
padding-top: 9px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
font-size: 1.3em;
}
#top_nav_div .faq a:hover {
color: #333333;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
background-color: #F1D407;
text-align: center;
width: 154px;
float: left;
display: block;
height: 20px;
padding-top: 9px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
font-size: 1.3em;
}
#top_nav_div .contact a:hover {
color: #333333;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
background-color: #30c44e;
text-align: center;
width: 154px;
float: left;
display: block;
height: 20px;
padding-top: 9px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
font-size: 1.3em;
}
#nav_div {
background-repeat: repeat;
text-align: center;
width: 280px;
height: auto;
margin-bottom: 10px;
float: right;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: dotted;
border-left-style: dotted;
border-right-color: #999999;
border-left-color: #999999;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #999999;
}
ul { color: #fff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 18px; text-align: left; float: left; list-style-type: circle; }
/* nav buttons start*/
.nav_li {
color: #000000;
font-size: 12px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
margin-top: 5px;
margin-left: 5px;
display: block;
}
.nav_li a {
color: #000000;
font-size: 12px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
display: block;
}
.nav_li_homenav {
color: #000000;
font-size: 12px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 305px;
float: left;
padding-top: 0;
padding-left: 0;
display: block;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #999999;
}
.nav_li_homenav a {
color: #000000;
font-size: 14px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 300px;
float: left;
margin-top: 5px;
padding-left: 5px;
display: block;
}
.nav_li_homenav a:hover {
color: #000000;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
background-color: #000062;
text-align: left;
width: 300px;
float: left;
display: block;
}
.nav_li_aboutus {
color: #000000;
font-size: 12px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 205px;
float: left;
padding-top: 0;
padding-left: 0;
display: block;
}
.nav_li_aboutus a {
color: #000000;
font-size: 14px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
margin-top: 5px;
padding-left: 5px;
display: block;
}
.nav_li_aboutus a:hover {
color: #000000;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
background-color: #0f278e;
text-align: left;
width: 200px;
float: left;
display: block;
}
.nav_li_casestudies {
color: #000000;
font-size: 12px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 205px;
float: left;
margin-top: 5px;
display: block;
}
.nav_li_casestudies a {
color: #000000;
font-size: 14px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
padding-left: 5px;
display: block;
}
.nav_li_casestudies a:hover {
color: #000000;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
background-color: #00c;
text-align: left;
width: 200px;
float: left;
display: block;
}
.nav_li_seo {
color: #000000;
font-size: 12px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 205px;
float: left;
margin-top: 5px;
display: block;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #999999;
}
.nav_li_seo a {
color: #000000;
font-size: 14px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
padding-left: 5px;
display: block;
}
.nav_li_seo a:hover {
color: #000000;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
background-color: #3f3599;
text-align: left;
width: 200px;
float: left;
display: block;
}
#seo_training { width: 200px; height: 100px; margin-top: 10px; }
.nav_li_graphics {
color: #000000;
font-size: 12px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 280px;
float: left;
display: block;
background-image: url(../images/graphicdesign_bg.jpg);
background-repeat: no-repeat;
background-position: right;
}
.nav_li_graphics a {
color: #999999;
font-size: 14px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
float: left;
display: block;
width: 200px;
padding-top: 40px;
padding-right: 60px;
padding-bottom: 40px;
padding-left: 20px;
font-weight: bolder;
}
.nav_li_graphics a:hover {
color: #b048b7;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
border-top-color: #b048b7;
border-right-color: #b048b7;
border-bottom-color: #b048b7;
border-left-color: #b048b7;
}
.nav_li_faq {
color: #000000;
font-size: 14px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 205px;
float: left;
margin-top: 5px;
display: block;
}
.nav_li_faq a {
color: #000000;
font-size: 14px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
margin-top: 5px;
padding-left: 5px;
display: block;
}
.nav_li_faq a:hover {
color: #000000;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
background-color: #be0000;
text-align: left;
width: 200px;
float: left;
display: block;
}
.nav_li_search {
color: #999999;
font-size: 12px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
float: left;
display: block;
width: 280px;
margin: 0px;
background-image: url(../images/seo_bg.jpg);
background-repeat: no-repeat;
background-position: right;
font-weight: bold;
}
.nav_li_search a {
color: #999999;
font-size: 14px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
display: block;
padding-top: 40px;
padding-right: 60px;
padding-bottom: 40px;
padding-left: 20px;
}
.nav_li_search a:hover {
color: #FF6600;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FF9900;
}
.nav_li_cpc {
color: #999999;
font-size: 12px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 280px;
float: left;
display: block;
background-image: url(../images/cpc_bg.jpg);
background-repeat: no-repeat;
background-position: right;
}
.nav_li_cpc a {
color: #999999;
font-size: 14px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
display: block;
padding-top: 40px;
padding-right: 60px;
padding-bottom: 40px;
padding-left: 20px;
font-weight: bolder;
}
.nav_li_cpc a:hover {
color: #ff4127;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FF4127;
}
.nav_li_webdesign {
color: #999999;
font-size: 12px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 280px;
float: left;
display: block;
background-image: url(../images/webdesign_bg.jpg);
background-repeat: no-repeat;
background-position: right;
}
.nav_li_webdesign a {
color: #999999;
font-size: 14px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
display: block;
padding-top: 40px;
padding-right: 60px;
padding-bottom: 40px;
padding-left: 20px;
font-weight: bolder;
}
.nav_li_webdesign a:hover {
color: #eecb2f;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
border-top-color: #eecb2f;
border-right-color: #eecb2f;
border-bottom-color: #eecb2f;
border-left-color: #eecb2f;
}
.nav_li_webvideo {
color: #999999;
font-size: 12px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 280px;
float: left;
display: block;
background-image: url(../images/webvideo_bg.jpg);
background-repeat: no-repeat;
background-position: right;
}
.nav_li_webvideo a {
color: #999999;
font-size: 14px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
display: block;
padding-top: 40px;
padding-right: 60px;
padding-bottom: 40px;
padding-left: 20px;
font-weight: bolder;
}
.nav_li_webvideo a:hover {
color: #fc2787;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
border-top-color: #fc2787;
border-right-color: #fc2787;
border-bottom-color: #fc2787;
border-left-color: #fc2787;
}
.nav_li_testimonial {
color: #999999;
font-size: 12px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 280px;
float: left;
display: block;
background-image: url(../images/testimonial_bg.jpg);
background-repeat: no-repeat;
background-position: right;
}
.nav_li_testimonial a {
color: #999999;
font-size: 14px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
display: block;
padding-top: 40px;
padding-right: 60px;
padding-bottom: 40px;
padding-left: 20px;
font-weight: bolder;
}
.nav_li_testimonial a:hover {
color: #01b8f4;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
border-top-color: #01b8f4;
border-right-color: #01b8f4;
border-bottom-color: #01b8f4;
border-left-color: #01b8f4;
}
.nav_li_reports {
color: #000000;
font-size: 12px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
margin-top: 5px;
display: block;
}
.nav_li_reports a {
color: #000000;
font-size: 14px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
padding-left: 5px;
display: block;
}
.nav_li_reports a:hover {
color: #000000;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
background-color: #83db00;
text-align: left;
width: 200px;
float: left;
display: block;
}
.nav_li_contact {
color: #000000;
font-size: 12px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 205px;
float: left;
margin-top: 5px;
display: block;
}
.nav_li_contact a {
color: #000000;
font-size: 14px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
padding-left: 5px;
display: block;
}
.nav_li_contact a:hover { color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; background-color: #21db00; text-align: left; width: 200px; float: left; display: block; }
/* nav buttons end */
#quick_quote_div { background-image: url(../images/animated_rollover.gif); background-repeat: no-repeat; width: 200px; height: 28px; border: solid 1px #fff; display:block; }
#portfolio {
width: 280px;
float: right;
border: 1px solid #666666;
height: 255px;
clear: right;
margin-top: 10px;
}
.portfolio_box {
height: 62px;
width: 62px;
margin-top: 5px;
margin-left: 6px;
float: left;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#portfolio h3 {
width: 278px;
text-align: center;
color: #FFFFFF;
background-color: #333333;
margin: 0px;
}
#ranking {
width: 280px;
float: right;
border: 1px solid #666666;
height: 150px;
margin-top: 10px;
clear: right;
}
#ranking h3 {
width: 278px;
text-align: center;
color: #FFFFFF;
background-color: #333333;
}
#FormName { width: 200px; height: 100px; }
#success {
height: auto;
width: auto;
margin-bottom: 10px;
background-image: url(../images/underline.jpg);
background-repeat: no-repeat;
background-position: bottom;
background-color: #FFFFFF;
}
#success h3 {
background-color: #333333;
color: #FFFFFF;
width: 100%;
}
#quick_quote_div h1 a:hover { color: #fff; font-weight: normal; background-image: url(../images/animated_rollover2.gif); background-repeat: no-repeat; text-decoration: none; width: 200px; height: 28px; display:block; }
/* text fields start */
.text_field /*agl rulekind: base;*/ { width: 279px; height: auto; margin-right: 20px; margin-left: 20px; width: 185px; border: solid 2px #fff; }
.text_field_name /*agl rulekind: base;*/ { color: #0000b2; width: 279px; height: auto; margin-right: 0; margin-left: 5px; width: 185px; border: solid 2px #fff; }
.text_field_company /*agl rulekind: base;*/ { color: #639; width: 279px; height: auto; margin-right: 0; margin-left: 5px; width: 185px; border: solid 2px #fff; }
.text_field_email /*agl rulekind: base;*/ { color: #be0000; width: 279px; height: auto; margin-right: 0; margin-left: 5px; width: 185px; border: solid 2px #fff; }
.text_field_telephone /*agl rulekind: base;*/ { color: #feab04; width: 279px; height: auto; margin-right: 0; margin-left: 5px; width: 185px; border: solid 2px #fff; }
.text_field_url /*agl rulekind: base;*/ { color: #dfd510; width: 279px; height: auto; margin-right: 0; margin-left: 5px; width: 185px; border: solid 2px #fff; }
.text_field_keywords /*agl rulekind: base;*/ { color: #21db00; width: 279px; height: auto; margin-right: 0; margin-left: 5px; width: 185px; border: solid 2px #fff; }
.text_field_name:hover { border: solid 2px #00c; }
.text_field_company:hover { border: solid 2px #639; }
.text_field_email:hover { border: solid 2px #be0000; }
.text_field_telephone:hover { border: solid 2px #feab04; }
.text_field_url:hover { border: solid 2px #ff0; }
.text_field_keywords:hover { border: solid 2px #21db00; }
.text_field_name:hover { border: solid 2px #00c; }
.text_field_name:focus { border: solid 2px #00c; }
.text_field_company:focus /*agl rulekind: base;*/ { color: #639; width: 279px; height: auto; margin-right: 0; margin-left: 5px; width: 185px; border: solid 2px #3e3495; }
.text_field_email:focus { border: solid 2px #be0000; }
.text_field_telephone:focus { border: solid 2px #feab04; }
.text_field_url:focus { border: solid 2px #ff0; }
.text_field_keywords:focus { border: solid 2px #21db00; }
#trainingbut_div {
float: right;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
width: 200px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
background-image: url(../images/underline.jpg);
background-position: left bottom;
background-repeat: no-repeat;
clear: right;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
#trainingbut_div a {
font-weight: bold;
color: #333333;
text-align: left;
display: block;
padding: 40px;
width: 200px;
border: 1px dotted #CCCCCC;
}
#trainingbut_div a:hover {
color: #2358CA;
border: 1px dotted #2358CA;
display: block;
padding: 40px;
width: 200px;
text-align: left;
float: left;
}
/* text fields end */
#submit_div input { color: #fff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #1b46b7; background-image: url(file:///Macintosh%20HD/Users/graigrudolfupton/Library/Application%20Support/Adobe/Dreamweaver%209/Configuration/ServerConnections/Unnamed%20server%203/www.weblinx.biz/search_engine_optimisation/casestudies/images/submit_button_back.gif); margin-top: 20px; margin-left: 4px; padding: 4px 3px 3px; border: solid 0.5px; }
#content_header {
height: auto;
margin-bottom: 20px;
background-image: url(../images/underline.jpg);
background-position: bottom;
background-repeat: no-repeat;
padding-bottom: 10px;
}
#content_header a {
font-family: "Trebuchet MS";
color: #333333;
float: right;
}
#footer_div {
background-repeat: repeat-x;
text-align: center;
margin-top: 50px;
padding-top: 0;
position: relative;
width: 100%;
height: auto;
float: left;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #333333;
}
#copyright_div {
text-align: center;
width: 1000px;
height: auto;
padding-top: 10px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.footer_tx {
color: #FFFFFF;
line-height: 11px;
margin-top: 20px;
}
#MAIN_CONTENT {
text-align: left;
width: 700px;
height: auto;
float: left;
padding-bottom: 10px;
}
.maintext {
float: left;
clear: left;
width: 680px;
padding-right: 10px;
padding-left: 0px;
}
#submit_div { height: 45px; }
#seo_training { width: 200px; height: 94px; margin-top: 20px; }
.portfolio_info {
font-family: "Trebuchet MS";
font-size: 12px;
font-weight: bold;
color: #333333;
float: right;
height: auto;
width: 680px;
padding: 10px;
}
.portfolio_info3 {
font-family: Helvetica;
font-size: 12px;
font-weight: bold;
color: #333333;
float: right;
width: 550px;
height: auto;
padding: 10px;
}
.site_pics2 {
float: right;
padding-top: 55px;
}
.site_pics {
float: left;
margin-bottom: 10px;
}
.site_pics3 {
float: left;
}
.site_pics4 {
float: left;
padding-top: 55px;
}
.site_pics5 {
float: right;
padding-top: 45px;
}
.portfolio_info2 {
font-family: Helvetica;
font-size: 12px;
font-weight: bold;
color: #333333;
float: left;
height: 100%;
width: 680px;
padding: 10px;
}
.site_pics img {
float: left;
}
.portfolio_text {
font-family: "Trebuchet MS";
font-size: 12px;
line-height: 20px;
font-weight: normal;
padding-top: 5px;
width: 400px;
text-align: left;
color: #333333;
}
.portfolio_textright {
float: right;
width: 400px;
font-family: helvetica;
font-size: 12px;
color: #333333;
font-weight: bold;
}
.website_button{
height: 30px;
width: 30px;
float: right;
margin-right: 5px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
font-size: 42px;
line-height: 20px;
color: #333333;
}
.button_drop{
height: 30px;
width: 30px;
float: right;
margin-right: 5px;
margin-top: 10px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-bottom: 20px;
}
.button_drop2 {
height: 30px;
width:30px;
float: left;
margin-right: 5px;
margin-top: 10px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-bottom: 20px;
}
.website_button2 {
height: 30px;
width:30px;
float: left;
margin-right: 5px;
margin-top: 10px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#portfoilio_details {
margin-bottom: 20px;
float: left;
}
.casestudies_boxes {
width: auto;
float: left;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
background-repeat: no-repeat;
height: 212px;
}
.casestudiesimg {
}
.casestudies_boxes .site_pics img {
margin-top: 8px;
margin-right: 12px;
margin-left: 8px;
margin-bottom: 5px;
}
.casestudies_boxes p {
float: left;
clear: right;
font-weight: bold;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.casestudiestop { height: auto; }
.casestudiestext {
font-family: Arial, Helvetica, sans-serif;
}
.casestudieslist {
float: left;
margin-bottom: 20px;
list-style-type: none;
color: #000000;
clear: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
width: 400px;
}
#casestudies_img {
background-image: url(../images/profile_bg.gif);
background-repeat: no-repeat;
width: auto;
height: 215px;
margin-bottom: 20px;
}
#casestudies_img .casestudiesimg {
margin: 10px;
}
#portfoilio_details2 {
width: auto;
margin-bottom: 20px;
float: left;
border-bottom: 1px solid #fbfbfb;
border-top-color: #fbfbfb;
border-top-style: solid;
}
#footer_icons {
width: 700px;
float: left;
}
.icons {
padding-right: 5px;
float: left;
padding-bottom: 5px;
border-width:0px;
}
.icons a {
float: left;
padding-bottom: 5px;
border-width:0px;
}
.icons a:hover {
float: left;
padding-bottom: 5px;
border-width:0px;
}
#footer_icons h3 {
width: 695px;
float: left;
padding-left: 5px;
padding-top: 5px;
text-align: left;
}
.footer_tx a {
color: #FFFFFF;
}
.right_column {
width: 135px;
float: right;
background-image: url(www.weblinx.biz/search_engine_optimisation/casestudies/images/headerbackground.gif);
background-repeat: repeat;
padding-left: 5px;
padding-top: 5px;
}.bannerimg{ text-align: center; margin: 10px 10px 10px 0;
}
.cpc_form {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-align: left;
margin-top: 10px;
margin-bottom: 50px;
font-weight: normal;
}#form1 {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.dropdown_button {
background-color: #346AF3;
border: 1px solid #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
padding-top: 5px;
padding-bottom: 5px;
}
.submit_button {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #346AF3;
background-color: #FF6600;
border: 2px groove #FFCC00;
padding: 3px;
}
#steps {
float: right;
width: 570px;
background-image: url(../images/steps_background.gif);
height: 65px;
}#limo_icons {
height: 50px;
width: 570px;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
margin-right: 0px;
margin-left: 0px;
}
#limo_icons a {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-decoration: none;
}
.limo_tab {
text-decoration: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.limo_tab a {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-decoration: none;
}
.limo_banner {
float: right;
margin-top: 10px;
width: 570px;
}
.AddImage
{
padding-left: 8px;
padding-top: 3px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
}
.site_pics img {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
float: left;
}
.page_numbers {
color: #000000;
list-style-type: none;
margin-bottom: 15px;
float: left;
height: 20px;
clear: right;
}
.page_numbers li {
display: inline;
padding-right: 5px;
font-size: 1.3em;
font-weight: bold;
height: 20px;
float: left;
}
.site_pics3 img {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
float: left;
width: auto;
margin: 10px;
}
portfolio slider
#intro {
padding-bottom: 10px;
}
#slider {
width: 690px;
margin: 0 auto;
position: relative;
border: 3px solid #333333;
}
.scroll {
overflow: hidden;
width: 690px;
margin: 0 auto;
position: relative;
}
.scrollContainer {
position: relative;
}
.scrollContainer div.panel {
padding: 10px;
width: 274px;
height: 290px;
}
#left-shadow {
position: absolute;
top: 0;
left: 0;
width: 12px;
bottom: 0;
background: url(../images/leftshadow.png) repeat-y;
}
#right-shadow {
position: absolute;
top: 0;
right: 0;
width: 12px;
bottom: 0;
background: url(../images/rightshadow.png) repeat-y;
}
.inside {
padding: 10px;
border: 1px solid #999;
}
.inside img {
display: block;
border: 1px solid #666;
margin: 0 0 10px 0;
width: 250px;
}
.inside h2 {
font-weight: normal;
color: #111;
font-size: 15px;
margin: 0 0 8px 0;
}
.inside p {
font-size: 11px;
color: #ccc;
}
a {
color: #999;
text-decoration: none;
border-bottom: 1px dotted #ccc;
}
a:hover {
border-bottom: 1px solid #999;
text-decoration: none;
}
.scrollButtons {
position: absolute;
top: 129px;
cursor: pointer;
}
.scrollButtons.left {
left: 0px;
}
.scrollButtons.right {
right: -1px;
}
.hide {
display: none;
}
s
#search_optimisation_flash {
float: left;
margin-bottom: 10px;
}
/* general form styling */
fieldset{
margin:0;
padding:0;
border:none;
}
legend{
color: #FFFFFF;
font-size: 16px;
text-align: center;
padding-top: 10px;
}
input, textarea{
background:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
textarea{
overflow:hidden;
height:50px;
margin:0;
}
#call_back_contactForm/* our comment form */
{
width:280px;
height:206px;
background-color: #333333;
background-repeat: no-repeat;
background-position: 0 0;
}
#contactForm fieldset{
padding-top:20px;
}
#contactForm #submit {
width: 50px;
margin-left: 16px;
margin-top: 10px;
}
#contactForm p{
margin:2px 16px;
width:150px;
}
#contactForm input, #contactForm textarea{
border:1px solid #d3cf73;
width:100%;
}
#contactForm button{
border:none;
background:url(bg_button.gif) no-repeat 0 0;
width:45px;
height:25px;
text-align:left;
overflow:hidden;
text-indent:-8000px;
cursor:pointer;
margin-top:5px;
}
/* text field classes */
#contactForm .inactive{
color:#999;
}
#contactForm .active{
color:#000;
}
#contactForm .focused{
color:#000;
background:#fffee7;
}
#contactForm #call_back_contact {
margin-bottom: 10px;
}
#callback {
float: right;
width: 280px;
height: 420px;
margin-bottom: 5px;
overflow: hidden;
margin-top: 0px;
clear: right;
}
#ranking img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
padding-left: 10px;
}
#ranking a {
text-decoration: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
iframe {
frameborder: 0px;
}
#ranking a:hover {
text-decoration: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#callback iframe {
height: 420px;
width: 280px;
margin: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
overflow: hidden;
padding: 0px;
}
#back_to_webdesign {
float: left;
height: 74px;
}
#awards {
float: right;
clear: right;
width: 280px;
text-align: center;
margin-top: 10px;
}
.google-image {
float: right;
height: 200px;
width: 300px;
margin-bottom: 10px;
margin-left: 10px;
}
.google-map {
float: right;
height: 150px;
width: 300px;
margin-bottom: 10px;
margin-left: 10px;
}
.keyword-image {
float: left;
height: 150px;
width: 300px;
margin-right: 10px;
margin-bottom: 10px;
}
.tip-board {
float: left;
height: 110px;
width: 79px;
margin-right: 10px;
margin-bottom: 10px;
}
.logos {
height: 180px;
width: 140px;
padding: 10px;
float: left;
margin-bottom: 20px;
}
.logos img {
margin-bottom: 5px;
}
.main_text_fields {
width: 695px;
border: 1px solid #333333;
overflow: visible;
margin-bottom: 10px;
}
#button {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0px;
width: 100px;
float: left;
}
#upload {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0px;
}
#open_close_casestudies {
font-weight: bold;
color: #333333;
font-family: "Trebuchet MS";
float: left;
margin-bottom: 20px;
}
#success object {
z-index: 1;
}
#search_engine_optimisation object {
z-index: -1;
visibility: inherit;
}
.centre {
text-align: center;
}
.c1 {display:none;}
#outwell {
float: left;
margin-bottom: 10px;
margin-right: 15px;
margin-left: 10px;
}
.nav_li_google {
color: #999999;
font-size: 12px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 280px;
float: left;
display: block;
background-image: url(../images/google-services.jpg);
background-repeat: no-repeat;
background-position: right;
}
.nav_li_google a {
color: #999999;
font-size: 14px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
display: block;
padding-top: 40px;
padding-right: 60px;
padding-bottom: 40px;
padding-left: 20px;
font-weight: bolder;
}
.nav_li_google a:hover {
color: #1840A7;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
border-top-color: #1840A7;
border-right-color: #1840A7;
border-bottom-color: #1840A7;
border-left-color: #eecb2f;
}
.nav_li_none {
color: #999999;
font-size: 12px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 280px;
float: left;
display: block;
}
.nav_li_none a {
color: #999999;
font-size: 14px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
display: block;
padding-top: 40px;
padding-right: 60px;
padding-bottom: 40px;
padding-left: 20px;
font-weight: bolder;
}
.nav_li_none a:hover {
color: #eecb2f;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-style: normal;
text-align: left;
width: 200px;
float: left;
border-top-color: #eecb2f;
border-right-color: #eecb2f;
border-bottom-color: #eecb2f;
border-left-color: #eecb2f;
}