ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd { margin: 0; padding: 0; }
ul { list-style: none; }
fieldset { border: 0; }
a,a:link,a:visited,a:hover { color: #0664ad; text-decoration: none; }
a:focus,a:hover { outline: none; text-decoration: underline; }
a img { border: 0; }
.clear { clear: both; }
body { position: relative; background: #d1d2d4 url(../images/bodybg.jpg) repeat-x; color: #797979; font: 62.5% Arial,verdana,sans-serif; }
body.bg { background: #d1d2d4 url(../images/bodybg.jpg) repeat-x; }
.replace { position: relative; margin: 0; padding: 0; overflow: hidden; }
.replace span { display: block; position: absolute; top: 0; left: 0; z-index: 1; }
.skiplink { display: none; }
.left { float: left; }
.right { float: right; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
input.highlight { background: #ffcccc; }
input.package { display: none; }
/* ------------------------------------------------------------------------------ Header / Nav --- */
#wrapper { width: 960px; margin: 0 auto; }
#header { width: 960px; height: 100px; background: #d1d2d4 url(../images/header-bg.jpg) repeat-y; }
#logo { float: left; margin: 5px 0px 0px 8px; }
/*
#header #headerleft { width: 300px; height: 42px; float: right; margin: 22px 0px 0px 0px; }
#header #headerleft p { font-family: Tahoma, Arial, Verdana, sans-serif; float: right; color: #ffffff; font-weight: bold; font-size: 25px; }
#header #headerleft a#info { font-family: Tahoma, Arial, Verdana, sans-serif; float: right; color: #e7e7e7; font-size: 16px; font-weight: normal; text-decoration: none; line-height: 0.6em; }
*/
#header #callgirl { float: right; }
#navigation { height: 44px; width: 960px; padding: 0; background: url(../images/nav-bg.jpg) no-repeat; }
#navigation ul { float: right; padding-top:1px; padding-right:30px; }
#navigation ul li { font-family: Tahoma, Arial, Verdana, sans-serif; float: left; margin: 0px; }
#navigation ul li a { color: #ffffff; height: 26px; font-size: 11px; line-height:23px; display: inline-block; display:block; text-decoration: none; padding: 6px 10px 0px 10px; border-right: 1px solid #696a6d; }
#navigation ul li .right { color: #ffffff; height: 26px; font-size: 11px; line-height:23px; display: inline-block; text-decoration: none; padding: 6px 10px 0px 10px; border:none !important; }
#navigation ul li a:hover { background: #d7df21; color: #58585a; }
#navigation ul li a.active { background: #d7df21; cursor: default; color: #58585a; border:none !important; }
#navigation ul li ul li a.active { cursor: default; color: #fff; border:none !important; }
#navigation li ul{
background:#333333;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:150px;
z-index:200;
/*top:1em;
/*left:0;*/
}
#navigation li:hover ul{
display:block;
}
#navigation li li {
background:;
display:block;
float:none;
margin:0px;
padding:0px;
width:150px;
}
#navigation li:hover li a{
background:none;
}
#navigation li ul a{
display:block;
height:26px;
font-size:11px;
font-style:normal;
margin:0px;
padding:0px 15px 0px 10px;
text-align:left;
}
#navigation li ul a:hover, #navigation li ul li:hover a{
background:#0e76bd;
border:0px;
color:#ffffff;
text-decoration:none;
}
/* ------------------------------------------------------------------------------ Home / Main --- */
#content { width: 960px; float: left; background: url(../images/content-bg.jpg) repeat-y top right #f3f3f4; }
#content #leftcolumn { width: 590px; float: left; margin: 10px 20px 0px 20px;}
#content #rightcolumn { float: left; width: 300px; margin: 10px 0px 0px 4px; padding: 0px; }
#content #rightcolumn h4 { color: #414042; background: #BCBEC0; padding-left:10px; font: normal 22px/40px arial; margin: 8px 10px 9px 0px; height:40px; }
#content #leftcolumn h4 { color: #414042; font: normal 22px/40px arial; margin: 8px 10px 0px 0px; height:40px; }
#content #rightcolumn p { color: #414042; font-size:14px; }
#content #leftcolumn h1 { color: #58595B; font-size: 30px; font-weight: normal; line-height: 1.0em; margin: 0px 0px 8px 0px; letter-spacing:-1px; }
#content #leftcolumn h2 { color: #58595B; font-size: 22px; font-weight: normal; line-height: 1.0em; margin: 0px 0px 8px 0px; letter-spacing:-1px; }
#content #leftcolumn #packagesnav .title h2 { color: #58595B; font: normal 18px/22px Arial, Helvetica, sans-serif; margin: 0; }
#content #leftcolumn p { font-size: 13px; margin: 9px 0px 0px 2px; line-height: 1.4em; }
#content #leftcolumn #learnmore { position:relative; width:100px; height:712px; right:140px; margin: 17px 0px 0px 0px; float:left; }
#content #leftcolumn #learnmore #left { float: left; width: 209px; height: 231px; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 15px; background: url(../images/learnmoreleft.jpg) no-repeat; }
#content #leftcolumn #learnmore #right { float: left; width: 209px; height: 231px; padding: 0px 0px 0px 15px; background: url(../images/learnmoreright.jpg) no-repeat; }
#content #leftcolumn #learnmore h2 { font-family: Tahoma, Arial, Verdana, sans-serif; height: 33px; color: #ffffff; font-size: 20px; font-weight: normal; }
#content #leftcolumn #learnmore .text { height: 86px; padding: 0px 50px 0px 0px; }
#content #leftcolumn #learnmore .text p { color: #333333; font-size: 14px; margin: 0px 0px 0px 0px; }
#content #leftcolumn #learnmore .innerleft { float: left; height: 92px; width: 120px; margin: 15px 0px 0px 0px; }
#content #leftcolumn #learnmore .innerleft h3 { font-family: Tahoma, Arial, Verdana, sans-serif; color: #ffffff; font-size: 15px; font-weight: normal; margin: 0px 0px 0px 0px; }
#content #leftcolumn #learnmore .innerleft h3 span { font-family: Tahoma, Arial, Verdana, sans-serif; color: #ffffff; font-size: 22px; font-weight: normal; }
#content #leftcolumn #learnmore .innerright { float: right; height: 92px; width: 82px; margin: 9px 6px 0px 0px; }
#content #leftcolumn #learnmore .innerright a { width: 82px; height: 81px; text-indent: -99999px; display: block; background: url(../images/learnmore.png) no-repeat; }
#content #leftcolumn #learnmore .innerright a:hover { background: url(../images/learnmore.png) no-repeat 0px -81px; }
#content #rightcolumn #consultation { width: 290px; height: 446px; padding: 0px 0px 0px 0px; background: url(../images/consultationbg.jpg) no-repeat; }
#content #rightcolumn #consultation h2 { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 22px; color: #0f75bc; padding: 10px 0px 20px 0px; font-weight: bold; text-align: center; }
#content #rightcolumn #consultation p { font: 500 20px/20px Tahoma, Arial, Verdana, sans-serif; color: #464F00; padding: 85px 0px 0px 21px; width: 260px; text-align:center;}
#content #rightcolumn #consultation dl { display: block; margin: 17px 0px 0px 21px; }
#content #rightcolumn #consultation dt { clear: both; float: left; width: 79px; height: 16px; color: #333333; font-size: 13px; padding: 4px 0px 0px 0px; }
#content #rightcolumn #consultation dd { float: left; width: 180px; height: 26px; margin: 0 0 5px 0; }
#content #rightcolumn #consultation dd input { width: 178px; float: left; height: 22px; border:none; }
#content #rightcolumn #consultation dd textarea { width: 178px; float: left; height: 70px; border:none; }
#content #rightcolumn #consultation input#submitform { display: block; width: 240px; height: 43px; border: none; margin: 45px 50px 0 ; background: url(../images/freeconsultation.png) no-repeat; cursor: pointer; }
#content #rightcolumn #consultation input:hover#submitform { background: url(../images/freeconsultation.png) 0px -43px; }
#content #rightcolumn #webseminars { width: 262px; height: 106px; float: right; margin: 22px 6px 0px 0px; background: url(../images/webseminars.jpg) no-repeat; }
#content #rightcolumn #webseminars a { width: 72px; height: 72px; float: right; margin: 28px 0px 0px 0px; text-indent: -99999px; display: inline-block; }
#content #rightcolumn #webseminars a:hover { background: url(../images/learnmore.png) no-repeat -5px -85px; }
#content #rightcolumn #seojobs { width: 262px; height: 106px; float: right; margin: 22px 6px 0px 0px; background: url(../images/seojobs.jpg) no-repeat; }
#content #rightcolumn #seojobs a { width: 72px; height: 72px; float: right; margin: 28px 0px 0px 0px; text-indent: -99999px; display: inline-block; }
#content #rightcolumn #seojobs a:hover { background: url(../images/learnmore.png) no-repeat -5px -85px; }
/*-------------------------------------------- HOME PAGE PACKAGES -----------------------------------------------------------------*/
#content #leftcolumn #home #pack { float: left; width: 196px; text-align:center; }
#content #leftcolumn #home h2 { color: #186cb9; font: bold 14px/18px Arial, Helvetica, sans-serif; margin:10px 0 0 5px; letter-spacing:0; }
#content #leftcolumn #home h3 { color: #ff5b02; font: bold 14px/18px Arial, Helvetica, sans-serif; margin:10px 0 0 5px; letter-spacing:0; }
#content #leftcolumn #home #pack ul { padding: 5px 0 0 15px; text-align:left; }
#content #leftcolumn #home #pack ul li { color: #58595B; font-size: 13px; line-height: auto; padding: 0px 0px 0px 20px; margin: 0px 0px 4px 0px; background: url(../images/libg.png) no-repeat; }
#content #leftcolumn #home #pack .enquire { float: right; position:relative; right:40px; top:40px;}
#content #leftcolumn #home #pack .enquire a { display: block; text-indent: -99999px; width: 113px; height: 28px; background: url(../images/package-btn.jpg) no-repeat 0 0;}
#content #leftcolumn #home #pack .enquire a:hover { background: url(../images/package-btn.jpg) no-repeat 0 -28px; }
/*-------------------------------------------- -----------------------------------------------------------------*/
#content #leftcolumn ul { padding-bottom: 20px; padding-top:0px; }
#content #leftcolumn ul.home { padding-bottom: 20px; padding-top:30px; }
#content #leftcolumn ul li { color: #58595B; font-size: 13px; line-height: auto; padding: 0px 0px 0px 20px; margin: 0px 0px 4px 0px; }
/*-------------------------------------------- sidebar form ----------------------------------------------------- */
#content #infopage #sidebar #consultation { width: 290px; height: 446px; padding: 0px 0px 0px 0px; background: url(../images/consultationbg.jpg) no-repeat; }
#content #infopage #sidebar #consultation h2 { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 22px; color: #0f75bc; padding: 10px 0px 20px 0px; font-weight: bold; text-align: center; }
#content #infopage #sidebar #consultation p { font: 500 20px/20px Tahoma, Arial, Verdana, sans-serif; color: #464F00; padding: 85px 0px 0px 21px; width: 260px; text-align:center;}
#content #infopage #sidebar #consultation dl { display: block; margin: 17px 0px 0px 21px; }
#content #infopage #sidebar #consultation dt { clear: both; float: left; width: 79px; height: 16px; color: #333333; font-size: 13px; padding: 4px 0px 0px 0px; }
#content #infopage #sidebar #consultation dd { float: left; width: 180px; height: 26px; margin: 0 0 5px 0; }
#content #infopage #sidebar #consultation dd input { width: 178px; float: left; height: 22px; border:none; }
#content #infopage #sidebar #consultation dd textarea { width: 178px; float: left; height: 70px; border:none; }
#content #infopage #sidebar #consultation input#submitform { display: block; width: 240px; height: 43px; border: none; margin: 45px 50px 0 ; background: url(../images/freeconsultation.png) no-repeat; cursor: pointer; }
#content #infopage #sidebar #consultation input:hover#submitform { background: url(../images/freeconsultation.png) 0px -43px; }
/* ------------------------------------------------------------------------------ New home Packages --- */
#content #packagesnav { width: 270px; float: left; padding: 30px 20px 0px 0px; margin: 0px; }
#content #packagesnav .title { padding: 0 0 0 5px; }
#content #infopage #article #seopackages #packagesnav .title h2 { color: #58595B; font: normal 18px/22px Arial, Helvetica, sans-serif; margin: 0; }
#content #infopage #article #webpackages #packagesnav .title h2 { color: #58595B; font: normal 18px/22px Arial, Helvetica, sans-serif; margin: 0; }
#content #infopage #article #socialpackages #packagesnav .title h2 { color: #58595B; font: normal 18px/22px Arial, Helvetica, sans-serif; margin: 0; }
#content #packagesnav span { color: #58595B; font: normal 17px Arial, Helvetica, sans-serif; margin: 0px 0px 9px 0px; }
#content #packagesnav .package { width: 216px; height: 88px; margin: 0px; padding: 0px; background: url(../images/packagenav.jpg) no-repeat; }
#content #packagesnav .package .options { width: 258px; height: 80px; float: left; padding: 12px 0 0 70px; }
#content #packagesnav .package .options ul li { color: #58595B; width:180px; font-size: 11px; height: 20px; padding: 0px 0px 0px 20px; margin: 0px 0px 4px 0px; background: url(../images/libg.png) no-repeat; border-bottom:1px solid #D0D82F; }
#content #packagesnav .package .enquire { float: right; position:relative; top: 30px; right:55px;}
#content #packagesnav .package .enquire a { display: block; text-indent: -99999px; width: 113px; height: 28px; background: url(../images/package-btn.jpg) no-repeat 0 0;}
#content #packagesnav .package .enquire a:hover { background: url(../images/package-btn.jpg) no-repeat 0 -28px; }
/* ------------------------------------------------------------------------------ New Packages --- */
#content #homepackages { width: 370px; float: left; padding: 36px 0px 0px 0px; margin: 0px; font-size:13px; }
#content #homepackages .title { padding: 7px 0 0 0px; }
#content #homepackages h2 { color: #0085C6; font: bold 22px/22px Arial, Helvetica, sans-serif; margin: 0; padding-bottom:10px; }
#content #homepackages span { color: #58595B; font: normal 22px Arial, Helvetica, sans-serif; margin: 0px 0px 9px 0px; }
#content #homepackages .package { width: 140px; height: 130px; margin: 0px; padding: 0px; }
#content #homepackages .package .options { width: 140px; height:120px; float: left; padding: 12px 0 0 5px; }
#content #homepackages .package .options ul li { color: #58595B; width:137px; font-size: 11px; height: 20px; padding: 0px 0px 0px 0px; margin: 0px 0px 4px 0px; list-style-type:none !important; border-bottom:1px solid #D0D82F; }
#content #homepackages .package .enquire { float: left; position:relative; top: 10px; right:130px;}
#content #homepackages .package .enquire a { display: block; text-indent: -99999px; width: 113px; height: 28px; background: url(../images/package-btn.jpg) no-repeat 0 0;}
#content #homepackages .package .enquire a:hover { background: url(../images/package-btn.jpg) no-repeat 0 -28px; }
/* ------------------------------------------------------------------------------ Packages --- */
#content #packages { width: 940px; height: 634px; padding: 9px 0px 0px 10px; margin: 1px 0px 0px 0px; background: url(../images/packagesbg.jpg) no-repeat; }
#content #packages h1 { font-family: Tahoma, Arial, Verdana, sans-serif; color: #ffffff; font-size: 30px; font-weight: normal; }
#content #packages #seopackages { width: 358px; float: left; padding: 34px 0px 0px 0px; margin: 0px 220px 0px 0px; }
#content #packages h2 { color: #333333; font-size: 42px; font-weight: normal; margin: 0px 0px 9px 0px; line-height: 1.1em; }
#content #packages #websitepackages { float: left; width: 360px; height: 300px; padding: 34px 0px 0px 0px; }
#content #packages .package { width: 338px; height: 151px; margin: 0px 0px 10px 0px; padding: 0px 10px 0px 12px; background: url(../images/seopackagebg.png) no-repeat; }
#content #packages .package h2 { font-family: Tahoma, Arial, Verdana, sans-serif; float: left; height: 30px; color: #ffffff; font-size: 19px; font-weight: normal; padding: 6px 0px 2px 0px; margin: 0px 0px 0px 0px; }
#content #packages .package p.price { font-family: Tahoma, Arial, Verdana, sans-serif; float: right; height: 30px; color: #ffffff; font-size: 20px; font-weight: normal; padding: 5px 10px 0px 0px; }
#content #packages .package p.price span { font-size: 10px; }
/* #content #packages .package span.gst { font-family: Tahoma, Arial, Verdana, sans-serif; float: right; height: 30px; color: #ffffff; font-size: 10px; font-weight: normal; padding: 5px 10px 0px 0px; } */
#content #packages .package p.slogan { font-family: Tahoma, Arial, Verdana, sans-serif; height: 23px; clear: both; color: #333333; font-size: 15px; padding: 1px 0px 0px 0px; }
#content #packages .package .options { width: 258px; height: 80px; float: left; padding: 9px 0px 0px 0px; }
#content #packages .package .options ul li { color: #333333; font-size: 12px; height: 15px; padding: 0px 0px 0px 23px; margin: 0px 0px 4px 0px; background: url(../images/libg.png) no-repeat; }
#content #packages .package .enquire, #content #packages-mfc .package .enquire_10off, #content #packages-mfc .package .enquire_500off { width: 80px; height: 80px; float: right; margin: 2px 0px 0px 0px; }
#content #packages .package .enquire a { display: block; text-indent: -99999px; width: 80px; height: 80px; background: url(../images/enquirebg.png) no-repeat; }
#content #packages .package .enquire a:hover { background: url(../images/enquirebg.png) 0px -82px; }
#content #packages #websitepackages .package { width: 340px; height: 151px; padding: 0px 20px 0px 12px; background: url(../images/websitepackagebg.png) no-repeat; }
/* ------------------------------------------------------------------------------ NEW Web design Packages --- */
#article #webpackages { padding: 34px 0px 0px 0px;}
#content #infopage #article #webpackages h2 { color: #58595B; font-size: 24px; font-weight: normal; margin: 0px; line-height: 1.1em; }
#webpackages .package-1, #webpackages .package-2, #webpackages .package-3, #webpackages .package-4 { width: 590px; height: 204px; margin: 0px; padding: 0px 10px 0px 12px; }
#webpackages .package-1 { background: url(../images/web-packagebg-1.png) no-repeat; }
#webpackages .package-2 { background: url(../images/web-packagebg-2.png) no-repeat; }
#webpackages .package-3 { background: url(../images/web-packagebg-3.png) no-repeat; }
#webpackages .package-4 { background: url(../images/web-packagebg-4.png) no-repeat; }
#webpackages .package-1 h3, #webpackages .package-2 h3, #webpackages .package-3 h3, #webpackages .package-4 h3
{ font-family: Tahoma, Arial, Verdana, sans-serif; float: left; height: 30px; color: #ffffff; font-size: 19px; font-weight: normal; padding: 6px 0px 2px 0px; margin: 0px 0px 0px 0px; }
#webpackages .package-1 p.price, #webpackages .package-2 p.price, #webpackages .package-3 p.price, #webpackages .package-4 p.price
{ font-family: Tahoma, Arial, Verdana, sans-serif; float: right; height: 30px; color: #ffffff; font-size: 20px; font-weight: normal; padding: 5px 10px 0px 0px; }
#webpackages .package-1 p.price span, #webpackages .package-2 p.price span, #webpackages .package-3 p.price span, #webpackages .package-4 p.price span { font-size: 10px; }
#article #webpackages .package-1 h2, #article #webpackages .package-2 h2, #article #webpackages .package-3 h2, #article #webpackages .package-4 h2
{ font-family: Tahoma, Arial, Verdana, sans-serif; float: left; height: 30px; color: #ffffff; font-size: 19px; font-weight: normal; padding: 6px 0px 2px 0px; margin: 0px 0px 0px 0px; }
#webpackages .package-1 .options, #webpackages .package-2 .options, #webpackages .package-3 .options, #webpackages .package-4 .options
{ float: left; padding: 30px 30px 0px 200px; color:#58595B; }
#article #webpackages .options ul li { color: #58595B; font-size: 11px; width:350px; padding: 0px 0px 0px 20px; margin: 0px 0px 4px 0px; background: url(../images/libg.png) no-repeat; }
#article #webpackages .package-1 .enquire, #article #webpackages .package-2 .enquire, #article #webpackages .package-3 .enquire, #article #webpackages .package-4 .enquire
{ width: 140px; height: 68px; float: right; margin: 0px; position:relative; bottom:55px; right:30px; }
#article #webpackages .package-1 .enquire a, #article #webpackages .package-2 .enquire a, #article #webpackages .package-3 .enquire a, #article #webpackages .package-4 .enquire a
{ display: block; text-indent: -99999px; width: 140px; height: 34px; background: url(../images/enquirebg.png) no-repeat; }
#article #webpackages .package-1 .enquire a:hover, #article #webpackages .package-2 .enquire a:hover, #article #webpackages .package-3 .enquire a:hover, #article #webpackages .package-4 .enquire a:hover
{ background: url(../images/enquirebg.png) 0px -34px; }
/* ------------------------------------------------------------------------------ NEW Social Packages --- */
#article #socialpackages { padding: 34px 0px 0px 0px;}
#content #infopage #article #socialpackages h2 { color: #58595B; font-size: 24px; font-weight: normal; margin: 0px; line-height: 1.1em; }
#socialpackages .package-1, #socialpackages .package-2, #socialpackages .package-3, #socialpackages .package-4 { width: 590px; height: 192px; margin: 0px; padding: 0px 10px 0px 12px; }
#socialpackages .package-1 { background: url(../images/social-packagebg-1.png) no-repeat; }
#socialpackages .package-2 { background: url(../images/social-packagebg-2.png) no-repeat; }
#socialpackages .package-3 { background: url(../images/social-packagebg-3.png) no-repeat; }
#socialpackages .package-1 h3, #socialpackages .package-2 h3, #socialpackages .package-3 h3, #socialpackages .package-4 h3
{ font-family: Tahoma, Arial, Verdana, sans-serif; float: left; height: 30px; color: #ffffff; font-size: 19px; font-weight: normal; padding: 6px 0px 2px 0px; margin: 0px 0px 0px 0px; }
#socialpackages .package-1 p.price, #socialpackages .package-2 p.price, #socialpackages .package-3 p.price, #socialpackages .package-4 p.price
{ font-family: Tahoma, Arial, Verdana, sans-serif; float: right; height: 30px; color: #ffffff; font-size: 20px; font-weight: normal; padding: 5px 10px 0px 0px; }
#socialpackages .package-1 p.price span, #socialpackages .package-2 p.price span, #socialpackages .package-3 p.price span, #socialpackages .package-4 p.price span { font-size: 10px; }
#article #socialpackages .package-1 h2, #article #socialpackages .package-2 h2, #article #socialpackages .package-3 h2, #article #socialpackages .package-4 h2
{ font-family: Tahoma, Arial, Verdana, sans-serif; float: left; height: 30px; color: #ffffff; font-size: 19px; font-weight: normal; padding: 6px 0px 2px 0px; margin: 0px 0px 0px 0px; }
#socialpackages .package-1 .options, #socialpackages .package-2 .options, #socialpackages .package-3 .options, #socialpackages .package-4 .options
{ float: left; padding: 30px 30px 0px 200px; color:#58595B; }
#article #socialpackages .options ul li { color: #58595B; font-size: 11px; width:360px; padding: 0px 0px 0px 20px; margin: 0px 0px 4px 0px; background: url(../images/libg.png) no-repeat; }
#article #socialpackages .package-1 .enquire
{ width: 140px; height: 68px; float: right; margin: 0px; position:relative; bottom:15px; right:30px; }
#article #socialpackages .package-2 .enquire
{ width: 140px; height: 68px; float: right; margin: 0px; position:relative; bottom:40px; right:30px; }
#article #socialpackages .package-3 .enquire
{ width: 140px; height: 68px; float: right; margin: 0px; position:relative; bottom:35px; right:30px; }
#article #socialpackages .package-1 .enquire a, #article #socialpackages .package-2 .enquire a, #article #socialpackages .package-3 .enquire a, #article #socialpackages .package-4 .enquire a
{ display: block; text-indent: -99999px; width: 140px; height: 34px; background: url(../images/enquirebg.png) no-repeat; }
#article #socialpackages .package-1 .enquire a:hover, #article #socialpackages .package-2 .enquire a:hover, #article #socialpackages .package-3 .enquire a:hover, #article #socialpackages .package-4 .enquire a:hover
{ background: url(../images/enquirebg.png) 0px -34px; }
/* ------------------------------------------------------------------------------ NEW SEO Packages --- */
#article #seopackages { padding: 34px 0px 0px 0px;}
#content #infopage #article #seopackages h2 { color: #58595B; font-size: 24px; font-weight: normal; margin: 0px; line-height: 1.1em; }
#seopackages .package-1, #seopackages .package-2, #seopackages .package-3, #seopackages .package-4 { width: 590px; height: 192px; margin: 0px; padding: 0px 10px 0px 12px; }
#seopackages .package-1 { background: url(../images/seo-packagebg-1.png) no-repeat; }
#seopackages .package-2 { background: url(../images/seo-packagebg-2.png) no-repeat; }
#seopackages .package-3 { background: url(../images/seo-packagebg-3.png) no-repeat; }
#seopackages .package-4 { background: url(../images/seo-packagebg-4.png) no-repeat; }
#seopackages .package-1 h3, #seopackages .package-2 h3, #seopackages .package-3 h3, #seopackages .package-4 h3
{ font-family: Tahoma, Arial, Verdana, sans-serif; float: left; height: 30px; color: #ffffff; font-size: 19px; font-weight: normal; padding: 6px 0px 2px 0px; margin: 0px 0px 0px 0px; }
#seopackages .package-1 p.price, #seopackages .package-2 p.price, #seopackages .package-3 p.price, #seopackages .package-4 p.price
{ font-family: Tahoma, Arial, Verdana, sans-serif; float: right; height: 30px; color: #ffffff; font-size: 20px; font-weight: normal; padding: 5px 10px 0px 0px; }
#seopackages .package-1 p.price span, #seopackages .package-2 p.price span, #seopackages .package-3 p.price span, #seopackages .package-4 p.price span { font-size: 10px; }
#article #seopackages .package-1 h2, #article #seopackages .package-2 h2, #article #seopackages .package-3 h2, #article #seopackages .package-4 h2
{ font-family: Tahoma, Arial, Verdana, sans-serif; float: left; height: 30px; color: #ffffff; font-size: 19px; font-weight: normal; padding: 6px 0px 2px 0px; margin: 0px 0px 0px 0px; }
#seopackages .package-1 .options, #seopackages .package-2 .options, #seopackages .package-3 .options, #seopackages .package-4 .options
{ float: left; padding: 30px 30px 0px 200px; color:#58595B; }
#article #seopackages .options ul li { color: #58595B; font-size: 11px; height: 12px; width:250px; padding: 0px 0px 0px 20px; margin: 0px 0px 4px 0px; background: url(../images/libg.png) no-repeat; }
#article #seopackages .package-1 .enquire, #article #seopackages .package-2 .enquire, #article #seopackages .package-3 .enquire, #article #seopackages .package-4 .enquire
{ width: 140px; height: 68px; float: right; margin: 0px; position:relative; bottom:25px; right:30px; }
#article #seopackages .package-1 .enquire a, #article #seopackages .package-2 .enquire a, #article #seopackages .package-3 .enquire a, #article #seopackages .package-4 .enquire a
{ display: block; text-indent: -99999px; width: 140px; height: 34px; background: url(../images/enquirebg.png) no-repeat; }
#article #seopackages .package-1 .enquire a:hover, #article #seopackages .package-2 .enquire a:hover, #article #seopackages .package-3 .enquire a:hover, #article #seopackages .package-4 .enquire a:hover
{ background: url(../images/enquirebg.png) 0px -34px; }
#article .seminar .enquire
{ width: 156px; height: 44px; float: left; margin-bottom: 30px; position:relative; }
#article .seminar .enquire a
{ display: block; text-indent: -99999px; width: 156px; height: 44px; background: url(../images/freeseminar.png) no-repeat; }
#article .seminar .enquire a:hover
{ background: url(../images/freeseminar.png) 0px -43px; }
/*------------ MELBOURNEFC.PHP START-------------------*/
#content #packages-mfc { width: 940px; height: 634px; padding: 9px 0px 0px 10px; margin: 1px 0px 0px 0px; background: url(../images/packagesbg-mfc.jpg) no-repeat; }
#content #packages-mfc h1 { font-family: Tahoma, Arial, Verdana, sans-serif; color: #ffffff; font-size: 30px; font-weight: normal; }
#content #packages-mfc #seopackages { width: 358px; float: left; padding: 34px 0px 0px 0px; margin: 0px 220px 0px 0px; }
#content #packages-mfc h2 { color: #333333; font-size: 42px; font-weight: normal; margin: 0px 0px 9px 0px; line-height: 1.1em; }
#content #packages-mfc #websitepackages { float: left; width: 360px; height: 300px; padding: 34px 0px 0px 0px; }
#content #packages-mfc .package { width: 338px; height: 151px; margin: 0px 0px 10px 0px; padding: 0px 10px 0px 12px; background: url(../images/seopackagebg.png) no-repeat; }
#content #packages-mfc .package h2 { font-family: Tahoma, Arial, Verdana, sans-serif; float: left; height: 30px; color: #ffffff; font-size: 19px; font-weight: normal; padding: 6px 0px 2px 0px; margin: 0px 0px 0px 0px; }
#content #packages-mfc .package p.price { font-family: Tahoma, Arial, Verdana, sans-serif; float: right; height: 30px; color: #ffffff; font-size: 20px; font-weight: normal; padding: 5px 10px 0px 0px; }
#content #packages-mfc .package p.price span { font-size: 10px; }
/* #content #packages .package span.gst { font-family: Tahoma, Arial, Verdana, sans-serif; float: right; height: 30px; color: #ffffff; font-size: 10px; font-weight: normal; padding: 5px 10px 0px 0px; } */
#content #packages-mfc .package p.slogan { font-family: Tahoma, Arial, Verdana, sans-serif; height: 23px; clear: both; color: #333333; font-size: 15px; padding: 1px 0px 0px 0px; }
#content #packages-mfc .package .options { width: 258px; height: 80px; float: left; padding: 9px 0px 0px 0px; }
#content #packages-mfc .package .options ul li { color: #333333; font-size: 12px; height: 15px; padding: 0px 0px 0px 23px; margin: 0px 0px 4px 0px; background: url(../images/libg.png) no-repeat; }
#content #packages-mfc .package .enquire, #content #packages .package .enquire_10off, #content #packages .package .enquire_500off { width: 80px; height: 80px; float: right; margin: 2px 0px 0px 0px; }
#content #packages-mfc .package .enquire a { display: block; text-indent: -99999px; width: 80px; height: 80px; background: url(../images/enquirebg.png) no-repeat; }
#content #packages-mfc .package .enquire a:hover { background: url(../images/enquirebg.png) 0px -82px; }
#content #packages-mfc #websitepackages .package { width: 340px; height: 151px; padding: 0px 20px 0px 12px; background: url(../images/websitepackagebg.png) no-repeat; }
#content #packages-mfc .package .enquire_10off a { display: block; text-indent: -99999px; width: 80px; height: 80px; background: url(../images/10off/enquirebg.png) no-repeat; }
#content #packages-mfc .package .enquire_500off a { display: block; text-indent: -99999px; width: 80px; height: 80px; background: url(../images/500off/enquirebg.png) no-repeat; }
/*------------ MELBOURNEFC.PHP ENF-------------------*/
/* ------------------------------------------------------------------------------ Tertiary --- */
#content #infopage { width: 960px; float:left; }
#content #infopage h1 { font-family: Tahoma, Arial, Verdana, sans-serif; color: #58595B; font-size: 30px; font-weight: normal; }
#content #infopage #article { width: 590px; float: left; margin: 10px 20px 0; }
#content #infopage #article.nosidebar { border-right: none; }
#content #infopage #article h2 { color: #58595B; font-size: 22px; font-weight: normal; line-height: 1.0em; margin: 0px 0px 8px 0px; letter-spacing:-1px; }
#content #infopage #article p { font-size: 13px; padding: 0 0 10px 0; line-height:1.4em;}
#content #infopage #article img.aligncenter { display: block; margin: 0px; }
#content #infopage #article .packagecontainer { width: 252px; float: left; margin: 0px; padding: 0px 20px 0px 18px; }
#content #infopage #article .packagecontainer.ppc, .packagecontainer.seo { margin: 0px; }
#content #infopage #article .packagecontainer.seo {width:520px; position:absolute; top: 700px; padding-left:30px;}
#content #infopage #article .packagecontainer h2, #content #infopage #article .packagecontainer h2 a { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 20px; color: #EC008C; margin: 7px 0px 15px 0px; }
#content #infopage #article .packagecontainer.ppc h2, #content #infopage #article .packagecontainer.ppc h2 a{ font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 20px; color: #27AAE1; margin: 7px 0px 15px 0px; }
#content #infopage #article .packagecontainer.seo h2 { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 20px; color: #8DC63F; margin: 7px 0px 15px 0px; }
#content #infopage #article .packagecontainer.seo h2 a {color: #8DC63F; }
#content #infopage #article .packagecontainer p { margin: 0px; padding: 0px; font-size: 13px; line-height: 1.4em; }
#content #infopage #article h3.submit-details, #content #leftcolumn h3.submit-details { color: #58595B; font-size: 22px; clear: both; font-weight: normal; padding: 20px 0px 0px 0px; }
/*---------------------------- CONTACT PAGE -------------------------------------*/
#content #infopage #article .contact { height:323px; }
#content #infopage #article .contact .left { float:left; width:300px; }
#content #infopage #article .contact .right { float:right; }
/*---------------------------- CONTACT PAGE END-------------------------------------*/
#content #infopage #article .story { margin: 0 0 40px 0; }
#content #infopage #article .story .logo { margin: 10px 0 15px 0; }
#content #infopage #article .story h3 { float: left; font-size: 25px; font-weight: normal; }
#content #infopage #article .story p.url { float: right; font-size: 20px; vertical-align: bottom; }
#content #infopage #article .story p.url a { text-decoration: underline; }
#content #infopage #article .story p.url a:hover { text-decoration: none; }
#content #infopage #article .story .photo { float: left; width: 140px; margin-right: 20px; }
#content #infopage #article .story .photo img.mug { border: 3px solid #ccc; }
#content #infopage #article .story .excerpt { float: left; width: 430px; }
#content #infopage #article .story .excerpt .testimonial { color: #b82e48; font-style: italic; }
#content #infopage #article .story .excerpt .name span { color: #666666; font-style: italic; }
#content #infopage #article .story .excerpt .rule { width: 100%; height: 1px; background: #e9e9e9; margin: 0 0 20px 0; }
#content #infopage #article .story .excerpt a img { border: 1px solid #e9e9e9; }
#content #infopage #article .story .excerpt a:hover img { border: 1px solid #b82e48; }
#content #infopage #article .map { height: 300px; width: 590px; border: 1px solid #666; margin: 0 0 20px 0; display: block;}
#content #infopage #article h3 { font-size: 22px; font-weight: normal; padding-bottom: 10px; color: #58595B; }
#content #infopage #article h4 { font-size: 13px; font-weight: bold; padding-left: 28px; }
#content #infopage #article h3.mission { font-size: 25px; font-weight: normal; font-style: italic; background: #ffffcc; padding: 10px 10px 10px 15px; margin-bottom: 15px; }
#content #infopage #article ul { padding-bottom: 20px; }
#content #infopage #article ul li { font-size: 13px; padding: 0px 0px 0px 20px; margin: 0px 0px 4px 0px; background: url(../images/libg.png) no-repeat; }
#content #infopage #article ol li { font-size: 13px; padding-bottom:20px; list-style-position: inside; line-height: 1.5em; }
#content #infopage #article ol li ul { font-size: 13px; list-style-type: none; list-style-position: inside; line-height: 1.5em; padding:20px 0 0 20px; }
#content #infopage #article .points { float: left; width: 290px; }
#content #infopage #article p.hurry { font-size: 20px; font-weight: normal; font-style: italic; color: #b82e48; line-height: 1.2em; }
/* #content #infopage #article .ticks { width: 239px; float: left; padding: 9px 0px 0px 0px; } */
#content #infopage #article ul.ticks, #content #leftcolumn ul.ticks { margin: 0px 0px 20px 0px; padding: 10px 10px 10px 25px; /* background: #e4f1d1; */}
#content #infopage #article ul.ticks li, #content #leftcolumn ul.ticks li { font-size: 13px; padding: 0px 0px 1px 23px; margin: 0px 0px 4px 0px; background: url(../images/libg2.png) no-repeat; list-style-type: none; height:auto; }
#content #infopage #article #learnmore { width: 620px; margin: 0px 0px 20px 0px; }
#content #infopage #article #learnmore #left { float: left; width: 285px; height: 231px; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 15px; background: url(../images/learnmoreleft-long.jpg) no-repeat; }
#content #infopage #article #learnmore #right { float: left; width: 285px; height: 231px; padding: 0px 0px 0px 15px; background: url(../images/learnmoreright-long.jpg) no-repeat; }
#content #infopage #article #learnmore h2 { font-family: Tahoma, Arial, Verdana, sans-serif; padding: 6px 0 0 0; margin: 0 0 17px 0; color: #ffffff; font-size: 20px; font-weight: normal; }
#content #infopage #article #learnmore .text { height: 88px; padding: 0px 90px 0px 0px; }
#content #infopage #article #learnmore .text p { color: #333333; font-size: 14px; margin: 0px 0px 0px 0px; }
#content #infopage #article #learnmore .innerleft { float: left; height: 92px; width: 120px; margin: 15px 0px 0px 0px; }
#content #infopage #article #learnmore .innerleft h3 { font-family: Tahoma, Arial, Verdana, sans-serif; color: #ffffff; font-size: 15px; font-weight: normal; margin: 0px 0px 0px 0px; }
#content #infopage #article #learnmore .innerleft h3 span { font-family: Tahoma, Arial, Verdana, sans-serif; color: #ffffff; font-size: 22px; font-weight: normal; }
#content #infopage #article #learnmore .innerright { float: right; height: 92px; width: 82px; margin: 9px 6px 0px 0px; }
#content #infopage #article #learnmore .innerright a { width: 82px; height: 81px; text-indent: -99999px; display: block; background: url(../images/learnmore.png) no-repeat; }
#content #infopage #article #learnmore .innerright a:hover { background: url(../images/learnmore.png) no-repeat 0px -81px; }
#content #infopage #sidebar { width: 300px; float: left; margin: 10px 0 0 4px; }
#content #sidebar h4 { color: #414042; background: #BCBEC0; padding-left:10px; font: normal 22px/40px arial; margin: 8px 10px 9px 0px; height:40px; }
#content #sidebar p { color: #414042; font-size:14px; }
#content #infopage #sidebar .widgets { width: 280px; float: left; background: #eeeeee url(../images/greybtm.jpg) bottom no-repeat; margin: 0px 0px 12px 0px; }
#content #infopage #sidebar .girl { width: 300px; padding-top:40px; height:494px; float: left; background: url(../images/seo-behind-energywatch.png) bottom no-repeat; margin: 0px; }
#content #infopage #sidebar .widgets.green { width: 280px; float: left; background: #e4f1d1 url(../images/greenbtm.jpg) bottom no-repeat; margin: 0px 0px 12px 0; }
#content #infopage #sidebar .widgets.girl { width: 280px; height: 280px; float: left; background: #d2e8fa url(../images/widgetgirl.jpg) 0 0 no-repeat; margin: 0px 0px 12px 0px; }
#content #infopage #sidebar .widgets.bob { width: 280px; height: 280px; float: left; background: #d2e8fa url(../images/widgetbob.jpg) 0 0 no-repeat; margin: 0px 0px 12px 0px; }
#content #infopage #sidebar .widgets.seminar { width: 280px; height: 280px; float: left; background: #d2e8fa url(../images/widget.jpg) 0 0 no-repeat; margin: 0px 0px 12px 0px; }
#content #infopage #sidebar .widgetstop { width: 239px; float: left; padding: 14px 20px 14px 21px; background: url(../images/greytop.jpg) top no-repeat; }
#content #infopage #sidebar .widgetstop.green { width: 239px; float: left; padding: 14px 20px 14px 21px; background: url(../images/greentop.jpg) top no-repeat; }
#content #infopage #sidebar .widgetstop.girl { width: 239px; float: left; padding: 9px 20px 14px 21px; background: none; }
#content #infopage #sidebar .widgetstop h2 { color: #333333; font-size: 21px; font-weight: normal; padding: 0px 0px 5px 0px; border-bottom: 1px solid #999999; }
#content #infopage #sidebar .widgetstop h2.sideform { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 20px; color: #fff; }
#content #infopage #sidebar .widgetstop.girl h2 { border-bottom: none; }
#content #infopage #sidebar .widgetstop.girl .line { height: 1px; width: 206px; background: #666; }
#content #infopage #sidebar .widgetstop p { color: #333333; font-size: 14px; padding: 15px 0px 0px 0px; }
#content #infopage #sidebar .widgetstop.girl p#successmessage { width: 170px; }
#content #infopage #sidebar .widgetstop dl { margin: 15px 0px 0px 0px; }
#content #infopage #sidebar .widgetstop dt { clear: both; float: left; width: 79px; height: 17px; color: #333333; font-size: 13px; padding: 4px 0px 0px 0px; }
#content #infopage #sidebar .widgetstop dd { float: left; width: 153px; height: 21px; margin: 0px 0px 2px 0px; }
#content #infopage #sidebar .widgetstop dd input { width: 153px; height: 15px; }
#content #infopage #sidebar .widgetstop input.submit { float: right; width: 98px; height: 30px; border: none; margin: 10px 0px 0px 0px; background: url(../images/consultationsubmit.png) no-repeat; cursor: pointer; }
#content #infopage #sidebar .widgetstop input:hover.submit { background: url(../images/consultationsubmit.png) 0px -30px; }
#content #infopage #sidebar .widgetstop input.freesubmit { display: block; width: 240px; height: 43px; border: none; margin: 8px auto 0 auto; background: url(../images/freeconsultation.png) no-repeat; cursor: pointer; }
#content #infopage #sidebar .widgetstop input:hover.freesubmit { background: url(../images/freeconsultation.png) 0px -43px; }
#content #infopage #sidebar .widgetstop .options { width: 239px; float: left; padding: 9px 0px 0px 0px; }
#content #infopage #sidebar .widgetstop .options ul { margin: 10px 0px 10px 0px; }
#content #infopage #sidebar .widgetstop .options ul li { color: #333333; font-size: 13px; height: 16px; line-height: 1.0em; padding: 0px 0px 1px 23px; margin: 0px 0px 4px 0px; background: url(../images/libg.png) no-repeat; }
#content #infopage #sidebar .widgetstop span.price { display: block; font-size: 20px; color: #333333; float: left; padding: 3px 0px 0px 0px; }
#content #infopage #sidebar .widgetstop a.learnmore { display: block; width: 108px; height: 30px; float: right; text-indent: -99999px; background: url(../images/learnmorewidget.jpg) 0px -60px; }
#content #infopage #sidebar .widgetstop a:hover.learnmore { display: block; width: 108px; height: 30px; float: right; background: url(../images/learnmorewidget.jpg) 0px -90px; }
#content #infopage #sidebar .widgetstop.green a.learnmore { background: url(../images/learnmorewidget.jpg) no-repeat; }
#content #infopage #sidebar .widgetstop.green a:hover.learnmore { background: url(../images/learnmorewidget.jpg) 0px -30px; }
/* ------------------------------------------------------------------------------ Packages Not Sure --- */
#package-notsure { clear: both; background: #eefaff url(../images/package-notsure-bg.jpg) repeat-x; }
#package-notsure #notsure { width: 960px; margin: 0 auto; padding-bottom: 30px; position: relative; }
#package-notsure #notsure .leftside { float: left; width: 460px; margin: 0 10px; padding-top: 40px; }
#package-notsure #notsure .leftside h2 { color: #333333; font-size: 42px; font-weight: normal; line-height: 1.1em; }
#package-notsure #notsure .leftside p { color: #333333; font-size: 14px; padding-top: 15px; line-height: 1.5em; width: 440px; }
#package-notsure #notsure .leftside p.tailor { font-size: 16px; color: #b82e48; font-style: italic; }
#package-notsure #notsure .leftside img.rightarrow { position: absolute; top: 105px; left: 395px; }
#package-notsure #notsure .rightside { float: left; width: 400px; height: 190px; margin: 30px 10px 0 10px; padding: 20px 30px 10px 30px; background: url(../images/package-notsure-form.jpg) 0 0 no-repeat; }
#package-notsure #notsure .rightside .contactform2 { clear: both; }
#package-notsure #notsure .rightside p { color: #333333; font-size: 14px; width: 280px; }
#package-notsure #notsure .rightside p#instructions2 { padding-bottom: 13px; font-size: 16px; font-style: italic; }
#package-notsure #notsure .rightside p#successmessage2 { width: 400px; }
#package-notsure #notsure .rightside p.last { clear: both; padding: 8px 0px 0px 0px; }
#package-notsure #notsure .rightside dl { display: block; }
#package-notsure #notsure .rightside dt { clear: both; float: left; width: 85px; height: 20px; color: #333333; font-size: 13px; padding: 4px 0 0 0; }
#package-notsure #notsure .rightside dd { float: left; width: 310px; height: 24px; }
#package-notsure #notsure .rightside dd input { width: 310px; height: 15px; }
#package-notsure #notsure .rightside input#submitform2 { float: right; width: 98px; height: 30px; border: none; margin: 5px 0px 0px 0px; background: url(../images/consultationsubmit.png) no-repeat; cursor: pointer; }
#package-notsure #notsure .rightside input:hover#submitform2 { background: url(../images/consultationsubmit.png) 0px -30px; }
/* ------------------------------------------------------------------------------ Secondary Footer --- */
#secondarycontainer { clear: both; background: #212122; }
#secondarycontainer #secondary { width: 960px; height:200px; margin: 0 auto; color: #CCCCCC; font-size: 12px; background:url(../images/footer-bg.png) no-repeat; }
#secondarycontainer #secondary #footerleft { float: left; width: 630px; height:278px; margin: 0; padding: 0; }
#secondarycontainer #secondary #footerleft h2 { color: #ffffff; font-size: 26px; font-weight: normal; margin: 0px 0px 12px 0px; }
#secondarycontainer #secondary #footerleft .module { float: left; margin: 0px 20px 0px 0px; }
#secondarycontainer #secondary #footerleft .module .thumbnail { width: 80px; height: 80px; float: left; }
#secondarycontainer #secondary #footerleft .module .thumbnail img { border: 3px #262626 solid; }
#secondarycontainer #secondary #footerleft .module .footertext { float: left; padding: 0px; }
#secondarycontainer #secondary #footerleft .module .footertext p, .footertext-2 p { color: #cccccc; font-size: 12px; margin: 5px 0px 5px 0px; }
#secondarycontainer #secondary #footerleft .module .footertext h3 { color: #D7DF23; font-size:16px; font-weight: normal; margin: 12px 0px 0px 0px; }
#secondarycontainer #secondary #footerleft .module .footertext-2 h3 { color: #fff; font-size:16px; font-weight: normal; margin: 0px; }
#secondarycontainer #secondary #footerright { float: left; height:278px; width: 311px; padding: 0px; background:url(../images/footerbg-right.jpg) no-repeat; }
#secondarycontainer #secondary #footerright h2 { color: #ffffff; font-size: 26px; font-weight: normal; margin: 0px 0px 17px 0px; }
/* #secondarycontainer #secondary #footerright #tv { width: 270px; height: 139px; padding: 3px 3px 3px 3px; background: url(../images/tvbg.jpg) no-repeat; } */
#secondarycontainer #secondary #footerright #tv a.videolink { height: 145px; width: 269px; display: block; background: url(../images/videolink.png) 0 0 no-repeat; }
#secondarycontainer #secondary #footerright #tv a.videolink:hover { background-position: 0 -145px; }
/* ------------------------------------------------------------------------------ Footer --- */
#footercontainer { clear: both; height: 51px; background: #aeaeae url(../images/footerbg.jpg) repeat-x; }
#footercontainer #footer { width: 960px; margin: 0 auto; }
#footercontainer #footer #copyright { float: left; width: 940px; padding: 10px 0px 0px 10px; }
#footercontainer #footer #copyright p { color: #333333; font-size: 11px; font-family: Arial, Helvetica, sans-serif; width:100%; padding: 0 0 5px 0 ; }
#footercontainer #footer #copyright p a { color: #333333; font-size: 11px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
#footercontainer #footer #copyright p a:hover { text-decoration: underline; }
#footercontainer #footer #copyright p span { color: #999; padding: 0 5px; }
/* ------------------------------------------------------------------------------ Popup --- */
#popup { height: 100%; width: 100%; position: absolute; top: 0; background: url(../images/transparent.png); }
#window { position: absolute; width: 460px; height: 350px; margin-left: -230px; top: 200px; left: 50%; background: url(../images/popupbg-package.png); }
#window h2 { float: left; color: #ffffff; font-size: 24px; font-weight: normal; padding: 18px 0px 0px 25px; }
#window .contactform { clear: both; margin-top: 25px; }
#window p { color: #333333; font-size: 14px; padding: 0px 0px 0px 25px; width: 280px; }
#window p#instructions { height: 70px; }
#window p#successmessage { width: 220px; }
#window p.last { clear: both; padding: 8px 0px 0px 25px; }
#window dl { display: block; margin: 15px 0px 0px 25px; }
#window dt { clear: both; float: left; width: 79px; height: 21px; color: #333333; font-size: 13px; padding: 4px 0 0 0; }
#window dd { float: left; width: 180px; height: 25px; }
#window dd input { width: 180px; height: 15px; }
#window input#submitform { display: block; width: 240px; height: 43px; border: none; margin: 9px auto 0 auto; background: url(../images/freeconsultation.png) no-repeat 0px -86px; cursor: pointer; }
#window input:hover#submitform { background: url(../images/freeconsultation.png) 0px -129px; }
#cross { float: right; margin-top: 15px; display: block; width: 27px; height: 26px; text-indent: -99999px; background: url(../images/cross.png) no-repeat; }
/* ------------------------------------------------------------------------------ Terms --- */
#terms { margin: 20px; color: #333; font-size: 108%; }
#terms p { padding: 0 0 10px 0; }
#terms ul li { margin: 0 0 5px 20px; }
#terms h2 { font-size: 123.1%; padding: 10px 0 10px 0; color: #999; }
/* ------------------------------------------------------------------------------ Social - links --- */
#footerright h3 { color: #D7DF23; font-size:16px; font-weight: normal; padding: 32px 10px 5px; }
#footerright span { color: #fff; font-size:14px; font-weight: bold; margin: 12px 0px 0px 0px; }
.social-links {
padding-left: 10px;
width:290px;
}
.social-links .twitter, .social-links .facebook, .social-links .linkedin, .social-links .flickr {
border-bottom: 1px solid #454548;
position: relative;
margin-bottom: 10px;
}
.social-links .twitter {
background: url(../images/twitter-icon.gif) no-repeat scroll 0 0 transparent;
height: auto;
min-height: 46px;
padding: 0;
}
.social-links .facebook {
background: url(../images/facebook-icon.gif) no-repeat scroll 0 0 transparent;
padding-bottom: 5px;
}
.social-links .google {
background: url(../images/google+icon.gif) no-repeat scroll 0 0 transparent;
padding-bottom: 5px;
}
.social-links .flickr {
background: url(../images/flickr-icon.png) no-repeat scroll 0 0 transparent;
padding-bottom: 5px;
}
.social-links li {
line-height: 1.3em;
text-indent: 50px;
}
.downloads p, li {
font-size: 13px;
}
#twitter_update_list {
padding-left: 50px;
}
/*---------------------------------------------------------------------------------------*/
#content #leftcolumn #gallery_home{
height:250px;
clear:both;
border-top:1px dashed #CCCCCC;
margin:15px 0 0 0;
}
#content #leftcolumn #gallery_home li.even2 {
float:left;
width:590px;
height:auto;
border-bottom: 1px dashed #ccc;
background:none;
}
#content #leftcolumn #gallery_home ul li {
/* border:#000 solid 1px; */
background:url(../images/social-media.png) no-repeat;
padding:0;
margin:0;
float:left;
}
#content #leftcolumn #gallery_home ul li div.number {
background:url(../images/social-media.png) no-repeat;
width:110px;
height:70px
padding:0;
margin:0;
float:left;
}
#content #leftcolumn #gallery_home p {
font-size:13px;
}
#gallery_home ul li div.number {
width:92px;
height:70px;
padding:0;
margin:0;
float:left;
}
/*----------------------------------- WEB DESIGN PAGE LIST----------------------------------------------------*/
#content #leftcolumn #web-design{
height:250px;
clear:both;
border-top:1px dashed #CCCCCC;
margin:15px 0 0 0;
}
#content #leftcolumn #web-design li.even2 {
float:left;
width:590px;
height:auto;
border-bottom: 1px dashed #ccc;
background:none;
}
#content #leftcolumn #web-design ul li {
/* border:#000 solid 1px; */
background:url(../images/webdesign-icons.png) no-repeat;
padding:0;
margin:0;
float:left;
}
#content #leftcolumn #web-design ul li div.number {
background:url(../images/webdesign-icons.png) no-repeat;
width:110px;
height:70px
padding:0;
margin:0;
float:left;
}
#content #leftcolumn #web-design p {
color: #333333;
font-size:13px;
}
#web-design ul li div.number {
width:92px;
height:100px;
padding:0;
margin:0;
float:left;
}
/*----------------------------------- LOGO GALLERY ----------------------------------------------------*/
#gallery {
position:relative;
height:200px
}
#gallery a {
float:left;
position:absolute;
}
#gallery a img {
border:none;
}
#gallery a.show {
z-index:500
}
#gallery .caption {
color:#000;
width:100%;
position:relative;
height:100px;
top:100px;
}
#gallery .caption .content {
margin:0;
padding:0;
color:#58595B;
font-size:13px;
}
/*----------------------------------- LOGO GALLERY END ----------------------------------------------------*/