html {
height : 100%;
}
body {
height : 100%;
color : #666666;
cursor : default;
font-size : 11px;
line-height : 16px;
background-position : 50% 0;
background-repeat : no-repeat;
font-family : Tahoma, sans-serif;
}
a img {
border : 0;
}
div.wrap {
width : 993px;
margin : 0 auto;
text-align : left;
background:#000;
}
div#top div#nav {
float : left;
clear : both;
width : 993px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 299px;
background : url("images/png/header-bg.png") no-repeat 50% 0;
}
div#header div#slide-holder {
z-index : 40;
width : 993px;
height : 299px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 973px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 973px;
height : 46px;
display : none;
position : absolute;
/*background : url(images/slide-bg.png) 0 0; */
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url("images/png/silde-nav.png");
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}
a:link, a:visited {
color: #0066bc;
text-decoration: none;
}
a:hover {
color: #0066bc;
text-decoration: none;
}
fieldset,img{ border:0; margin: 0; }
.clear { display: inline-block; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; }
a {
/* get rid of link outlines in firefox */
outline-color:invert;
outline-style:none;
outline-width:medium;
}
a img {
border: none;
}
h1 { font-size: 30px; margin: 0 0 10px; line-height: 1.3em; }
h1 span { color: #bcbcbc;font-weight: normal;}
h2 { font-size: 24px; margin: 0 0 9px; line-height: 1.3em;}
h3 { font-size: 18px; margin: 0 0 2px; line-height: 1.3em; }
h1,h2,h3,h4,h5,h6 { color: #000; font-weight: normal; }
strong { font-weight: bold; }
h1,h2,h3,h4,h5,h6 { color: #000; font-weight: normal; }
abbr,acronym {
/*indicating to users that more info is available */
border-bottom:1px dotted #000;
cursor:help;
}
em {
/*bringing italics back to the em element*/
font-style:italic;
}
blockquote,ul,ol,dl {
/*giving blockquotes and lists room to breath*/
margin: 18px; /* 1em */
}
ol,ul,dl {
/*bringing lists on to the page with breathing room */
margin-left: 18px; /* 2em */
}
ol li {
/*giving OL's LIs generated numbers*/
list-style: decimal outside;
}
ul li {
/*giving UL's LIs generated disc markers*/
list-style: square outside;
}
dl dd {
/*giving UL's LIs generated numbers*/
margin-left: 18px; /* 1em */
}
th {
/*distinguishing table headers from data cells*/
font-weight: bold;
}
caption {
/*coordinated marking to match cell's padding*/
margin-bottom: 9px; /* 0.5em */
/*centered so it doesn't blend in to other content*/
text-align: center;
}
hr {
clear: both;
height: 1px;
color: #ccc;
background: #ccc;
border: none;
margin: 18px 0 18px 0;
}
p {
margin-bottom: 18px;
}
input {
padding: 2px;
}
/* Idioms */
ul.mod {
list-style-image:none;
list-style-position: outside;
list-style-type: none;
list-style: none;
margin: 0;
padding: 0;
}
ul.mod li {
list-style: none;
}
.strike { text-decoration: line-through; }
a span { display: none; } /* for image buttons */
/* @end */
/* @group FAQ */
table.faq-search {
background: #f9f9f9;
border-collapse:collapse;
border-spacing:0;
border: 1px solid #eee;
margin: 0 0 18px 0;
width: 100%;
}
table.faq-search label {
color: #888;
}
table.faq-search td {
border-collapse:collapse;
border-spacing:0;
padding: 9px;
}
table.faqresultstable {
background: #fff;
border-collapse:collapse;
border-spacing:0;
border: 1px solid #eee;
width: 100%;
}
table.faqresultstable td {
color: #666;
padding: 9px;
}
table.faqresultstable a {
color: #0066bc;
}
table.faqresultstable td.faqresultstableinfo {
background: #f9f9f9;
color: #888;
font-size: 10px;
padding: 3px 18px;
text-align: right;
}
table.faqresultstable td.faqresultstablecount {
padding-left: 18px;
width: 10px;
}
td.faqresultstablehead {
background: #fff;
border-collapse:collapse;
border-spacing:0;
border-bottom: 1px solid #eee;
color: #000;
font-weight: bold;
}
/* @end */
html{ color:#777; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th,
td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input, textarea, select { *font-size:100%; }
legend { color:#000; }
/* @end */
/* @group Base */
h1 { font-size: 30px; margin: 0 0 10px; line-height: 1.3em; }
h1 span { color: #bcbcbc;font-weight: normal;}
h2 { font-size: 24px; margin: 0 0 9px; line-height: 1.3em;}
h3 { font-size: 18px; margin: 0 0 2px; line-height: 1.3em; }
h1,h2,h3,h4,h5,h6 { color: #000; font-weight: normal; }
strong { font-weight: bold; }
abbr,acronym { border-bottom:1px dotted #000; cursor:help; }
em { font-style:italic; }
blockquote,ul,ol,dl { margin:1em; }
ol,ul,dl { margin-left:2em; }
ol li { list-style: decimal outside; }
ul li { list-style: disc outside; }
dl dd { margin-left:1em; }
/*th,td { padding:.5em; }*/
caption { text-align:center; }
p,fieldset,pre { margin-bottom: 18px; }
/* @end */
/* @group Fonts */
body { font:12px/18px Helvetica,Arial,sans-serif; *font-size:small; *font:x-small; }
select, input, button, textarea {font:99% Arial,Helvetica,sans-serif; }
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:100%; }
/* @end */
/* @group Layout */
body {
background:#0b0c0c;
}
body#modal-content {
background: #fff;
margin: 0 !important;
padding: 0;
}
.wrap-954px {
margin: 0 auto;
position: relative;
width: 954px;
}
.wrap-954px a{
color:#FFFFFF;
}
#skel-header {
background: #1f2124;
}
#header-top {
background: #121111;
border-bottom: 1px solid #121213;
height: 188px;
}
#header-top ul {
height: 188px;
line-height: 188px;
float:right;
margin-top:-50px;
}
#header-top li,
#header-top a {
display: inline;
}
#header-top a {
margin: 0 0 0 18px;
}
#header-bottom {
background: #1f2124 repeat-x;
height: 81px;
position: relative;
}
#header-bottom ul,
#header-bottom ul li {
font-size: 14px;
height: 81px;
line-height: 78px;
}
#header-bottom ul li {
display: inline;
}
#header-bottom ul li a {
float: left;
font-weight: bold;
height: 81px;
margin: 0 24px 0 0;
}
#header-bottom ul img {
position: relative;
top: 21px;
}
#search-site {
background: #000;
padding: 3px;
position: absolute;
right: 0;
top: 24px;
}
#search-site input {
background: #444 no-repeat;
border: 1px solid #222;
padding: 3px;
text-indent: 18px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#search-site input:hover,
#search-site input:focus {
background: #ccc;
text-indent: 0;
}
#skel-content {
background: #fff;
}
#page-title {
border-bottom: 1px solid #bcbcbc;
height: 90px;
}
#page #page-title {
border-bottom: 1px solid #bcbcbc;
height: 70px;
margin: 0 0 27px;
}
#page-title h1 {
float: left;
font-size: 36px;
font-weight: bold;
line-height: 36px;
margin: 27px 0;
letter-spacing: -0.03em;
}
#page #page-title h1 {
float: left;
font-size: 36px;
font-weight: bold;
line-height: 36px;
margin: 0;
letter-spacing: -0.03em;
}
#page-title ul {
float: left;
font-size: 14px;
height: 90px;
line-height: 106px;
}
#page-title li {
display: inline;
}
#page-title a {
color: #999;
float: left;
font-weight: bold;
height: 90px;
margin: 0 0 0 24px;
display: inline;
}
#page-title #whoslogged a {
color: #0077bc;
float: none;
margin: 0;
}
#skel-header .nav-horiz a.free {
background: #077100 repeat-x 0 -451px;
border: 1px solid #0ba800;
color: #fff;
font-size: 10px;
font-weight: bold;
height: 18px;
line-height: 17px;
padding: 0 6px;
position: relative;
top: 30px;
}
* html #skel-header .nav-horiz a.free {
line-height: 15px;
}
#skel-hero .free {
background: #000 url(/cssimg/sprites-bg.png) repeat-x 0 -400px;
color: #eee;
font-size: 14px;
height: 27px;
line-height: 27px;
border: 1px solid #2d2d2d;
position: relative;
top: 47px;
}
#skel-hero .free span {
display: inline;
/*font-size: 18px;*/
margin: 0 0 0 3px;
/*position: relative;
top: 1px;*/
}
#skel-hero .screenshot img {
position: absolute;
right: -9px;
top: 25px;
}
#skel-announcement, #skel-announcement .wrap-954px {
background: #313133;
color: #666;
font-size: 11px;
height: 27px;
}
#skel-announcement strong {
float: left;
line-height: 27px;
margin: 0 6px 0 0;
}
.wrapper {
overflow: hidden;
padding: 27px 0 72px;
}
.l1 .col-1 {
float: left;
width: 612px;
}
.l1 .col-2 {
float: right;
width: 306px;
}
.l1 .col-1 h2 {
font-size: 18px;
margin: 0 0 1px;
}
.l1 .col-2 h3 {
font-size: 14px;
}
.l2 .col-1 {
float: left;
width: 228px;
}
.l2 .col-2 {
float: right;
width: 699px;
}
.l2 .col-1 h2 {
font-size: 14px;
margin: 0 0 3px;
}
.has-icon .orly {
margin: -12px 0 24px 56px;
}
.l2 .col-2 p {
margin: 0 0 24px 0;
}
.has-icon h3 {
margin: 0 0 0 56px;
}
.has-icon p,
.has-icon ul,
.has-icon ol {
margin: 0 0 24px 56px;
}
.l2 .has-icon p {
margin: 0 0 24px 56px;
}
.intro {
margin: 0 0 24px;
}
.l1 .col-1 .intro {
margin: 0;
}
.intro h2 {
margin: 0;
}
.intro h2 span {
font-size: 14px;
}
.intro p {
font-size: 18px;
line-height: 24px;
margin: 0 0 18px;
}
.case-study blockquote {
color: #000;
font-style: normal;
}
.l2 .intro p {
margin: 0 0 18px;
}
.l4 .col-1 {
float: left;
width: 306px;
}
.l4 .col-2 {
float: right;
width: 612px;
}
.case-study {
overflow: hidden;
}
.case-study blockquote {
margin: 0 0 0 170px;
}
.case-study img {
float: left;
margin: 0;
}
.sites-example {
margin: 24px 0 0;
}
.sites-example li {
border-bottom: 1px solid #d7d7d7;
list-style: none;
margin: 0 0 15px;
}
.sites-example li ul li {
border: none;
list-style: disc;
margin: auto;
}
.sites-example li h3 {
margin: 3px 0 0;
}
.sites-example img {
margin: 0 0 0 -7px;
}
p.partner-details {
color: #666;
font-size: 12px;
line-height: 21px;
}
p.partner-details em {
color: #000;
font-size: 14px;
line-height: 18px;
font-style: normal;
}
#skel-content .supported-providers p {
margin: 0;
}
.supported-providers .copyright-info {
font-size: 10px;
text-align: center;
}
.sign-up {
height: 54px;
margin: 36px 0;
position: relative;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.sign-up .login-upgrade {
font-size: 12px;
position: absolute;
right: 190px;
top: 21px;
}
.sign-up .login-upgrade a {
font-weight: bold;
}
.sign-up a.free {
background: #077100 repeat-x 0 -447px;
color: #fff;
border: 1px solid #0ba800;
position: absolute;
right: 13px;
top: 13px;
}
.sign-up a.free:link,
.sign-up a.free:visited {
color: #fff;
}
.sign-up2 {
background:#fff;
height: 54px;
margin: 36px 0;
position: relative;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.sign-up2 a.free {
background: #ca0024 repeat-x 0 -447px;
color: #fff;
border: 1px solid #ca0024;
position: absolute;
right: 13px;
top: 13px;
}
.sign-up2 a.free:link,
.sign-up2 a.free:visited {
color: #fff;
}
#skel-footer {
color: #fff;
font-size: 11px;
/* overflow: hidden; */
padding: 27px 0;
}
#skel-footer ul {
border-bottom: 1px solid #222;
margin: 0 0 18px;
}
#skel-footer li {
border-top: 1px solid #222;
list-style: none;
padding: 3px 0;
}
#skel-footer h6 {
color: #ccc;
}
#skel-footer .col {
float: left;
margin: 0 18px 0 0;
width: 144px;
}
#skel-footer .col2 {
float: left;
margin: 0 18px 0 0;
width: 288px;
}
#skel-footer #copyright-info {
float: right;
margin: 18px 0 0;
width: 270px;
}
#copyright-info img {
float: left;
margin: 0 15px 0 0;
}
.forumsitesummary,
.blogsitesummary {
border-top: 1px solid #d7d7d7;
margin: 6px 0 24px;
padding: 0;
}
.forumsitesummary li,
.blogsitesummary li {
background: #fff;
border-bottom: 1px solid #d7d7d7;
color: #999;
font-size: 11px;
padding: 6px 0;
line-height: 15px;
list-style: none;
}
.box .forumsitesummary li {
padding: 6px 9px;
}
.blogsitesummary li .author {
color: #999;
font-size: 11px;
}
.forumsitesummary a,
.blogsitesummary a {
display: block;
font-size: 11px;
}
.forumsitesummary .date,
.blogsitesummary .date {
color: #bcbcbc;
}
#skel-header a:link, #skel-header a:visited {
color: #7d7f82;
}
#skel-header a.free:link, #skel-header a.free:visited {
color: #fff;
}
#skel-header a:hover {
color: #aaa;
text-decoration: none;
}
#skel-header a.free:hover {
color: #fff;
text-decoration: none;
}
#skel-header a:active {
color: #ccc;
text-decoration: none;
}
#header-top a {
font-size: 11px;
/*font-weight: bold;*/
}
#skel-announcement a {
color: #c7c7c7;
}
#skel-announcement a:hover {
color: #fff;
}
.button-commit {
background: #077100 url(/cssimg/sprites-bg.png) repeat-x 0 -447px;
color: #fff;
border: 1px solid #0ba800;
display: inline-block;
font-size: 12px;
font-weight: bold;
height: 26px;
line-height: 24px;
padding: 0 12px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0,0,0,.5);
zoom: 1;
*display: inline;
_height: 26px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
a.free {
display: inline-block;
font-size: 12px;
font-weight: bold;
height: 26px;
line-height: 24px;
padding: 0 12px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0,0,0,.5);
zoom: 1;
*display: inline;
_height: 26px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
a.free:hover,
a.free:active {
color: #fff;
text-decoration: none;
}
#skel-content .sub a {
color: #999;
text-decoration: none;
}
#skel-content .sub a:hover {
color: #666;
}
#skel-footer a {
color: #6f6f6f;
display: block;
}
#skel-footer a:hover {
color: #bcbcbc;
text-decoration: none;
}
.nav-horiz {
margin: 0;
}
.nav-horiz li {
display: inline;
}
.nav-vert {
border-top: 1px solid #d7d7d7;
margin: 0 0 27px;
}
.nav-vert li,
.nav-vert a {
color: #000;
display: block;
font-weight: bold;
/*height: 36px;*/
line-height: 36px;
list-style: none;
text-decoration: none;
}
.nav-vert a:link,
.nav-vert a:visited,
.nav-vert a:hover,
.nav-vert a:active {
color: #000;
}
.nav-vert a {
border-bottom: 1px dotted #d7d7d7;
text-indent: 12px;
}
.nav-vert a img {
display: none;
}
* html #skel-wrapper .nav-vert a {
height: 30px;
line-height: 30px;
text-decoration: none;
}
* html #skel-wrapper .nav-vert a:hover {
}
.nav-vert a img {
margin: 0 15px 0 0;
position: relative;
left: 9px;
top: 3px;
}
.nav-vert a:hover {
background: #eee;
color: #000;
}
#skel-content h2.margin {
margin: 0 0 24px;
}
h3.margin {
margin: 0 0 18px;
}
.wrap-col-2 {
margin: 0 0 0 -36px;
overflow: hidden;
width: 648px;
}
.wrap-col-2 h3 {
font-size: 14px;
}
.wrap-col-2 p {
margin: 0 0 24px;
}
.wrap-col-2 p:last-child {
margin: 0;
}
.wrap-col-2 .col {
float: left;
margin: 0 0 0 36px;
width: 288px;
display: inline;
}
.icon-left {
float: left;
margin: 0 9px 0 0;
}
.icon-right {
float: right;
}
.mbox {
background: #dcdcdc url(/cssimg/sprites-bg.png) 0 -495px repeat-x;
border: 1px solid #cdcdcd;
margin: 0 0 24px;
padding: 18px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#testimonials {
border-bottom: 1px solid #d7d7d7;
margin: 6px 0 24px;
}
#testimonials img {
border: 1px solid #d7d7d7;
float: left;
width: 103px;
}
#testimonials li {
border-top: 1px solid #d7d7d7;
font-size: 11px;
line-height: 16px;
list-style: none;
overflow: hidden;
padding: 18px 0;
}
#testimonials p {
color: #000;
margin: 0 0 0 123px;
}
#testimonials span {
color: #666;
font-size: 10px;
font-style: italic;
line-height: 16px;
}
#testimonials span.designer {
color: #333;
font-style: normal;
}
#page-wish-list .box-form,
.l4 .box-form,
#booking .box-form {
background: #f7f7f7;
border: 1px solid #d7d7d7;
margin: 0 0 18px;
padding: 24px 24px 36px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.box-form h2 {
color: #000;
text-shadow: 0 1px 1px rgba(255,255,255, 1);
font-size: 14px;
margin: -5px 0 10px;
}
label {
color: #000;
display: block;
font-size: 11px;
line-height: 16px;
}
.box-form .field {
margin: 0 0 9px;
}
.mbox input.cat_textbox_small {
width: 260px;
}
.box-form .submit {
padding: 6px 0 0;
}
input {
padding: 2px;
}
input.search-button,
.nu-button,
a.gogogo,
.action a,
.submit input,
#searchnext,
#searchprev {
background: #121212 url(/cssimg/sprites-bg.png) 0 -400px repeat-x;
border: 1px solid #000;
color: #fff;
padding: 3px 9px;
text-decoration: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#searchprev {
margin: 0 9px 0 0;
}
* html .submit input {
background: #121212 none;
background-image: none;
}
.orly {
background: #eee url(/cssimg/orly.png) no-repeat 15px;
margin: -18px 0 24px;
padding: 15px 15px 15px 76px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.grid-3-3 {
margin: 36px 0 36px -36px;
}
.grid-3-3 td {
padding: 0 0 0 36px;
vertical-align: top;
width: 33%;
}
#page .grid-3-3 td {
padding: 0 0 18px 36px;
}
.videos {
margin: 36px 0;
width: 100%;
}
.videos td {
padding: 0 18px 36px 0;
}
.videos .desc {
width: 234px;
}
.list-thumb {
margin: 0;
padding: 0;
}
.list-thumb li {
float: left;
list-style: none;
margin: 0 36px 36px 0;
overflow: hidden;
width: 458px;
display: inline;
}
.list-thumb li.end {
margin: 0 0 36px 0;
}
.list-thumb img {
float: left;
margin: 0 18px 0 0;
}
.list-thumb h2 {
font-size: 12px;
margin: 0 0 6px;
}
.list-thumb em {
color: #888;
font-size: 10px;
font-style: normal;
}
.list-thumb p {
font-style: italic;
}
.wrap-col-3 {
margin: 0 0 0 -36px;
overflow: hidden;
width: 990px;
}
.wrap-col-3 .col {
float: left;
margin: 0 0 0 36px;
width: 288px;
display: inline;
}
.wrap-col-3 h2 {
font-size: 14px;
}
.wrap-col-3 h3 {
font-size: 12px;
font-style: italic;
line-height: 18px;
margin: 24px 0 2px;
}
.wrap-col-3 h3 a {
font-style: normal;
}
ol.big li {
color: #000;
font-size: 18px;
}
ol.big h2 {
font-size: 18px;
margin: 0;
}
ol.big p {
color: #666;
font-size: 12px;
}
.col-main {
float: left;
width: 446px;
}
.col-sub {
float: right;
width: 230px;
}
.col-main2 {
float: left;
width: 270px;
}
.col-sub2 {
float: right;
width: 396px;
}
div.box {
background: #f7f7f7;
border: 1px solid #eee;
font-size: 11px;
line-height: 16px;
margin: 0 0 18px;
padding: 15px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
table.box {
margin: 0;
}
.box-white {
background: #fff;
border: 1px solid #d7d7d7;
margin: 0 0 18px;
padding: 18px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.fixed {
font-size: 14px;
line-height: 21px;
/*position: fixed;
width: 186px;*/
}
.fixed ul {
margin-top: 0;
margin-bottom: 0;
}
.no-bul {
list-style: none;
margin: 0;
}
.no-bul li {
list-style: none;
}
#skel-content .no-bul p {
margin: 0 0 18px;
}
ul.bookings {
border-bottom: 1px solid #d7d7d7;
margin: 0 0 24px;
}
ul.bookings a {
border-top: 1px solid #d7d7d7;
display: block;
padding: 9px 0;
}
.time {
width: 100%;
}
#skel-content table.time td {
border: 1px solid #d7d7d7;
}
#skel-content td.var {
color: #000;
}
#skel-content td.val {
color: #666;
}
.req {
color: red;
font-size: 14px;
font-weight: bold;
}
#page .wrapper,
#wrapper-no-overflow .wrapper {
overflow: visible;
}
.feature-list h3 {
font-size: 14px;
margin: 0 0 3px;
}
.feature-list ul {
margin-top: 0;
}
.feature-list img {
display: none;
}
h2 img {
margin: 0 9px 0 0;
position: relative;
top: 6px;
}
/* @end */
/* @group Selected Nav Items */
/* Main */
/*
#page-home .nav-home a,
#page-tour .nav-tour a,
#page-blog-hosting .nav-hosting a,
#page-sell .nav-domain a,
#page-case .nav-training a,
#page-pricing .nav-help a {
background: url(nav-arrow.png) bottom no-repeat;
cursor: default;
}*/
.training-h2 { padding-bottom: 36px; padding-bottom: 36px !important; margin-bottom: 0px !important; border-bottom: 1px solid #ccc; }
.this-day { display: block; float: left; width: 100px; background-color: #eee; margin: 9px 18px 18px 18px; padding: 12px 0 12px 0; line-height: 200%; border: 1px solid #d7d7d7; }
.this-day .weekday { display: block; width: 100px; text-transform: uppercase; font-size: 12px; color: #999; }
.this-day .monthday { display: block; width: 100px; font-size: 18px; color: #777; }
.this-day .year { display: block; width: 100px; font-size: 12px; color: #999; }
.this-day-courses { width: 458px; float: right; margin-bottom: 0; margin-top: 0px; height: 36px; }
.this-day-courses h3 { display: block; float: left; width: 260px; text-align: left; margin-top: 9px; margin-bottom: 9px; color: #666; }
.this-day-courses h3.time { width: 65px; color: #aaa; clear: left; }
.this-day-courses, .this-day span, .this-day h3 { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.training-cta { display: block; background: #CA0024; border: none; color: #fff !important; font-size: 12px; font-weight: bold; height: 16px; line-height: 16px; padding: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.training-cta:hover { background-color: #aaa; text-decoration: none; }
#courses hr { margin: 18px 0 0 0 !important; padding: 0; height: 1px; }
.course-desc { width: 270px; margin: 18px 0 18px 0; float: none; clear: both; }
.course-desc ul, .course-desc ul li { padding: 0; text-indent: 0; }
.course-desc ul li { margin: 0 0 9px 0; }
.course-desc ul { margin: 18px 0 18px 18px; }
.course-desc .training-cta { width: 94px; }
.course-desc p { margin-bottom: 9px; }
.cancelled h3 { text-decoration: line-through; }
.cancelled h4 { display: block; float: right; text-transform: uppercase; letter-spacing: 1px; color: #777; margin: 18px; line-height: 24px; }
.day { display: block; width: 100%; text-align: center; margin: 0; padding: 9px 0 0 0; position: relative; top: 0; }
.day hr { margin: 0 !important; padding: 0; height: 1px; }
.day.today { background-color: #f4f4f4; }
.day.today { *background-color: #ccc; } /* Internet Explorer 7 fussing */
.day .this-day-courses .training-cta { display: block; float: right; margin: 9px; }
.day.reg .this-day-courses .training-cta { display: none; }
.day.today .this-day-courses .training-cta { display: block; float: right; margin: 9px; }
.day.today .this-day-courses.cancelled .training-cta { display: none !important; }
.past { display: none; }
.social{
margin: 0 0 18px;
padding: 9px 18px;
float:right;
margin-top:-60px;
}
#page-faq .nav-faq a,
#page-support .nav-support a,
body.blog #skel-header .nav-blog a,
#page-about .nav-about a,
#page-contact .nav-contact a {
color: #fff;
cursor: default;
}
/* Side */
#skel-content .nav-1 .nav-1 a,
#skel-content .nav-2 .nav-2 a,
#skel-content .nav-3 .nav-3 a,
#skel-content .nav-4 .nav-4 a,
#skel-content .nav-5 .nav-5 a,
#skel-content .nav-6 .nav-6 a,
#skel-content .nav-7 .nav-7 a,
#skel-content .nav-8 .nav-8 a,
#skel-content .nav-9 .nav-9 a,
#skel-content .nav-10 .nav-10 a,
#skel-content .nav-11 .nav-11 a,
#skel-content .nav-12 .nav-12 a,
#skel-content .nav-13 .nav-13 a,
#skel-content .nav-14 .nav-14 a,
#skel-content .nav-15 .nav-15 a {
background: #000;
border-top: 1px solid #222;
border-bottom: 1px solid #000;
color: #fff;
cursor: default;
}
#skel-content .nav-overview .nav-overview a,
#skel-content .nav-tour .nav-tour a,
#skel-content .nav-why .nav-why a,
#skel-content .nav-case .nav-case a,
#skel-content .nav-client .nav-client a,
#skel-content .nav-designer .nav-designer a,
#skel-content .nav-how .nav-how a
{
color: #000;
cursor: default;
}
/* @end */
.pagination {
display: block;
margin: 0;
padding: 0;
text-align: right;
}
#post-list .pagination {
display: inline;
}
#post-list .page-nav a {
font-size: 14px;
margin: 0 0 0 12px;
}
#post-list .page-nav {
text-align: right;
}
.pagination li {
color: #000;
display: inline;
list-style: none;
margin: 0 0 0 9px;
}
.pagination a {
margin: 0;
}
/* @end */
/* @group image */
.thumb-title-desc {
padding: 0;
width: 699px;
margin: 0;
}
.thumb-title-desc li {
list-style: none;
list-style-image: none;
float: none;
clear: left;
display: block;
width: 699px;
margin: 0;
padding: 18px 0 0 0;
}
.thumb-title-desc li.first {
padding: 0;
}
.thumb-title-desc .video, .thumb-title-desc h2, .thumb-title-desc p {
display: block;
float: left;
}
.thumb-title-desc .video {
margin: 0 18px 0 0;
clear: left;
padding: 0;
}
.thumb-title-desc h2, .thumb-title-desc p {
width: 379px;
}
.thumb-title-desc p {
margin-bottom: 0;
}
.thumb-title-desc .video img {
*margin-bottom: 18px;
}
.wrapper {
padding-top: 36px;
}
.nav-vert {
background-color: #f4f4f4;
}
.nav-vert li a {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
border-right: 1px solid #d7d7d7;
}
#skel-content .nav-1 .nav-1 a,
#skel-content .nav-2 .nav-2 a,
#skel-content .nav-3 .nav-3 a,
#skel-content .nav-4 .nav-4 a,
#skel-content .nav-5 .nav-5 a,
#skel-content .nav-6 .nav-6 a,
#skel-content .nav-7 .nav-7 a,
#skel-content .nav-8 .nav-8 a,
#skel-content .nav-9 .nav-9 a,
#skel-content .nav-10 .nav-10 a,
#skel-content .nav-11 .nav-11 a,
#skel-content .nav-12 .nav-12 a,
#skel-content .nav-13 .nav-13 a {
border-left: #000000;
border-right: #000000;
}
.sign-up {
background-color: #eeeeee;
background-image: none;
height: 62px;
}
.sign-up a.free {
border: 1px solid #e8003c;
background: #ca0024 repeat-x 0 0;
height: 33px;
font-size: 18px;
line-height: 33px;
}
#skel-header .nav-horiz a.free {
border: 1px solid #e8003c;
background: #ca0024 repeat-x 0 -77px;
}
#skel-header .nav-horiz a.login
{color:white;}
#skel-header .nav-horiz a.tour
{color:#ffffff;}
#skel-header .nav-horiz a.home
{color:#cccccc;}
.thumb-title-desc-wide {
margin: 0;
padding: 0;
}
.thumb-title-desc-wide li {
margin: 0;
padding: 18px 0 0 0;
list-style: none;
text-indent: none;
}
.thumb-title-desc-wide .video, .thumb-title-desc-wide h2, .thumb-title-desc-wide p {
display: block;
float: left;
}
.thumb-title-desc-wide .video {
margin: 0 18px 0 0;
}
.thumb-title-desc-wide h2, .thumb-title-desc-wide p {
width: 550px;
}
.thumb-title-desc-wide hr {
width: 954px;
}
.pricing-col-1, .pricing-col-2, .pricing-col-3 {
display: block;
float: left;
margin-top: 18px;
margin-bottom: 36px;
width: 306px;
}
.pricing-col-3 {
margin-right: 0;
}
.pricing-col-2, .pricing-col-1 {
margin-right: 18px;
}
.pricing-head {
background-color: #e7e7e7;
border: 1px solid #d7d7d7;
margin: 0;
padding: 0;
}
.pricing-head h3, .pricing-head h4, .pricing-head h5 {
width: 268px;
}
.pricing-head h4, .pricing-head h5 {
margin-left: 18px;
line-height: 1.3em;
}
.pricing-head h3 {
padding: 18px 0 0 18px;
margin: 0 0 -6px 0;
font-size: 24px;
}
.pricing-head h4 {
font-weight: normal;
font-size: 48px;
letter-spacing: -1px;
}
.pricing-head h4 span {
color: #888;
display: inline;
font-size: 14px;
font-style: italic;
letter-spacing: 0;
line-height: 1em;
}
.pricing-head h5 {
letter-spacing: 1px;
font-weight: normal;
padding: 0 18px 18px 0;
font-size: 10px;
text-transform: uppercase;
}
.pricing-thumb {
background-color: #f4f4f4;
border-left: 1px solid #d7d7d7;
border-right: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
height: 219px;
}
.pricing-features {
padding: 0;
margin: 0;
}
.pricing-features li {
list-style: none;
list-style-image: none;
width: 295px;
line-height: 36px;
padding-left: 9px;
margin: 0;
background-color: #eeeeee;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
border-right: 1px solid #d7d7d7;
cursor: pointer;
}
.pricing-features li:hover {
background-color: #f4f4f4;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
font-weight: bold;
color: #000000;
}
.pricing-features li a {
display: block;
color: #0077bc;
width: 295px;
background-color: #f4f4f4;
font-weight: bold;
line-height: 36px;
margin-left: -9px;
padding-left: 9px;
}
.pricing-thumb {
position: relative;
}
.pricing-thumb div {
position: absolute;
top: 9px;
left: 9px;
display: none;
}
.pricing-thumb div.default {
z-index: 0;
display: block;
}
.pricing-thumb div.show {
z-index: 10000;
display: block;
}
.pricing-thumb div img {
border: 1px solid #d7d7d7;
}
.pricing-thumb div p {
font-size: 11px;
color: #000000;
width: 285px;
margin: 9px 0 9px 0;
background-color: #f4f4f4;
}
.take-the-tour, .or {
position: absolute;
top: 23px;
font-size: 18px;
}
.take-the-tour {
right: 185px;
}
.or {
right: 160px;
}
#skel-hero {
height: 476px;
background: #121212;
}
#skel-hero2 {
height: 26px;
background: #121212;
}
#skel-hero h1 {
text-align: center;
margin: 0;
}
#skel-hero h2 {
font-size: 18px;
line-height: 24px;
color: #bcbcbc;
width: 690px;
display: block;
float: left;
margin: 42px 0 0 0;
}
#skel-hero .free {
border: 1px solid #e8003c;
background: #ca0024 url(/cssimg/red-button-sprites-bg.png) repeat-x ;
height: 45px;
font-size: 30px;
line-height: 45px;
float: right;
}
#what-is-bc {
margin-left:40px;
width: 315px;
}
#what-is-bc p {
font-size: 18px;
line-height: 24px;
font-weight: normal;
}
#what-is-bc2 {
float: left;
width: 515px;
}
#what-is-bc2 p {
font-size: 18px;
line-height: 24px;
font-weight: normal;
}
#wordpress-coupon {
float: left;
width: 896px;
}
#wordpress-coupon p {
font-size: 18px;
line-height: 24px;
font-weight: normal;
}
#watch-an-overview {
display: block;
float: left;
margin: 0 0 36px 0;
padding: 0;
}
#watch-an-overview img {
margin: 0;
}
#skel-wrapper.l1 hr {
display: block;
margin: 0 0 36px 0;
}
#dw #skel-hero {
background: url(/img/dw/hero-bg.png) #121212 repeat-x top left;
height: 682px;
}
#hero-left {
display: block;
float: left;
width: 640px;
margin: 0;
padding: 0;
}
#dw #skel-hero h1 {
display: block;
margin: 0 0 36px 0;
padding: 0;
}
#dw-icon {
display: block;
float: left;
margin: 0 0 50px 0;
padding: 0;
}
#hero-left p#intro {
font-size: 14px;
color: #bcbcbc;
margin: 3px 0 0 0;
font-weight: normal;
line-height: 21px;
width: 612px;
}
#hero-left h2, #hero-left h3 {
clear: left;
}
#hero-right {
display: block;
float: right;
width: 306px;
}
ul.col2 {
display: block;
margin: 36px 0 18px 0;
padding: 0;
width: 954px;
float: none;
}
ul.col2 li {
width: 459px;
float: left;
list-style: none;
margin: 0;
padding: 0 0 36px 0;
float: left;
clear: left;
}
ul.col2 li.right {
float: right;
clear: right;
margin: 0;
}
ul.col2 li img {
width: 223px;
height: 123px;
border: 1px solid #d7d7d7;
margin: 0 18px 50px 0;
padding: 0;
float: left;
}
ul.col2 li h3, ul.col2 p {
display: block;
float: left;
width: 216px;
padding: 0;
}
ul.col2 p {
margin: 0;
}
.table-features {
margin: 24px 0;
table-layout: fixed;
width: 100%;
}
.table-features td, .table-features th {
border: 1px solid #fff;
padding: 9px 12px;
text-align: center;
vertical-align: middle;
}
.table-features tbody tr {
background-color: #E9E9E9;
color: #000;
}
.table-features thead tr, .table-features tbody tr td:first-child {
color: #666;
text-align: left;
}
.table-features tbody tr td:first-child {
background: #ddd;
}
.table-features thead tr th {
background: #ccc;
}
.table-features thead tr th:first-child {
background-color: #fff;
}
.staff {
margin: 0;
padding: 0;
}
.staff li {
font-size: 11px;
line-height: 16px;
list-style: none;
}
.staff h4 {
margin: 0 0 3px;
}
.staff span {
color: #444;
font-style: italic;
}
.shad {
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}