html, body, p, ul, ol, dl, dt, dd, h1,h2,h3,h4,h5,h6, form, li { margin: 0; padding: 0;}
html, body{font-family: arial, sans-serif; background: #fff; text-align:center; height:100%;}
html { font-size: 0.74em;}
a img{border:none;}
table{border-spacing:0;}
#ackeys{position:absolute; top:-666em;}
/*beacause bottom background has to be always in bottom of page*/
#container {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -90px; /* the bottom margin is the negative value of the footer's height */
}
#header{background:#231f20;}
#innerHeader{width:950px; margin:0 auto; padding-bottom:12px;}
#logoContainer{background:url('../images/tandolin_logo.png') top left no-repeat; width: 60px; height: 60px; margin-top: 15px; font-size:0.84em; text-transform:uppercase; float:right;}
#logoContainer a{text-decoration:none; color:#fff; padding-right:17px;}
#logoContainer a:hover{text-decoration:underline;}
#mainMenu{list-style: none; padding-top:5px; clear:both;}
#mainMenu li{float: left; margin-left: -2px;}
#mainMenu li.last{float: right; margin-left: 0;}
#mainMenu li a{display: block; font-size:0.84em; padding: 1px 11px; color: #999; background:url('../images/menu-brd.gif') center right no-repeat; text-decoration: none; text-transform:uppercase;}
#mainMenu li.last a{color: #ccce0e; background:url('../images/menu-brd.gif') center left no-repeat;}
#mainMenu li.nobullet a{background:none;}
#mainMenu li a:hover{background:#de6809; color: #fff;}
#mainMenu li a.current,
#mainMenu li a:hover.current {color: #fff; background:#de6809;}
#projects{background:#161212; padding-top:50px; position:relative; z-index:10;}
#innerProjects{background:#161212; text-align:left; width:950px; margin:0 auto; position:relative; z-index:15;}
#projects h1{margin-top: 50px;float:left; width: 30%; font-size: 15px; padding-left: 30px }
#themeBar{list-style:none; float:right; padding-right:11px; margin-top:-7px; padding-bottom:20px; position:relative; z-index:16;}
#themeBar li{font-size:0.84em; text-transform:uppercase; color:#555; display:inline;}
#themeBar li a{text-decoration:none; color:#fff; background:url('../images/arrow-bullet.gif') center right no-repeat; padding-right:7px;}
#themeBar li a:hover{text-decoration:underline;}
#projectsContainer{background:#000; width:580px; float:right; margin-bottom:-50px; padding:25px; min-height:1px; position:relative; z-index:17;}
#projectsContainer h2{background:url('../images/h2.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:167px; height:30px; margin-left:325px;}
#projectsList{margin-top:-24px; list-style:none; min-height:170px;}
#projectsList li{min-height:1px; position:absolute; top:-666em;}
#projectsList li.showme{position:absolute; top:25px;}
#projectsList p.imageContainer{float:left; padding:0;}
#projectsList p{color:#888; padding:3px 0; line-height:150%; font-family:tahoma, sans-serif; font-size:0.9em;}
#projectsList div{margin-left:325px; padding-top:40px; width:250px;}
#projectsNavig{clear:both; padding-top:20px; list-style:none; min-height:1px;}
#projectsNavig li{font-size:0.84em; text-transform:uppercase; display:inline;}
#projectsNavig li a{color:#fff; text-decoration:none;}
#projectsNavig li a:hover{color:#ccce0e;}
#projectsNavig li.next{padding-left:15px;}
#projectsNavig li.next a{background:url('../images/arrow-bullet.gif') center right no-repeat; padding-right:7px;}
#projectsNavig li.next a:hover{background:url('../images/arrow-bullet1.gif') center right no-repeat;}
#projectsNavig li.prev a{background:url('../images/arrow-bullet2.gif') center left no-repeat; padding-left:7px;}
#projectsNavig li.prev a:hover{background:url('../images/arrow-bullet3.gif') center left no-repeat;}
#boxContainer{position:relative; z-index:8; background:#231f20 url('../images/bcg1.gif') top center no-repeat; padding-top:70px;}
#innerBoxContainer{width:950px; margin:0 auto; text-align:left;}
#innerBoxContainer ul{list-style:none; position:relative; z-index:9;}
#innerBoxContainer ul li{width:240px; margin-bottom:-30px; padding:33px 35px 27px 35px; float:left; background:#4b4640; color:#a5a3a0; z-index:12; position:relative; border-bottom:5px solid #000;}
#innerBoxContainer ul li#item3{float:right; background:#80191d; color:#cca3a5;}
#innerBoxContainer ul li#item2{background:#161212; margin-left:10px; color:#888;}
#innerBoxContainer ul li p{padding:3px 0; line-height:150%; font-family:tahoma, sans-serif; font-size:0.9em;}
#innerBoxContainer ul li p.moreContainer{font-family:arial, sans-serif; text-transform:uppercase; font-size:0.84em; padding-top:20px;}
#innerBoxContainer ul li p.moreContainer a{display: block; text-decoration:none; padding:2px 13px 2px 5px; background:url('../images/arrow-bullet.gif') 94% 50% no-repeat; float:left; border:1px solid #6f6b66; color:#fff;}
#boxContainer #innerBoxContainer ul li p.moreContainer a:hover{border:1px solid #fff;}
#innerBoxContainer ul li#item2 p.moreContainer a{border:1px solid #86FF00;}
#innerBoxContainer ul li#item3 p.moreContainer a{border:1px solid #99474A;}
#innerBoxContainer ul li h3{height:22px; margin-bottom:16px;}
#innerBoxContainer ul li#item1 h3, #innerBoxContainer ul li#item2 h3{color: #fff;}
#innerBoxContainer ul li#item3 h3{color:#161212;}
#footer{position:relative; z-index:6; padding:60px 0 0 0;}
#innerFooter{width:950px; margin:0 auto; text-align:left;}
#innerFooter ul{list-style:none; color:#666;}
#innerFooter li{text-transform:uppercase; font-size:0.84em; float:left; padding:10px 8px 0 5px; vertical-align:middle;}
#innerFooter li a{color:#666; text-decoration:none;}
#innerFooter li a:hover{text-decoration:underline;}
#innerFooter li.type1{background:url('../images/menu-brd1.gif') 100% 12px no-repeat;}
#innerFooter li.last{padding-top:0;}
#innerFooter ul ul li.first{background:none;}
#innerFooter ul li p{float:left; padding-top:10px;}
#innerFooter ul ul{float:left; padding-left:20px}
#innerFooter ul ul li{background:url('../images/dottedbrd.gif') top left no-repeat; padding:0 10px 0 10px;}
#innerFooter ul ul img{vertical-align:middle;}
#btmPic{width:950px; height:90px; background:url('../images/bottom-pic.jpg') bottom left no-repeat; margin:0 auto;}
.push{height:90px;}
/*light Theme differences*/
.lightTheme #header{background:#2B2B2B;}
.lightTheme #mainMenu li a{display: block; font-size:0.84em; padding: 1px 11px; color: #fff; background:url('../images/menu-brd2.gif') center right no-repeat; text-decoration: none; text-transform:uppercase;}
.lightTheme #mainMenu li.last a{color: #000; background:url('../images/menu-brd2.gif') center left no-repeat;}
.lightTheme #mainMenu li.last a:hover{color: #fff;}
.lightTheme #mainMenu li.nobullet a{background:none;}
.lightTheme #mainMenu li a:hover{background:#000; color: #fff;}
.lightTheme #mainMenu li a.current,
.lightTheme #mainMenu li a:hover.current {color: #fff; background:#000;}
.lightTheme #projects{background:#f8f8f8;}
.lightTheme #innerProjects{background:#f8f8f8;}
.lightTheme #projects h1{background-position:bottom left;}
.lightTheme #themeBar li a{color:#de6809; background-image:url('../images/arrow-bullet4.gif');}
.lightTheme #internalContainer {background:#2B2B2B;}
.lightTheme #projectsContainer {background:#5a5244;}
.lightTheme #projectsContainer h2{background-position:bottom left;}
.lightTheme #internalContainer h2{background-position:bottom left;}
.lightTheme #projectsList p{color:#bdbab4;}
.lightTheme #boxContainer{/*background:#A0947E url('../images/bcg2.gif') top center no-repeat;*/}
.lightTheme #innerBoxContainer ul li{background:#0066CC; color:#fff;}
.lightTheme #innerBoxContainer ul li#item3{background:#DFDF00; color:#161212; border-color:#DFDF00;}
.lightTheme #innerBoxContainer ul li#item1{border-color:#0066CC;}
.lightTheme #innerBoxContainer ul li#item2{background:#5DB300;border-color:#5DB300;color:#FFFFFF;margin-left:10px;}
.lightTheme #boxContainer #innerBoxContainer ul li p.moreContainer a:hover{border:1px solid #fff;}
.lightTheme #innerBoxContainer ul li#item1 p.moreContainer a{border:1px solid #379BFF;}
.lightTheme #innerBoxContainer ul li#item3 p.moreContainer a{border:1px solid #B0B000;color:#161212}
.lightTheme #innerBoxContainer ul li#item1 h3,
.lightTheme #innerBoxContainer ul li#item3 h3{background-position:bottom left;}
.modalAllContainer{width:100%; height:100%; overflow:hidden;}
.modalBcg{top:0; left:0; position:absolute; width:100%; height:100%; background:#000; z-index:800; opacity:0.6; display:none;}
.modalContainer{position:absolute; top:50%; left:50%; z-index:900; margin:-150px 0 0 -279px; display:none; }
.modal{width:552px; background:#fff; padding:3px; font-family:tahoma,sans-serif;}
.modal h3{background:#070505; color:#fff; text-align:left; padding:10px 20px; font-size:1.1em; position:relative;}
.modal h3 em{font-style:normal; font-size:0.9em; position:absolute; right:20px; font-weight:normal;}
.modal h3 a{color:#fff; background:url('../images/close-btn.gif') center left no-repeat; padding-left:22px;}
.modal form{margin:30px 45px 20px 45px;}
.modal form div{font-size:0.9em;}
.modal p{text-align:left;}
.mailContainer{border-top:1px solid #e8e8e8; padding:20px 10px; }
.mailContainer label{color:#000; padding:0 20px 0 0; font-weight:bold;}
.mailContainer input{width:210px; color:#555;}
.sendButton {position: relative; left: 375px; top: -40px;}
.formItems{
border-bottom:1px solid #e8e8e8;
}
.theTitle{font-weight:bold; padding:10px; text-align:left;}
.modal form ul.optList{padding:10px 10px 20px 10px; list-style:none; text-align:left;}
.modal form ul.optList li{display:inline; vertical-align:middle;}
.modal form ul.optList label{padding-right:10px; vertical-align:middle; color:#666;}
.modal form ul.optList input{vertical-align:middle;}
#internalContainer{background:#000; width:580px; float:right; margin-bottom:-50px; padding:25px; min-height:300px; position:relative; z-index:17;clear:none}
h2.hosting_acquisitions{ height:30px; color:#fff }
h2.projects{background:url('../images/h2-projects.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:209px; height:30px; }
h2.internet_investments{background:url('../images/h2-internet-investments.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:213px; height:30px; }
h2.domain_portfolios{background:url('../images/h2-domain-portfolios.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:181px; height:30px; }
h2.contact{background:url('../images/h2-contact-us.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:108px; height:30px; }
h2.online_start_ups{background:url('../images/h2-online-startups.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:209px; height:30px; }
h2.website_takeovers{background:url('../images/h2-website-takeovers.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:190px; height:30px; }
h2.domain_purchases{background:url('../images/h2-domain-purchases.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:190px; height:30px; }
h2.plesk_hosting_clients{background:url('../images/h2-plesk-clients.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:216px; height:30px; }
h2.cpanel_hosting_clients{background:url('../images/h2-cpanel-clients.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:228px; height:30px; }
h2.ensim_pro_hosting_clients{background:url('../images/h2-ensim-clients.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:263px; height:30px; }
h2.helm_hosting_clients{background:url('../images/h2-hsphere-clients.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:246px; height:30px; }
h2.other_panels{background:url('../images/h2-other-panels.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:131px; height:30px; }
h2.thanks{background:url('../images/h2-thanks.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:230px; height:30px; }
h2.error{background:url('../images/h2-error.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:275px; height:30px; }
h2._123-reg_domain_names{background:url('../images/h2-123.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:275px; height:30px; }
h2.heart_internet_domain_names{background:url('../images/h2-heart.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:320px; height:30px; }
h2.ukreg_domain_names{background:url('../images/h2-ukreg.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:320px; height:30px; }
h2.go_daddy_domain_names{background:url('../images/h2-godaddy.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:320px; height:30px; }
h2.registercom_domain_names{background:url('../images/h2-registercom.gif') top left no-repeat; text-indent:-666em; overflow:hidden; width:320px; height:30px; }
div#internalcontainer-styles{
margin-top: 20px;
}
#internalcontainer-styles p{color:#BDBAB4; padding:3px 0; line-height:150%; font-family:tahoma, sans-serif; font-size:0.9em;}
.clearme{clear:both;}
.service-intro strong{color: #fff;}
#submenu {text-align:left;list-style: none;position:absolute; top: 80px; left:0px; width: 400px;}
#submenu li{line-height: 24px;}
.lightTheme #submenu li a{display: block; font-size:0.84em; /*padding: 1px 11px;*/ color: #555; /*background:url('../images/menu-brd.gif') center right no-repeat;*/ text-decoration: none; text-transform:uppercase;}
.lightTheme #submenu li a:hover, .lightTheme #submenu li .active{background:#2B2B2B; color: #fff;}
.lightTheme #submenu li a.current, .lightTheme #submenu li :hover.active {color: #fff; background:#F52703;}
#submenu li a{display: block; font-size:0.84em; /*padding: 1px 11px;*/ color: #fff; /*background:url('../images/menu-brd2.gif') center right no-repeat; */text-decoration: none; text-transform:uppercase; padding: 0 0 0 30px;}
#submenu li a:hover{background:#000; color: #fff;}
#submenu li a.current,
#submenu li a:hover.current {color: #fff; background:#000;}
#internalcontainer-styles ul{color:#ddd; font-family:tahoma, sans-serif; font-size:0.9em;margin:10px 0 10px 0;}
#internalcontainer-styles li{line-height: 150%; margin: 0 0 0 20px;}
#internalcontainer-styles a{
color:#F52703;
}
/*-------------Projects table area-----------------*/
#projectsTable td {
padding: 0 5px 20px 0;
}
#projectsTable a:hover {
text-decoration: none;
}
/*-----------------contact form-----------------*/
#contact-form {margin: 20px 20px 0 20px;}
#contact-form p.row { padding: 5px 15px; margin: 0; }
#contact-form p.info { border-top: 2px solid #F0EFE6; color: #BDBAB4; font-size: 0.92em; }
#contact-form p.submit { padding: 0 15px 10px 15px; }
#contact-form p span.required { margin-left: 10px; color: #BDBAB4; }
#contact-form label { float: left; color: #BDBAB4; font-weight: bold; width: 120px; padding: 0 20px 0 0; }
#contact-form input.text { width: 218px; }
#contact-form textarea { width: 218px; height: 130px; }
#contact-form select { width: 225px; }
#contact-form p.submit { padding-left: 280px; }
/*#contact-form p.submit input { display: block; overflow: hidden; color: #fff; width: 76px; height: 30px; padding: 0; border: 0; background: url(/images/send.gif) 0 0 no-repeat; text-transform: uppercase; font-size: 0.83em; text-indent: -1001em; cursor: pointer; }*/
.lightTheme #contact-form .contact-button {
background: url('../images/contact-submit.gif') no-repeat 0 0;height:21px;
margin-top: 10px;margin-left: 155px;
width:82px;border:0;cursor:pointer;
}
#contact-form .contact-button {
background: url('../images/contact-submit.gif') no-repeat 0 0;height:21px;
margin-top: 10px;margin-left: 155px;
width:82px;border:0; background-position: bottom left;cursor:pointer;
}
/*----Docs---------*/
.word-doc{
margin: 10px 0 10px 0;
}
.lightTheme .word-doc a{background: url('../images/word-light.gif') no-repeat 0 0; padding: 0 0 5px 20px;}
.word-doc a{background: url('../images/word-dark.gif') no-repeat 0 0; padding: 0 0 5px 20px;}
/* jQuery lightBox plugin - Gallery style */
#gallery {
padding: 10px;
width: 100%;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
border: 5px solid #3e3e3e;
border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
border: 5px solid #fff;
border-width: 5px 5px 20px;
color: #fff;
}
#gallery ul a:hover { color: #fff; }