/*-- Master layout --*/
html, body {
font: 12px Arial, Helvetica, sans-serif;
background: #9abcc8 url("images/back.jpg") repeat-x center top;
}
:focus {
border:none;
outline:none;
}
a {
color: #0A8ABF;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
h1 {
font-family:Georgia, "Times New Roman", Times, serif;
}
#page {
width: 980px;
margin: 0 auto;
padding: 0px;
}
#header {
height: 120px;
padding: 0px 10px;
xoverflow: auto;
z-index: 1;
position:relative;
}
.headerbox {
position:absolute;
width: 293px;
height:95px;
top:15px;
right:10px;
color:#F3B477;
}
.headerpic {
background:url(images/headerpic.png) no-repeat top left;
width:252px;
height:24px;
padding:6px 0 0 40px;
}
.headerbox p {
color:#FFFFFF;
margin:5px 0px 5px 10px;
}
.add {
float:right;
width:71px;
height:25px;
background:url(images/download.png) no-repeat top left;
border:0 none;
margin:0 0 0 5px;
cursor:pointer;
}
.add:hover {
background:url(images/download.png) no-repeat top left;
}
.headerdivcont {
float:right;
width:191px;
height:21px;
background:url(images/headerdivcont.png) no-repeat top left;
padding:1px;
}
.headerinput {
width:181px;
height:18px;
border:0 none;
background:#497483;
float:right;
padding:3px 5px 0 5px;
font-size:12px;
color:#C6EEFB;
}
#footer {
text-align: center;
background: url("images/footer.png") no-repeat center top;
height: 55px;
line-height: 55px;
color:#fff;
margin:5px 0 0 0;
}
#footer a{
text-decoration:underline;
color:#FFFFFF;
}
#footer a:hover{
text-decoration:none;
}
#content {
background: url("images/content.jpg") no-repeat center top;
padding: 0px 0px;
overflow: auto;
zoom: 1;
}
/*-- header --*/
#logo {
float:left;
width:400px;
display:inline;
margin:11px 0 0 23px;
display:block;
}
/*-- Menu --*/
#menu {
background: url("images/menu.png") repeat-x center top;
height: 39px;
}
#menu .l {
float: left;
background: url("images/menul.png") no-repeat left top;
height: 38px;
width: 11px;
}
#menu .r {
float: right;
background: url("images/menur.png") no-repeat right top;
height: 38px;
width: 11px;
}
ul.menu {
float:left;
padding: 4px 0 0;
xwidth:958px;
width:810px;
overflow:auto;zoom:1;
height:30px;
}
ul.menu li {
float: left;
background: url("images/menusep.png") no-repeat right top;
overflow:auto;zoom:1;
height:30px;
}
ul.menu a,
ul.menu a:hover {
text-decoration: none;
font:14px Georgia, "Times New Roman", Times, serif;
float: left;
padding: 0 16px;
text-align:center;
color: #039;
height: 30px;
}
ul.menu a:hover {
background: url("images/menusel.png") no-repeat center bottom;
}
ul.menu li.menu-hire-me {
background: none;
float:right;
padding-right:30px;
}
ul.menu li.menu-hire-me a,
ul.menu li.menu-hire-me a:hover {
background: url("images/menu-hire-me.png") no-repeat center top;
width: 115px;
text-decoration: none;
font: bold 11px Arial, Helvetica, sans-serif;
float: left;
color: #FFF;
height: 21px;
line-height: 21px;
text-align:center;
padding: 0px 15px 0 0;
margin-top:4px;
}
ul.menu li.menu-hire-me a:hover {
background: url("images/menu-hire-me.png") no-repeat center bottom;
text-decoration: underline;
}
/*-- Content --*/
.maincontent {
overflow:auto;
padding:15px 0 0 0;
}
.welcomesite {
background:url(images/welcomesite.png) no-repeat top left;
width:545px;
height: 219px;
margin:0 0 0 8px;
position:relative;
}
.welcomesite div{
position:absolute;
font-size:22px;
font-family:Georgia, "Times New Roman", Times, serif;
top:30px;
left:155px;
font-style:italic;
color:#FFFFFF;
font-weight:bold;
}
.welcomesite p {
color:#FFFFFF;
position:absolute;
top:60px;
left:155px;
width:360px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
line-height:19px;
}
.welcomesite p span {
font-weight:bold;
color:#91DAF3;
}
.post,
#posts {
float: left;
width: 556px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#news {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#news a {
color: #0A8ABF;
text-decoration:none;
}
#news a:hover {
text-decoration:underline;
}
#news .postcont {
width:543px;
margin:0 0 0 10px;
}
#news .top {
background:url(images/posttop.png) no-repeat top left;
width:543px;
height:3px;
font-size:1px;
}
#posts .middle {
width: 533px;
padding:0 5px 2px 5px;
background:url(images/postmiddle.png) repeat-y top left;
}
#news .middleshadow {
background:url(images/postmiddleshadow.png) bottom left repeat-x;
}
#news .bottom {
width: 543px;
height:3px;
font-size:1px;
background:url(images/postbottom.png) no-repeat top left;
margin-bottom:5px;
}
#posts h1{
background:url(images/posthead.png) no-repeat left top;
color:#145c7a;
padding:10px 0 0 20px;
font-style:italic;
font-weight: bold;
font-size:17px;
}
#news h1 a{
color:#145c7a;
}
#news .time {
background:url(images/posttime.png) no-repeat left bottom;
height:33px;
color:#e8780b;
padding-left:42px;
line-height:39px;
font-size:12px;
}
#news .tags {
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color: #9C9D9E;
font-style:normal;
padding:0 0 0 20px;
margin:10px 0;
}
#news .tags a{
font-style:italic;
}
#news .comments {
background:url(images/nocommentarrow.png) no-repeat left center;
padding:0 0 0 20px;
margin:0 0 0 16px;
}
#news .newscont {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:10px 20px;
color:#414141;
line-height:18px;
}
.newscont p {
margin:8px 0;
}
#news .readmore {
color:#0A8ABF;
margin-left:20px;
}
.recent_text {
background:url(images/recenttextpic.png) no-repeat top left;
width:242px;
height:28px;
}
#sideColumn {
float: right;
width: 424px;
overflow: auto;
zoom: 1;
}
.clientwork {
width:402px;
height:181px;
background:url(images/clientwork.png) no-repeat top left;
margin:0 0 10px 15px;
}
.chatbackground {
background:url(images/chatbackground.png) no-repeat top left;
width:402px;
height:240px;
position:relative;
margin:15px 0 10px 12px;
}
.direcion,
.advice,
.consulting {
position:absolute;
color:#29677C;
font-weight:bold;
font-size:17px;
top:97px;
left:48px;
font-family:Georgia, "Times New Roman", Times, serif;
}
.advice {
top:118px;
}
.consulting {
top:139px;
}
.chatbutton {
background:url(images/chatbutton.png) no-repeat top left;
width:109px;
height:23px;
color: #F2B477;
position:absolute;
top:168px;
left:15px;
padding:7px 0 0 48px;
display:block;
cursor: pointer;
}
.littleinfo {
color:#2A5260;
font-weight: bold;
font-size:12px;
position:absolute;
top:21px;
left:200px;
}
.rowform {
height:21px;
width:191px;
margin:0 0 5px 0;
background:url(images/rowform.png) no-repeat top left;
padding:1px;
}
.quoteform {
position:absolute;
top:50px;
left:195px;
}
.inputs {
height:16px;
width:169px;
border:0 none;
margin:0px;
padding:3px 10px 0 10px;
background:#497483;
color:#C6EEFB;
}
.quoteformsubmitlocal {
background:url(images/quoteformsubmitlocal.png) no-repeat top left;
width:132px;
height:27px;
cursor:pointer;
border:0 none;
cursor:pointer;
}
.quoteformsubmit {
background:url(images/quoteformsubmit.png) no-repeat top left;
width:132px;
height:27px;
cursor:pointer;
border:0 none;
cursor:pointer;
}
.quoteformsubmit:hover {
background:url(images/quoteformsubmithover.png) no-repeat bottom left;
}
.mejlspam {
color: #414141;
position:absolute;
top:210px;
left:75px;
font-size:11px;
font-style:italic;
}
.connwithsoc {
width:290px;
height:40px;
background:url(images/connwithsoc.png) no-repeat top left;
margin:0 0 0 11px;
}
.connwithsoc_links {
background:url(images/facecont.png) no-repeat top left;
width:396px;
height:37px;
position:relative;
margin:10px 0 10px 17px;
padding:27px 0;
}
.connwithsoc_links a {
margin-left:20px;
}
.qouteaweek {
background:url(images/qouteaweek.png) no-repeat top left;
width:230px;
height:40px;
margin:0 0 0 11px;
}
.qouteaweek_cont {
background:#CCDDE3 url(images/qouteaweek_cont.png) no-repeat top left;
width:300px;
position:relative;
margin:10px 0 0px 20px;
padding:20px 50px 10px 30px;
}
.qouteaweek_cont p {
color:#414141;
font-size:12px;
font-style:italic;
line-height:17px;
}
.qouteaweek_link {
background:url(images/qouteaweek_link.png) no-repeat top left;
width:350px;
height:45px;
margin:0 0 0 20px;
padding:0 0 0 30px;
color:#0A8ABF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}
.currenclient {
background:url(images/currenclient.png) no-repeat top left;
width:367px;
height:37px;
margin:-7px 0 0 23px;
}
.rescpost {
background:url(images/rescpost.png) no-repeat top left;
width:260px;
height:40px;
margin:10px 0 10px 20px;
}
.contacushead,
.commenthead {
font-size:18px;
font-style:italic;
background:url(images/contacushead.png) no-repeat left bottom;
height:33px;
color:#e8780b;
padding-left:20px;
line-height:39px;
font-weight: bold;
font-family:Georgia, "Times New Roman", Times, serif;
}
.commenthead {
color:#145C7A;
}
.contactusdanny {
width:418px;
height:169px;
background:url(images/contactusdanny.png) no-repeat top left;
position:relative;
}
.contactusdanny p{
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
left:125px;
line-height:19px;
position:absolute;
top:30px;
width:265px;
}
.contactusdanny span{
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-style:italic;
font-weight:bold;
}
.archivebox {
color:#C6EEFB;
width:511px;
height:30px;
background:url(images/archivebox.png) no-repeat top left;
position:relative;
margin:0 0 5px 10px;
line-height:28px;
padding:0 0 0 30px;
}
.archivescont {
width:221px;
background: url(images/archivescont.png) repeat-y top left;
}
.archivetop {
width:221px;
background:url(images/archivetop.png) no-repeat top left;
position:relative;
padding:56px 0 0 0;
margin:3px 0 0 0;
}
.archivetop ul{
padding:0 0 0 20px;
}
.archivetop ul li{
margin:0 0 3px 0;
font-size:12px;
color:#D6D3D3;
}
.archivetop div{
width:150px;
margin:0 0 0 36px;
line-height:20px;
}
.archivetop ul li a{
background:url(images/archiveslinkarrow.png) no-repeat left center;
color:#C6EEFB;
font:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0 0 0 20px;
text-decoration:none;
}
.archivetop ul li a:hover{
text-decoration:underline;
}
.archivetop div span{
color:#D6D3D3;
}
.archivetop h1{
position:absolute;
color:#FFFFFF;
font-size:20px;
font-style:italic;
font-weight:bold;
top:12px;
left:48px;
}
.archivebottom {
width:221px;
background:url(images/archivebottom.png) no-repeat top left;
height:23px;
}
.recentcomm {
width:198px;
height:46px;
background:url(images/recentcomm.png) no-repeat bottom left;
margin:0 0 0 11px;
}
.rescombox {
width:183px;
height: 54px;
background:url(images/rescombox.png) no-repeat bottom left;
padding:10px 7px;
margin:0 0 0 11px;
}
.rescombox h1{
color:#FFFFFF;
font-size:12px;
font-weight:normal;
}
.rescombox p{
color:#2C2B2B;
font-size:12px;
font-weight:normal;
margin:5px 0 0 0;
line-height:16px;
}
.sideColumnL {
float:left;
width:221px;
}
.sideColumnR {
float:left;
width:184px;
margin:0 0 0 10px;
}
.sideboxul{
background:url(images/sideboxul.png) no-repeat top left;
width:184px;
padding:0 0 15px 0;
}
.sideboxul h1 {
color:#D26F0C;
font-size:20px;
font-weight:bold;
font-style:italic;
padding:10px 0 0 10px;
}
.sideboxul ul {
margin:18px 0 0 10px;
line-height:18px;
}
.sideboxul ul li a {
background:url(images/catarrow.png) no-repeat left center;
color:#02577B;
text-decoration:none;
padding:0 0 0 14px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
.sideboxul ul li a:hover{
text-decoration:underline;
}
.sidebox {
width:184px;
background:url(images/sidebox.png) repeat-y left;
}
.inforssbox {
border-top:1px #D2D3D4 dashed;
border-bottom:1px #D2D3D4 dashed;
padding:10px 15px;
text-align:center;
color: #8E9091;
width:455px;
margin:0 auto 10px auto;
}
.inforssbox a {
color:#0A8ABF;
text-decoration:none;
}
.inforssbox a:hover {
text-decoration:underline;
}
.inforssbox span {
color: #8E9091;
font-weight:bold;
}
.leaveresponse {
color: #0A8ABF;
text-decoration:underline;
font-size:13px;
float:right;
margin:0 20px 0 0;
font-weight: normal;
}
.leaveresponse:hover {
text-decoration:none;
}
.postedcomm {
width:488px;
background:url(images/postedcommtop.png) no-repeat top left;
margin:0 0 0 10px;
padding:5px 10px 0 20px
}
.postedcommdate {
color:#E8780B;
margin:0px 0 5px 0;
}
.posteduser {
color:#0A8ABF;
margin:0 0 15px 0;
}
.postedtext {
color:#414141;
line-height:18px;
margin:0 0 15px 0;
}
.rerow {
width:386px;
height:27px;
line-height:27px;
margin:0 0 5px 0;
}
.rerow label {
float:left;
width:173px;
color:#145C7A;
}
.rerow span {
color:#E8780B;
}
.rerow div{
float:left;
background:url(images/rerowdiv.png) no-repeat top left;
width:211px;
height:25px;
padding:1px;
}
.rerow input{
float:left;
width:201px;
height:20px;
border:0 none;
background:url(images/reinput.png) repeat-x left top;
color:#C6EEFB;
padding:5px 5px 0 5px;
font-size:12px;
}
.textareadiv {
background:url(images/textareadiv.png) no-repeat top left;
width:383px;
height:84px;
padding:1px;
}
.textarea {
width:373px;
height:79px;
background:#6D929F url(images/textareaback.png) repeat-x top left;
border:0 none;
padding:5px 5px 0 5px;
color:#C6EEFB;
}
.submitre {
width:132px;
height:26px;
background:url(images/submitre.png) no-repeat top left;
cursor:pointer;
border:0 none;
margin:5px 0;
float:left;
}
.submitre:hover {
background:url(images/submitrehover.png) no-repeat top left;
}
#commentform {
overflow:auto;
zoom:1;
margin:0 0 0 20px;
}
.submit_hire {
width:83px;
height:24px;
background:url(images/submithire.png) no-repeat top left;
border:0 none;
float:right;
margin:5px 0 0 0;
cursor:pointer;
}
.submit_hire:hover {
background:url(images/submithirehover.png) no-repeat bottom left;
}
.sideboxtop {
width:184px;
height:6px;
background:url(images/sideboxtop.png) no-repeat top left;
font-size:1px;
}
.sideboxbottom {
width:184px;
height:6px;
background:url(images/sideboxbot.png) no-repeat top left;
font-size:1px;
}
.weektop {
background:url(images/weektiptop.png) no-repeat top left;
width:184px;
}
.weektip {
background:url(images/weektip.png) repeat-y top left;
}
.weekbot {
background:url(images/weektipbot.png) no-repeat top left;
width:184px;
height:35px;
}
.weektop h1 {
color:#13739C;
font-size:16px;
font-weight:bold;
font-style:italic;
padding:12px 0 0 5px;
margin:0 0 35px;
}
.weektop p {
line-height:16px;
color:#01151D;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding:0 26px;
}
.navigation {
text-align:right;
overflow:auto;
zoom:1;
margin:0 0 5px 0;
padding:0 10px 0 13px;
}
.navigation a{
color:#fff;
font-size:14px;
}
.nopage {
text-align:center;
margin:50px 250px;
color:#414141;
background:#FFFFFF;
border:1px solid #ccc;
padding:15px 0;
line-height:16px;
}
.redmsg{ color:#FF0000; font-weight:normal;}
.font13px{ font-size:13px;}
.padl10px{ padding-left:10px;}
.flashback {
width:349px;
height:268px;
background:url(images/flashback.png) no-repeat top left;
margin:0 0 0 25px;
padding:25px 0 0 24px;
}
.freebook {
float:left;
display:block;
cursor:pointer;
background:url(images/freebook.png) no-repeat top left;
width:129px;
height:21px;
margin:8px 0 0 0;
}
.freebook:hover {
background:url(images/freebookhover.png) no-repeat top left;
}
.popularbox {
width:392px;
margin:0 0 0 20px;
}
.populartitle {
width:250px;
height:40px;
background:url(images/populartitle.jpg) no-repeat top left;
}
.popularpagebig {
width:352px;
padding:15px 30px 5px 10px;
background:url(images/popularpagebig.jpg) no-repeat top left;
}
#popularpages li {
background:url(images/catarrow.png) no-repeat 0px 4px;
padding:0 0 0 20px;
margin:0 0 10px 0;
}
#popularpages li a {
color:#183540;
text-decoration:underline;
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#popularpages li a:hover {
text-decoration:none;
}
.popularpagebottom {
width:392px;
height:6px;
background:url(images/popularpagebottom.jpg) no-repeat top left;
font-size:1px;
}