body { margin: 0; padding: 0; background: #faed0b url(../images/bg.gif) repeat-y; color: #616161; font: 12px "Lucida Grande","Lucida Sans Unicode",helvetica,sans-serif; }
img { border: 0; }
a:link, a:visited { text-decoration:none; color: #000000; }
a:hover { text-decoration: underline; }
h1 { font-size: 17px; }

#wrap { float: left; width: 100%; margin: 0 auto; overflow: hidden; }

#left { float: left; background: #cedc2f; width: 300px; height: 1%; }
#contactme { padding: 50px 20px 0 20px; text-align: right; }
#contactme img { padding-left: 2px; padding-bottom: 1px; }

#menu { margin-top: 30px; }
.menu-option { margin: 0 0 10px 0; }

#advertisements, #footer { clear: both; margin: 150px 0 0 20px; }
.advert { float: left; width: 100px; margin: 10px 10px 5px 0; }

/* homepage */
#right-home { background: url(../images/bg_home3.gif) no-repeat; width: 100%; margin: 0 0 0 300px; }
#content { padding: 95px 20px 0 20px; width: 620px; height: 500px; }
#home-content { width: 580px; }

.hdrimg { display: block; margin: 0 0 10px 0; }
.highlight { margin: 30px 0 0; padding: 0; }

#websitetypes-desc { float: left; width:270px; padding: 0 10px 0 0; }
.websitetypes-type { float: left; width: 80px; padding: 15px 0 0; }

.recentworks-work { width: 640px; height: 90px; }
.recentworks-thumb { float: left; width: 60px; height: 60px; padding: 5px 0; margin-top: -5px; background-color: #faed0b; }
.recentworks-desc { float: left; padding: 0 10px; width: 220px; height: 60px; }


#right-works { background: url(../images/bg_works9.gif) no-repeat; width: 100%; margin: 0 0 0 300px; }
#works { float: left; margin-top: 110px; }
.works-col1 { float: left; width: 300px; padding: 0; }
.works-col2 { float: left; width: 300px; padding: 0; }
.works-work { float: left; background: url(../images/bg_works7.gif) repeat-y; width: 300px; height: 130px; }
.works-thumb { float: left; width: 60px; padding: 0 10px 0 0; background-color: #faed0b; }
.works-desc { float: left; padding: 0; width: 220px; margin-bottom: 20px; }
.works-note { font-size: 0.9em; color: #a5a5a5; width: 50px; }
.works-type { float: left; background-color: #fff; padding: 5px 0 0 0; width: 60px; height: 80px; }
.works-work-long { float: left; background: url(../images/bg_works7.gif) repeat-y; width: 640px; height: 90px; }
.works-desc-long { float: left; padding: 0; margin-bottom: 20px; width: 360px; }
.works-note-long { float: left; font-size: 0.9em; color: #a5a5a5; width: 50px; }

#right-partners { background: url(../images/bg_partners2.gif) no-repeat; width: 100%; margin: 0 0 0 300px; }
#partners { margin-top: 90px; }
.partner { float: left; padding: 10px; }

#right-templates { background: url(../images/bg_templates2.gif) no-repeat; width: 100%; margin: 0 0 0 300px; }
#templates { margin-top: 160px; }

#right-quote { background: url(../images/bg_quote5.gif) no-repeat; width: 100%; margin: 0 0 0 300px; }
#quote-content { width: 580px; }
#quote-types { margin: 0px 0 0 0; padding: 0 0 0 200px; }
.quote-type { float: left; width: 80px; padding: 30px 0 0; }
#quote-modules { background: url(../images/bg_quote1.gif); margin: 154px 0 0 -20px; padding: 0; }
.quote-modules-header { width: 640px; height: 20px; padding: 35px 0 5px 0; margin: 0 0 0 20px; }
.quote-module { width: 640px; height: 55px; margin: 0 0 0 20px; padding: 5px 0 0 0; }
.quote-module-desc { float: left; width: 185px; padding: 0 0 0 5px; margin: 0; }
.quote-module-select { float: left; width: 24px; height: 24px; padding: 18px 28px; margin: 0; border: 0px solid black; }
.quote-cost { font-size: 22px; float: left; width: 70px; height: 50px; padding: 10px 0 0 10px; margin: 0; border: 0px solid black; }
.input-hidden { clear:both; font-size: 40px; width: 130px; height: 60px; text-align:center; background-color:#cedc2f; border:0px solid #8E8E8E; margin:-15px 0 0 0; padding:0px; }

#right-enquiry { background: url(../images/bg_enquiry.gif) no-repeat; width: 100%; margin: 0 0 0 300px; }

#right-contactme { background: url(../images/bg_contactme2.gif) no-repeat; width: 100%; margin: 0 0 0 300px; }
#contactme1 { margin-top: 285px; }
.socialtool { float: left; margin: 20px 10px; }

.smalltxt { font-size: 0.9em; }
.note,#copyright { font-size: 0.9em; color: #a5a5a5; }
#copyright { padding: 30px 0 10px 0; }

input, textarea { padding: 2px 1px; border: solid 1px #bbbbbb; margin: 5px 0 15px 0; }
select { margin: 5px 0; }
.field-full { display: block; }
.field { float:left; width: 300px; margin-right: 5px; }
.fieldlabel { display: block; }

.btn{float:left;cursor:pointer;padding:5px 0;margin:0;height:auto;overflow:hidden;font:bold 17px!important;}
.btn button,.btn a{display:block;margin:0;padding:5px 15px;border:none;height:auto;cursor:pointer;color:#fff;background:transparent;background:#c1c1c1;border:1px solid #c1c1c1;-moz-border-radius:12px;-webkit-border-radius:10px;font:bold 17px arial,helvetica,sans-serif!important;}
.btn button:hover,.btn a:hover{color:#000;text-decoration:none;}
.btn-blue button,.btn-blue-blue button,.btn-blue-gray button,.btn-blue-r button,.btn-blue-r-gray button,.btn-blue-r-blue button,.btn-blue a,.btn-blue-blue a,.btn-blue-gray a,.btn-blue-r a,.btn-blue-r-gray a,.btn-blue-r-blue a{background-color:#3274D0;border-color:#3274D0;}
.btn-green button,.btn-green-blue button,.btn-green-gray button,.btn-green-r button,.btn-green-r-gray button,.btn-green-r-blue button,.btn-green a,.btn-green-blue a,.btn-green-gray a,.btn-green-r a,.btn-green-r-gray a,.btn-green-r-blue a{background:#7cba0f;border-color:#7cba0f;}
.btn-blue-r button,.btn-blue-r-gray button,.btn-blue-r-blue button,.btn-green-r button,.btn-green-r-gray button,.btn-green-r-blue button,.btn-gray-r button,.btn-gray-r-gray button,.btn-gray-r-blue button,.btn-blue-r a,.btn-blue-r-gray a,.btn-blue-r-blue a,.btn-green-r a,.btn-green-r-gray a,.btn-green-r-blue a,.btn-gray-r a,.btn-gray-r-gray a,.btn-gray-r-blue a{padding-right:25px;background-image:url(../img/del_sprite_buttonArrows.png);background-repeat:no-repeat;background-position:97% 1px;}
.btn-blue-r button:hover,.btn-blue-r-gray button:hover,.btn-blue-r-blue button:hover,.btn-green-r button:hover,.btn-green-r-gray button:hover,.btn-green-r-blue button:hover,.btn-gray-r button:hover,.btn-gray-r-gray button:hover,.btn-gray-r-blue button:hover,.btn-blue-r a:hover,.btn-blue-r-gray a:hover,.btn-blue-r-blue a:hover,.btn-green-r a:hover,.btn-green-r-gray a:hover,.btn-green-r-blue a:hover,.btn-gray-r a:hover,.btn-gray-r-gray a:hover,.btn-gray-r-blue a:hover{background-position:97% -29px;}
.is_firefox .btn a{padding-top:1px;padding-bottom:1px;}
.is_ffMac .btn a{padding-bottom:0;}
.is_ffMac .btn button{height:21px;}
.is_webkit .btn button{height:21px;}
.is_webkit .btn a{padding-top:1px;}
.is_wkMac .btn button{padding-top:1px;}
.is_ffMac #saveitem .btn button{height:21px;padding-bottom:1px;}