html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}body{font:13px/1.5 "Trebuchet MS",Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;}a:focus{outline:1px dotted invert;}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}h1{font-size:25px;}h2{font-size:23px;}h3{font-size:21px;}h4{font-size:19px;}h5{font-size:17px;}h6{font-size:15px;}ol{list-style:decimal;}ul{list-style:square;}li{margin-left:30px;}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px;}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px;}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px;}.container_12 .grid_3,.container_16 .grid_4{width:220px;}.container_12 .grid_6,.container_16 .grid_8{width:460px;}.container_12 .grid_9,.container_16 .grid_12{width:700px;}.container_12 .grid_12,.container_16 .grid_16{width:940px;}.alpha{margin-left:0;}.omega{margin-right:0;}.container_12 .grid_1{width:60px;}.container_12 .grid_2{width:140px;}.container_12 .grid_4{width:300px;}.container_12 .grid_5{width:380px;}.container_12 .grid_7{width:540px;}.container_12 .grid_8{width:620px;}.container_12 .grid_10{width:780px;}.container_12 .grid_11{width:860px;}.container_16 .grid_1{width:40px;}.container_16 .grid_2{width:100px;}.container_16 .grid_3{width:160px;}.container_16 .grid_5{width:280px;}.container_16 .grid_6{width:340px;}.container_16 .grid_7{width:400px;}.container_16 .grid_9{width:520px;}.container_16 .grid_10{width:580px;}.container_16 .grid_11{width:640px;}.container_16 .grid_13{width:760px;}.container_16 .grid_14{width:820px;}.container_16 .grid_15{width:880px;}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px;}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px;}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px;}.container_12 .prefix_1{padding-left:80px;}.container_12 .prefix_2{padding-left:160px;}.container_12 .prefix_4{padding-left:320px;}.container_12 .prefix_5{padding-left:400px;}.container_12 .prefix_7{padding-left:560px;}.container_12 .prefix_8{padding-left:640px;}.container_12 .prefix_10{padding-left:800px;}.container_12 .prefix_11{padding-left:880px;}.container_16 .prefix_1{padding-left:60px;}.container_16 .prefix_2{padding-left:120px;}.container_16 .prefix_3{padding-left:180px;}.container_16 .prefix_5{padding-left:300px;}.container_16 .prefix_6{padding-left:360px;}.container_16 .prefix_7{padding-left:420px;}.container_16 .prefix_9{padding-left:540px;}.container_16 .prefix_10{padding-left:600px;}.container_16 .prefix_11{padding-left:660px;}.container_16 .prefix_13{padding-left:780px;}.container_16 .prefix_14{padding-left:840px;}.container_16 .prefix_15{padding-left:900px;}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px;}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px;}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px;}.container_12 .suffix_1{padding-right:80px;}.container_12 .suffix_2{padding-right:160px;}.container_12 .suffix_4{padding-right:320px;}.container_12 .suffix_5{padding-right:400px;}.container_12 .suffix_7{padding-right:560px;}.container_12 .suffix_8{padding-right:640px;}.container_12 .suffix_10{padding-right:800px;}.container_12 .suffix_11{padding-right:880px;}.container_16 .suffix_1{padding-right:60px;}.container_16 .suffix_2{padding-right:120px;}.container_16 .suffix_3{padding-right:180px;}.container_16 .suffix_5{padding-right:300px;}.container_16 .suffix_6{padding-right:360px;}.container_16 .suffix_7{padding-right:420px;}.container_16 .suffix_9{padding-right:540px;}.container_16 .suffix_10{padding-right:600px;}.container_16 .suffix_11{padding-right:660px;}.container_16 .suffix_13{padding-right:780px;}.container_16 .suffix_14{padding-right:840px;}.container_16 .suffix_15{padding-right:900px;}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}.clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}
body{font-family: Arial, Helvetica, Verdana;color: #2F1E0A; background: #fffcfb;}
h1, h2, h3, h4, h5, h6{line-height: 1em;}
/* top */
.outertop{background: #27BDD5 url(images/bgbg.png) repeat-x top; width: 100%; overflow: hidden; }
/*menu */
a.logo img{float: left;}
#menuside{float: right; width: 500px;}
img.gic{float: left; cursor: pointer;}
ul.menu{list-style: none;margin: 0px;padding: 0; float: left; background: url(images/menuback.png) no-repeat top left; height: 44px;}
ul.menu li{float: left;padding:0px;margin: 0px;}
ul.menu li a:hover{color: #00545F;}
ul.menu li a {text-decoration: none;font-size: 14px;display: block;margin: 0; padding: 10px 7px 0px 17px;font-weight: normal;letter-spacing: 1px;color: #bfbfbf; font-weight: bold;}
ul.menu li.current_page_item a, ul.menu li a:hover{color: #fff;}
ul.menu li>ul { top: auto;left: auto;}
ul.menu li ul {list-style: none;position: absolute;top: 30px;left: 0px;display: none;margin: 0px;}
ul.menu li:hover ul, ul.menu li.over ul{display: block;}
ul.menu li li {padding: 0;float: none;display: block; border-left: 1px solid #3F3F3F;border-right: 1px solid #3F3F3F;
border-bottom: 1px solid #3F3F3F;margin: 0px;height: 22px;}
ul.menu li li a {margin: 0;padding: 0px;padding: px 0px;font-size: 13px;color: #00545F;}
/*hallo*/
.coverall{background: #fff;}
#welcomeouter{height: 208px;
background:url("images/spikes-top.png") repeat-x scroll bottom;
}
.hallo{height: 90px; background: #fff;}
.hallo h3 span{font-size: 12px;}
.hallo h3{padding-top: 10px;margin-bottom: 5px;}
.hallo p{width: 720px;float: left; font-size: 16px; padding-top: 15px;}
.hallo a {-moz-border-radius:18px 18px 18px 18px;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);background:url("images/bigbutton.png") repeat-x scroll left bottom #21B3C9;
border:1px solid rgba(0, 0, 0, 0.25);color:#FFFFFF;cursor:pointer;font-size:13px;font-weight:bold;padding:5px 10px;text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);float: right; margin-top: 25px;}
.hallo a:hover{background-color: #087F8F;}
/* quotemain */
#quotemain{padding: 40px 0 20px 0;width: 960px;border-bottom: 1px solid #cfcfcf; border-top: 2px dashed #E1E1E1;}
#quotemain img{float: left;margin: 10px 10px 20px 0;}
#quotemain p{padding: 0px;margin: 0px 0 10px 0;font-weight: normal;}
#quotemain h5{color: #21B3C9;margin: 0px 0px 5px 0; font-size: 21px;}
/* frontpage main */
.leftpointer{height: 356px;background: url(images/leftshad.png) no-repeat 130px 0px;position: relative;}
.leftpointer img{width: 220px;height: 63px;position: absolute;top: 30px;left: 16px;}
.leftpointer ul{list-style-type: none;margin: 20px 0 0 0;background: url(images/arrow.png) no-repeat 0px 0;line-height: 33px; padding-top: 43px; background-position: 0px 43px; height: 300px;}
.leftpointer ul li{margin: 0px;font-size: 18px;color: #06252F;height: 43px;padding-left: 20px;cursor: pointer;}
.leftpointer ul li.active{color: #fff;}
.midpointer{height: 306px;background: url(images/mainshad.png) no-repeat 420px 100%;position: relative;padding: 30px 0;}
.midpointer h4{color: #28BED5; padding-right: 60px;}
.midpointer h6{color: #424242; padding-bottom: 10px; margin-right: 75px; border-bottom: 2px dashed #e1e1e1; }
.midpointer p{padding-right: 60px;}
.midpointer .block{display: none;}
.midpointer .active{display: block;}
.midpointer a{-moz-border-radius:18px 18px 18px 18px;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);background:url("images/bigbutton.png") repeat-x scroll left bottom #28BED5;
border:1px solid rgba(0, 0, 0, 0.25);color:#FFFFFF;cursor:pointer;float:right;font-size:13px;font-weight:bold;padding:5px 10px;
text-decoration:none;text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);margin-right: 80px;}
.rightpointer{padding: 30px 0;}
.rightpointer h6{color: #28BED5;}
.rightinner{border: 1px solid #f3f3f3;margin-top: 35px;}
.rightinnerin{ border: 1px solid #fff; background: #f3f3f3; padding: 10px;}
/* logo items */
.logoitems{padding: 20px 0;border-top: 1px solid #CED3D5;}
.logoitems img{padding: 0px 2px;opacity:0.4;filter:alpha(opacity=40)}
.logoitems img:hover{opacity:1;filter:alpha(opacity=100)}
/*footer */
#bottomouter2{background: #00545F;color: #fff;border-top: 1px solid #000;}
#bottom{padding: 20px 0;}
#bottomouter2 .bottombit p, #bottomouter2 .bottombit p a{color: #fff;}
#bottomouter2 form#ajax-contact-form h2, #bottomouter2 form#ajax-contact-form label{color: #fff;}
.contacts{background: #13919F;border: 1px solid #40C1CF;}
.contacts h1{margin: 15px 10px 20px 10px;background: url(images/bottomdivider.png) repeat-x bottom;padding-bottom: 10px;}
form#ajax-contact-form p.selected{float: left;padding-left: 20px;background: url(images/selected.png) no-repeat top left;margin-left: 10px;cursor: pointer;}
form#ajax-contact-form p.selectbox{float: left;padding-left: 20px;background: url(images/selectbox.png) no-repeat top left;margin-left: 10px;cursor: pointer;}
p.success{margin: 0px 15px 18px 15px;background: #7FFFC0;padding: 10px;border: 1px solid #319F69;color: #0C3F26;display: none;}
p.error{margin: 0px 15px 18px 15px;background: #FF7F84;padding: 10px;border: 1px solid #AF2B31;color: #4F1416;}
form#ajax-contact-form label{float:left;margin:0;padding:5px 0;line-height: 16px;text-align:left;width:70px;}
form#ajax-contact-form input.textbox, form#ajax-contact-form textarea.textbox{float:left;font-style:normal;font-variant:normal;font-weight:normal;
line-height:normal;margin: 0px 0px 10px 0;padding: 5px 0;border-left: 1px solid #00626F;border-right: 1px solid #68DFEF;border-top: 1px solid #00626F;
border-bottom: 1px solid #68DFEF;background: #27BDD5;color: #fff;overflow: hidden;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
form#ajax-contact-form input.button{-moz-border-radius:3px 3px 3px 3px;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);background:#fff;
color:#153F4D;text-shadow:0 -1px 1px #FFFFFF;padding: 5px;border: 0px solid #fff;margin-bottom: 10px;float: right;cursor: pointer;margin-right: 3px;}
label.loader img{display: none;}
.portfolios p{padding: 10px 0 0 0;}
/*advertisement */
.advertisement{background:none repeat scroll 0 0 #13919F;
border:1px solid #40C1CF;}
.advertisement h1{margin: 15px 10px 20px 10px;background: url(images/bottomdivider.png) repeat-x bottom;padding-bottom: 10px;}
.advertisement img{margin: 0px 10px 12px 10px;}
/*credits*/
.credits{color: #fff;border-top: 1px solid #4F3618;background: #0f0f0f;padding: 10px 0;}
.credits a{color: #5f5f5f;margin: 0px;text-decoration: none;}
.credits p{margin: 0px;}
/*second contact form*/
#fade {display: none;background: #000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .80;z-index: 9999;}
.contactf{position: fixed;left: 50%;top: 50%;z-index: 99999;display: none; padding: 20px;}
*html #fade {position: absolute;}
*html .contactf {position: absolute;}
.contactfinner{background: #fff; width: 400px; height: 600px; -moz-border-radius:8px 8px 8px 8px; overflow: hidden;}
a.close{background: url(images/close1.png) no-repeat center;width: 40px;height: 40px;display: block;position: absolute;top: 0px;right: 0px;
text-decoration: none;}
a.close:hover{background: url(images/close2.png) no-repeat center;}
.contactfinner h1{padding: 20px 0 10px 60px; background: url(images/designreq.png) no-repeat center left; margin: 0 10px 10px 10px; border-bottom: 1px solid #e1e1e1;}
.contactfinner h6{margin-bottom: 5px;}
.contactfinner p{margin: 0px 10px 10px 10px; background: #F5F4F4; -moz-border-radius:8px 8px 8px 8px; padding: 5px;}
#myform{padding: 10px;}
.btnouter{margin-bottom: 10px;}
form#myform label{width: 95px;float: left;padding: 5px 20px 5px 0;}
form#myform input{width: 235px;float: left;padding: 5px 10px;background: url(images/input.png) no-repeat top left;border: solid 1px #CFCFCF;}
form#myform textarea{background: url(images/input.png) no-repeat top left;border: solid 1px #CFCFCF;}
form#myform p.submit input {-moz-border-radius:18px 18px 18px 18px;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);background:url("images/bigbutton.png") repeat-x scroll left bottom #C74A24;
border:1px solid rgba(0, 0, 0, 0.25);color:#FFFFFF;cursor:pointer;float:right;font-size:13px;font-weight:bold;padding:5px 10px;text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);cursor: pointer;width: 150px;}
p.submit img{display: none;float: left;}
p.mainquote{
padding: 20px 20px 0 20px;
font-size: 21px;
margin: 0px;
text-align: justify;
letter-spacing: -1px;
}
p.author{
padding: 10px 20px 10px 20px;
font-size: 16px;
float: right;
margin: 0px;
}
p.definition{
padding: 0px 20px 20px 20px;
margin: 0px;
text-align: justify;
font-size: 14px;
}
#pagecontent span h1.banner, #singlebodyinner span h1.banner{
color: #454A4B;
padding-bottom: 70px;
font-size: 50px;
padding-top: 20px;
letter-spacing: 1px;
border-bottom: 0px solid #000;
}
#singlebodyinner span h1.banner{
padding-bottom: 55px;
}
#pagecontent h1{
color: #454A4B;
}
#design{
position: absolute;
width: 26px;
height: 26px;
left: 120px;
top: 35px;
background: url(images/show.png) no-repeat center;
}
.design{
color: #fff;
background: #00C5CF;
/* for IE */
filter:alpha(opacity=95);
/* CSS3 standard */
opacity:0.95;
}
#designouter{
background: url(images/pointer2.png) no-repeat 0% 20%;
padding-left: 28px;
top: 15px;
left: 2393px;
width: 499px;
position: absolute;
}
#content{
position: absolute;
width: 26px;
height: 26px;
left: 95px;
top: 155px;
background: url(images/show.png) no-repeat center;
}
.content{
color: #fff;
background: #00C5CF;
/* for IE */
filter:alpha(opacity=90);
/* CSS3 standard */
opacity:0.9;
}
#contentouter{
background: url(images/pointer2.png) no-repeat 0% 20%;
padding-left: 28px;
top: 138px;
left: 3113px;
width: 425px;
position: absolute;
}
#optim{
position: absolute;
width: 26px;
height: 26px;
left: 690px;
top: 75px;
background: url(images/show.png) no-repeat center;
}
.optim{
color: #fff;
background: #00C5CF;
/* for IE */
filter:alpha(opacity=90);
/* CSS3 standard */
opacity:0.9;
}
#optimouter{
background: url(images/pointer4.png) no-repeat 100% 20%;
padding-right: 28px;
top: 1558px;
left: 333px;
width: 335px;
position: absolute;
}
#bulb{
position: absolute;
width: 26px;
height: 26px;
left: 530px;
top: 70px;
background: url(images/show.png) no-repeat center;
}
.bulb{
color: #fff;
background: #00C5CF;
/* for IE */
filter:alpha(opacity=90);
/* CSS3 standard */
opacity:0.9;
}
#bulbouter{
background: url(images/pointer3.png) no-repeat 50% 0%;
padding-top: 28px;
top: 1008px;
left: 258px;
width: 535px;
position: absolute;
}
#planning{
position: absolute;
width: 26px;
height: 26px;
left: 760px;
top: 195px;
background: url(images/show.png) no-repeat center;
}
.planning{
color: #fff;
background: #00C5CF;
/* for IE */
filter:alpha(opacity=90);
/* CSS3 standard */
opacity:0.9;
}
#planningouter{
background: url(images/pointer4.png) no-repeat 100% 20%;
padding-right: 28px;
top: 185px;
left: -1443px;
width: 295px;
position: absolute;
}
#coffee{
position: absolute;
width: 26px;
height: 26px;
left: 293px;
top: 112px;
background: url(images/show.png) no-repeat center;
}
.coffee{
color: #fff;
background: #00C5CF;
/* for IE */
filter:alpha(opacity=90);
/* CSS3 standard */
opacity:0.9;
}
#coffeeouter{
background: url(images/pointer2.png) no-repeat 0% 20%;
padding-left: 28px;
top: 96px;
left: 3113px;
width: 515px;
position: absolute;
}
#morethingsouter{
border-bottom: 1px solid #fff;
}
.palette3b, #sidesearch form#searchform input#s{
background: #454A4B;
}
#latestlist h4{
padding: 0px 0px 10px 0px;
margin: 0px 0px 15px 0px;
border-bottom: 1px dashed #6F6F6F;
}
.yourtwit h4{
padding: 0px 0px 10px 0px;
margin: 0px 0px 15px 0px;
border-bottom: 1px dashed #6F6F6F;
}
a{
color: #454A4B;
}
a.visit{
font-weight: bold;
text-decoration: none;
font-size: 14px;
float: right;
}
.portfolios{
padding: 20px 0;
}
/* top section */
/* menu */
/* carousel */
#morethingsouter{
padding-bottom: 20px;
}
/* slideshow */
#theysay{
margin-top: 20px;
background: url(images/stripe.jpg) repeat-x top;
padding-top: 10px;
}
#morethings{
padding-top: 20px;
}
#tweets {
margin-top: 0px;
}
#tweetbot{
background: url(images/tweetbot.png) no-repeat center bottom;
padding-bottom: 78px;
}
#tweet ul{
margin: 0px;
}
#tweet ul li{
padding: 5px 0px;
list-style-type: none;
font-size: 14px;
margin: 0px;
}
#tweet ul li a{
color: #00C5CF;
font-weight: bold;
font-style: italic;
text-decoration: none;
padding-top: 5px;
}
#latestlist h1{
padding: 10px 0;
margin: 0px 10px 10px 10px;
font-weight: normal;
border-bottom: 1px dashed #fff;
color: #fff;
}
#latestlist p{
padding: 5px 0;
margin: 0px;
font-weight: normal;
}
#latestlist p a{
font-size: 14px;
text-decoration: none;
}
#latestlist p a:hover{
text-decoration: underline;
}
#slides{
width: 540px;
height: 349px;
position: relative;
overflow: hidden;
}
#slideshowinfo{
float: right;
margin-right: 10px;
font-size: 11px;
letter-spacing: 2px;
color: #8f8f8f;
}
#slideshowinfo span.onn{
text-decoration: none;
color: #8f8f8f;
cursor: pointer;
}
#slideshowinfo span.offf{
text-decoration: none;
color: #fff;
cursor: pointer;
}
#slides #imgframe img, #slides #holderframe img{
padding: 8px 0 0 8px;
width: 521px;
height: 329px;
}
.imgtitle, .imglink{
display: none;
}
#slides{
background: #000;
}
#slides #holderframe{
position: absolute;
width: 536px;
height: 345px;
top: 1px;
left: 1px;
overflow: hidden;
background: #111111;
border: 1px solid #272727;
}
#slides #imgframe{
position: absolute;
width: 536px;
height: 345px;
top: 1px;
left: 1px;
overflow: hidden;
border: 1px solid #272727;
}
#slides #loaderframe{
position: absolute;
width: 536px;
height: 345px;
top: 0px;
left: 0px;
overflow: hidden;
background: url(images/76.gif) no-repeat center;
display: none;
}
#slides #bigframe{
position: absolute;
width: 538px;
height: 345px;
top: 1px;
left: 1px;
overflow: hidden;
}
#bigframe span.zoomer{
position: absolute;
width: 540px;
height: 349px;
top: -540px;
left: 0px;
z-index: 9;
}
#bigframe span.zoomer img{
padding: 174px 259px 175px 258px;
}
#bigframe span.infobg{
position: absolute;
width: 521px;
height: 50px;
top: 289px;
left: 9px;
background: url(images/infobg.png);
z-index: 10;
display: none;
}
#bigframe span.infobg h1{
color: #fff;
font-weight: normal;
font-size: 16px;
text-align: center;
margin: 0px;
}
#bigframe span.infobg p.lnk{
color: #fff;
font-weight: normal;
font-size: 11px;
text-align: center;
margin: 0px;
}
#bigframe span.infobg p.lnk a{
color: #fff;
}
a.shift{
padding-right: 90px;
}
span.maskleft{
position: absolute;
background: url(images/bigmask1.png) no-repeat;
width: 521px;
height: 329px;
left: 9px;
top: 9px;
z-index: 9;
background: #000;
}
.contactblock{
float: left;
width: 350px;
}
/* welcome message */
#mainwelcomemsg h5{
padding: 0px 0px 10px 0px;
margin: 0px 10px;
line-height: 1.5em;
font-size: 20px;
text-align: center;
letter-spacing: 2px;
font-weight: normal;
color: #CFCFCF;
}
.grid_1{
margin: 0px !important;
width: 80px !important;
}
#mainwelcomemsg p{
padding: 15px 0;
margin: 0px;
font-size: 14px;
color: #CFCFCF;
letter-spacing: 1px;
line-height: 1.8em;
}
#mainwelcomemsg p span{
font-weight: bold;
color: #fff;
}
#mainwelcomemsg p em{
border-bottom: 1px dotted #5F5F5F;
}
#cwrapper{
background: url(images/stripe.jpg) repeat-x bottom;
}
/* latest news frontpage*/
#content{
overflow: hidden;
padding-bottom: 10px;
}
.imgborder{
padding: 0px;
cursor: pointer;
margin: 0px;
height: 57px;
}
.imgborder img.ready{
background: #000;
}
.imgborder span{
display: none;
}
#stripe{
height: 360px;
overflow: hidden;
position: relative;
}
#stripeinner{
width: 80px;
}
.grid_7, #stripeinner{
}
#singlebody{
padding: 16px 0;
border-bottom:2px dashed #E1E1E1;
}
#singlebodyinner{
width: 100%;
background: url(images/pagemid.png) repeat-y center;
}
#singlebodybottom{
background: url(images/pagebot.png) no-repeat center top;
width: 960px;
padding-bottom: 50px;
}
#content h1{
padding: 10px;
font-weight: normal;
font-size: 18px;
margin-bottom: 3px;
}
#content2, #singlewide{
background: url(images/tile960.png) repeat-y center;
}
#mainindex{
padding-bottom: 5px;
}
#mainindex img{
background: #fff;
padding: 5px;
margin-left: 10px;
}
#content3{
height: 24px;
margin-bottom: 20px;
background: url(images/bot960.png) no-repeat top left;
}
/* single page */
#singletop{
height: 129px;
padding: 5px 0px;
}
#single{
position: relative
}
#singleinner{
margin: 0px;
position: absolute;
top: 0px;
left: 0px;
width: 960px;
height: 124px;
background: url(images/pagemask.png) no-repeat center;
}
#singleinner span{
position: absolute;
top: 70px;
left: 40px;
}
#singleinner span.breadcrumbs{
position: absolute;
top: 30px;
left: 40px;
letter-spacing: 0px;
font-weight: bold;
padding: 3px 10px;
font-size: 11px;
}
#singleinner span h1{
font-size: 30px;
}
.container12 .grid_4{
width: 310 !important;
}
#sideinner{
padding-top: 20px;
}
.sideouter{
border: 1px solid #000;
background: #2e2e2e;
padding: 1px;
}
.sidecenter{
border: 8px solid #111111;
background: #202020;
}
.sidecontent{
border: 1px solid #2e2e2e;
}
ul.singleslider{
background: #fff;
list-style-type: none;
margin: 10px;
width: 600px;
position: relative;
height: 605px;
}
#pagecontent ul.singleslider li{
margin: 0;
position: absolute;
width: 590px;
height: 590px;
left: 10px;
top: 10px;
}
#subtitle h1{
margin: 0px;
padding: 20px 0 0px 15px;
font-size: 25px;
text-align: center;
}
#subtitle h1.singlesubpage{
margin: 0px;
padding: 20px 250px 20px 175px;
font-size: 25px;
text-align: left;
}
#pagecontent p{
padding: 10px 0;
line-height: 22px;
margin: 0px;
font-size: 15px;
}
#pagecontent p span{
background: #CFF5FF;
color: #124E5F;
}
.frmbtn, .typer{
width: 70px;
margin-right: 5px;
float: left;
padding: 5px 0 5px 20px;
background: url(images/noselect.png) no-repeat center left;
cursor: pointer;
}
.select{
background: url(images/select.png) no-repeat center left;
}
.currently{
width: 304px;
margin-right: 5px;
float: left;
padding: 5px 0;
text-align: center;
color: #fff;
background: #454A4B;
margin-bottom: 20px;
}
#pagecontent p.share{
background: url(images/ccshare.png) no-repeat 3% 50%;
padding: 20px 25px 20px 80px;
margin-bottom: 30px;
}
#pagecontent p.share span, #pagecontent p.modify span, #pagecontent p.by span, #pagecontent p.sa span, #pagecontent p.nc span, #pagecontent p.nd span{
font-weight: bold;
color: #fff;
}
#pagecontent p.modify{
background: url(images/remix.png) no-repeat 3% 50%;
padding: 20px 25px 20px 80px;
margin-bottom: 30px;
}
#pagecontent ul.share{
padding-left: 45px;
font-size: 12px;
margin: 0px;
}
#pagecontent p.by{
background: url(images/by.png) no-repeat 3% 50%;
padding: 20px 25px 20px 80px;
margin-bottom: 30px;
}
#pagecontent p.sa{
background: url(images/sa.png) no-repeat 3% 50%;
padding: 20px 25px 20px 80px;
margin-bottom: 30px;
}
#pagecontent p.nd{
background: url(images/nd.png) no-repeat 3% 50%;
padding: 20px 25px 20px 80px;
margin-bottom: 30px;
}
#pagecontent p.nc{
background: url(images/nc.png) no-repeat 3% 50%;
padding: 20px 25px 20px 80px;
margin-bottom: 30px;
}
#legalcode{
text-align: center;
padding-top: 20px;
}
#pagecontent #legalcode a{
color: #fff;
text-decoration: underline;
}
#pagecontent p.date{
padding: 0px 15px 5px 15px;
line-height: 18px;
margin: 0px;
font-size: 11px;
}
.imgouterouter{
border: 1px solid #000;
background: #2e2e2e;
padding: 1px;
float: left;
margin: 0 15px;
}
#pagecontent h2.category{
margin-bottom: 0px;
}
#pagecontent h1, #pagecontent h2, #pagecontent h3, #pagecontent h4, #pagecontent h5, #pagecontent h6, #singlebodyinner h1{
padding: 0px 0px;
margin: 20px 0px 0px 0px;
font-weight: normal;
color: #454A4B;
}
#pagecontent .thearticle h1, #pagecontent .thearticle h2, #pagecontent .thearticle h3, #pagecontent .thearticle h4, #pagecontent .thearticle h5, #pagecontent .thearticle h6, #singlebodyinner .thearticle h1{
padding: 0px;
margin: 20px 0px 0px 0px;
font-weight: normal;
letter-spacing: -1px;
color: #454A4B;
}
#pagecontent span h1{
border-bottom: 1px dashed #2f2f2f;
margin-bottom: 20px;
}
#pagecontent a, #pagecontent li a{
text-decoration: none;
color: #308AA4;
border-bottom: 1px dashed #308AA4;
font-weight: bold;
}
#pagecontent a.readmore{
float: right;
margin-right: 20px;
background: #0F0F0F;
padding: 2px 10px;
font-size: 10px;
font-weight: normal;
letter-spacing: -1px;
border: 1px solid #1F1F1F;
}
.striper{
border-bottom: 1px dashed #2f2f2f;
margin: 0px 70px;
height: 1px;
padding-top: 20px;
margin-bottom: 20px;
}
#pagecontent p.date a{
color: #fff;
text-decoration: none;
}
#pagecontent a:hover{
color: #124E5F;
border-bottom: 1px dashed #124E5F;
}
#pagecontent ul, #pagecontent ol{
margin-top: 10px;
}
#pagecontent li{
line-height: 24px;
padding: 3px 10px 3px 0;
font-size: 14px;
}
#pagecontent blockquote{
padding: 10px 0;
margin: 10px 30px;
font-style: italic;
letter-spacing: 1px;
border-top: 1px dashed #2f2f2f;
border-bottom: 1px dashed #2f2f2f;
}
#pagecontent blockquote p{
font-size: 14px;
padding: 0px ;
}
#pagecontent blockquote p:first-letter{
font-size: 18px;
font-weight: bold;
}
#recognition{
width: 308px;
height: 310px;
border: 1px solid #000;
background: #202020;
float: left;
margin-right: 8px;
margin-bottom: 20px;
padding: 1px;
}
.recognitionwrap{
border: 8px solid #111111;
height: 294px;
}
.innerwraprec{
border: 1px solid #2e2e2e;
height: 292px;
}
#recognitioninner p{
margin: 0px;
}
#recognitioninner{
position: relative;
width: 960px;
height: 530px;
}
.col1, .col2, .col3{
position: absolute;
}
.col2{
width: 639px;
}
.col1{
width: 319px;
}
.col1 h1, .col2 h1, .col3 h1{
padding: 10px;
}
.story{
padding: 10px;
}
#recognition p{
padding: 0px 0px 0 0px;
font-size: 16px;
margin: 0px;
text-align: center;
color: #8f8f8f;
font-family: Georgia, Helvetica, Times Roman;
}
#recognition h1{
text-align: center;
font-size: 12px;
margin: 0px;
color: #fff;
padding-top: 10px;
}
#recognition img{
padding: 0px 0 0px 0px;
margin-left: 0px;
}
#ratetitle{
float: left;
font-size: 16px;
font-weight: bold;
width: 290px;
}
#ratetitle h6{
margin: 0px 0px 0px 30px;
color: #8f8f8f;
}
#ratedesc{
float: left;
width: 340px;
padding: 5px 0;
}
#ratedesc p{
margin: 0px;
padding-right: 20px;
}
.tariff{
width: 300px;
float: left;
}
.tariff p{
font-size: 17px;
text-align: center;
color: #fff;
font-family: Georgia, Helvetica, Times Roman;
}
#thecomments ol li img{
float: left;
margin: 0px;
background: #fff;
padding: 3px;
border: 1px solid :e1e1e1;
margin-right: 20px;
}
#thecomments ol li.authorcomment p.meta1{
margin: 0px;
padding: 2px 15px;
float: left;
font-weight: bold;
font-size: 11px;
margin-top: 3px;
}
#thecomments ol li p.meta{
margin: 0px;
padding: 2px 15px;
float: right;
font-size: 11px;
margin-top: 3px;
}
#thecomments ol li p.meta1{
margin: 0px;
padding: 2px 15px;
float: left;
font-size: 11px;
margin-top: 3px;
}
#thecomments ol li span p{
padding: 15px;
margin: 0px;
}
#thecomments input#submit{
-moz-border-radius:18px 18px 18px 18px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
background:url("images/bigbutton.png") repeat-x scroll left bottom #27BDD5;
border:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF;
cursor:pointer;
float:right;
font-size:13px;
font-weight:bold;
padding:5px 10px;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
margin-right: 300px;
}
#thecomments input#author, #thecomments input#email, #thecomments input#url, #thecomments textarea#comment{
float:left;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:5px;
padding: 3px;
border: 1px solid #e1e1e1;
overflow: hidden;
}
#thecomments p label{
padding: 6px 0 0 10px;
line-height: 32px;
}
#thecomments h6{
margin: 30px 0;
font-size: 20px;
font-weight: bold;
}
/* category specific */
#catimage img{
padding: 5px;
margin: 10px;
}
#pagecontent h5.category{
margin: 0 0 10px 0;
}
#pagecontent a.catbut{
float: right;
margin-right: 20px;
background: #0F0F0F;
padding: 2px 10px;
font-size: 10px;
font-weight: normal;
letter-spacing: 1px;
border: 1px solid #1F1F1F;
}
#pagecontent img.alignnone{
padding: 3px;
}
#pagecontent img.alignleft{
padding: 3px;
float: left;
margin-right: 3px;
}
#pagecontent img.alignright{
padding: 3px;
float: right;
margin-left: 3px;
}
/* __pagination__ */
#pagecontent .pagination{
height: 33px;
text-align: center;
}
#pagecontent .pagination a{
text-decoration: none;
font-weight: bold;
padding: 2px 8px;
font-size: 12px;
margin: 0px 5px;
color: #6f6f6f;
border: solid 1px #1f2223;
}
#pagecontent .pagination a.current{
text-decoration: none;
font-weight: bold;
padding: 2px 8px;
font-size: 12px;
border: solid 1px #1f2223;
color: #fff;
}
/* __contactform__ */
form#ajax-contact-form h2{
margin: 0px;
font-weight: normal;
letter-spacing: 1px;
font-size: 16px;
padding: 15px 0 15px 70px;
}
form#ajax-contact-form label.error{
float:left;
margin:px;
padding-left:20px;
text-align:left;
}
/* front bottom content and twitter*/
#bottomouter{
background: #fff;
}
#footer{
border-top: 1px solid #000;
}
#pagecontent ul.sitemap ul.children{
border: 0px solid #000;
}
.bottombit {
padding-top: 15px;
}
.bottombit p{
padding: 5px 0px 10px 0px;
margin: 0px;
text-align: center;
}
.bottombit p a{
text-decoration: none;
}
.bottombit p a:hover{
text-decoration: underline;
}
form#searchform{
margin: 10px 0 0 0;
width: 100px;
}
input#s{
border: 1px solid #202020;
color: #fff;
width: 150px;
padding: 5px 0;
letter-spacing: 1px;
text-align: center;
}
/* sidebar */
#sidesearch, #sidesocial, #sidehelp, #latest, .sidewidget{
padding: 0 15px 25px 15px;
margin-bottom: 10px;
}
#sidesearch h6, #sidesocial h6, #sidehelp h6, #latest h6, .sidewidget h6{
margin: 0px 0px 10px 0px;
font-weight: normal;
font-size: 18px;
}
#sidesearch p, #sidesocial p, #sidehelp p, #latest p, .sidewidget p{
margin: 0px;
}
#latest p, #sidesocial p, #sidewidget p{
margin: 5px 10px 5px 10px;
letter-spacing: 1px;
border-bottom: 1px dashed #2e2e2e;
}
#sidesearch p a, #sidesocial p a, #sidehelp p a, #latest p a, #sidewidget p a, .sidewidget ul li a{
margin: 0px;
text-decoration: none;
}
#sidesearch form#searchform{
margin: 0px 0px 0px 0px;
}
.sidewidget ul{
margin: 0px;
}
.sidewidget ul li{
margin: 0px;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px dotted #DFDFDF;
}
.sidewidget table{
width: 100%;
text-align: center;
border: 1px solid #DFDFDF;
}
.sidewidget a{
text-decoration: none;
}
/* footer */
#footer h6{
padding: 5px 0;
text-align: center;
font-weight: normal;
letter-spacing: 1px;
margin: 0px;
font-size: 11px;
}
.formerror{
padding: 25px;
color: red;
font-weight: bold;
}
.formsuccess{
padding: 25px;
color: green;
font-weight: bold;
}
img.avatar{
padding: 0 0 5px 5px;
}
.alt {margin: 0;padding: 10px;}
#comments ol {list-style-type: none;line-height: 18px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 10px;padding-left: 5px;}
#comments ul li {list-style-type: none;list-style-image: none;list-style-position: outside;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 5px;padding-top: 5px;padding-right: 0px;padding-bottom: 0px;padding-left: 0pt;}
.commentlist {padding: 0;text-align: justify;}
#pagecontent .commentlist li {margin: 0px;list-style: none; padding: 0px;}
#pagecontent .commentlist li ul li { margin: 0px;list-style: none; border: 0px solid #000; background: #000; padding: 0px;}
.commentlist li li {background:none;border:none;list-style:none;margin:0px;padding:3px 0;}
.commentlist li .avatar {margin:5px 8px 6px 0;float: right;padding:2px;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
#pagecontent .commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none; margin: 0;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; padding: 5px 0px;}
.commentmetadata {font-weight: normal; margin: 0;display: block;}
.commentmetadata a, .commentmetadata a:visited {color: #8f8f8f; font-size: 10px;}
.commentmetadata a:hover{ color: #333333;}
#pagecontent ul.children {
border: 8px solid #111111;
margin: 0px;
}
.reply a{
padding: 5px 17px;
background: #000;
border: 1px solid #2e2e2e;
color: #fff;
}
#pagecontent h4.postcomment{ padding: 20px 0; margin: 0px;}
#pagecontent a#cancel-comment-reply-link{ margin-left: 20px; color: #fff;}
.cancel-comment-reply{padding: 15px 0;}
form#commentform p a{ color: #fff;}
#pagecontent li ul li .wrapinner{
background: #202020;
}
#flickerer{
width: 290px;
float: left;
padding-top: 10px;
}
#flickerer img, #flickimginner img, #flickimginners img{
width: 122px;
height: 80px;
border: 5px solid #686E6F;
}
#flickimginner, #flickimginners{
border: 4px solid transparent;
}
#flickimgcenter{
border: 1px solid transparent;
}
#flickimgouter{
border: 1px solid transparent;
width: 138px;
float: left;
}
#butouter{
text-align: center;
padding: 10px 0;
}
#butouter a{
font-family: Helvetica,Geneva,Kalimati,sans-serif;
font-style: normal;
color: #fff;
background: #00C5CF;
text-decoration: none;
padding: 3px 5px;
font-weight: bold;
}
#skyline{
width: 100%;
height: 69px;
background: url(images/skyline.png);
}
#demotip {
display:none;
background:transparent url(images/black_arrow.png);
font-size:12px;
height:70px;
width:160px;
padding:15px 25px 25px 25px;
color:#fff;
z-index: 999;
}
.framez{
background:url(images/shelfbook.png) no-repeat center top;
height: 251px;
width: 220px;
position: relative;
}
.shelfgrad{
position: absolute;
height: 231px;
width: 184px;
background: url(images/shelfgrad.png) no-repeat center top;
left: 18px;
top: 13px;
cursor: pointer;
}
.shelftitle{
position: absolute;
height: 40px;
width: 174px;
background: #000;
color: #fff;
left: 18px;
top: 13px;
padding: 0px 5px;
font-size: 12px;
overflow: hidden;
opacity:0.8;filter:alpha(opacity=80)
}
.framez img{
padding: 13px 0 0 18px;
}
.framez h6{
padding: 15px;
}
#picframes{
height: 286px;
background:url(images/shelf.png) repeat-x top center;
}
#picframes h1{
padding: 0px 0px 0px 25px;
margin: 0px 0px 5px 0px;
font-size: 20px;
}
#picframes p{
margin: 25px 10px 0 10px;
padding: 5px;
-moz-box-shadow:0 0 3px #999999;
background:-moz-linear-gradient(center top , #FFFFFF, #EBEBEB) repeat scroll 0 0 #F3F3F3;
border-color:#999999;
outline:0 none;
height: 176px;
}
.medivtop{
height: 2px;
background:url(images/mediv.png) repeat-x top center;
}
.meinner {
padding: 0px 10px;
font-size: 14px;
line-height: 24px;
}
.timerouter{
width: 660px;
height: 146px;
margin-top: 40px;
}
.timertimer{
width: 140px;
height: 140px;
float: left;
background: #000;
margin: 5px 10px;
-moz-border-radius: 18px;
}
ul.countdown{
}
ul.countdown li{
color: #fff;
}
#message h2{
padding: 20px 10px;
margin: 20px 0;
border: 2px dashed #AFAFAF;
text-align: center;
}
.announcement{
padding: 20px 10px;
margin: 20px 0;
border: 2px dashed #AFAFAF;
}
.announcement2{
padding: 20px 10px;
margin: 20px 0;
border: 2px dashed #AFAFAF;
}
#pagecontent .announcement2 h3{
margin: 0px 0px 20px 0px;
padding: 0px;
text-align: center;
}
#pagecontent .announcement2 img{
margin-left: 15px;
border: 1px solid #000;
}
#pagecontent .announcement h1{
padding: 0px;
margin: 0;
}
.timclass{
margin: 0px auto;
width: 250px;
height: 281px;
border: 1px solid #000;
position: relative;
overflow: hidden;
}
#pagecontent .announcement2 .timclass img{
width: 250px;
height: 281px;
top: 0px;
left: 0px;
position: absolute;
padding: 0px;
margin: 0px;
border: 0px solid #000;
}
#pagecontent .announcement2 .timclass img.over{
opacity:0.0;filter:alpha(opacity=00);
}
pre {
font-size: 12px;
padding: 0 0 0 40px;
margin: 20px 0px;
background: #f0f0f0;
color: blue;
border: 3px solid #efefef;
line-height: 20px;
background: url(images/pre_code_bg.gif) repeat-y left top;
width: 720px;
overflow: auto;
overflow-Y:hidden;
}
pre span{ color: green;}
.pagetop{
background: url(images/pagetop.png) no-repeat center top;
width: 960px;
height: 32px;
}
.banner{
color: #3C3C3C;
margin: 0px 20px;
}
.blogtop{
background: url(images/ptop.png) no-repeat center top;
width: 620px;
height: 29px;
position: relative;
}
.date{
position: absolute;
width: 80px;
height: 91px;
top: 7px;
left: 490px;
background: url(images/ribbon.png) no-repeat center top;
}
#pagecontent p.day{
text-align: center;
color: #fff;
font-family: Impact, Arial, Helvetica;
font-size: 24px;
margin: 0px;
letter-spacing: 2px;
padding: 9px 0 0px 0;
}
.blogbot{
background: url(images/pbot.png) no-repeat center bottom;
width: 620px;
height: 50px;
margin-bottom: 20px;
}
#pagecontent .blogbot img{
float: right;
margin-right: 50px;
}
.blogcenter{
background: url(images/pmid.png) repeat-y center;
width: 620px;
}
#pagecontent .blogcenter h1{
margin: 0px 80px 20px 50px;
font-size: 22px;
}
#pagecontent .blogcenter p{
margin: 0px 50px 0px 50px;
padding: 0px 0px 30px 0px;
font-size: 14px;
line-height: 18px;
}
#pagecontent .blogcenter a{
float: right;
margin-right: 40px;
}
.imgouterblog{
background: url(images/portbg.png) no-repeat center bottom;
padding-bottom: 15px;
}
.imgouterblog img{
background: #fff;
border: 1px solid #e1e1e1;
padding: 7px;
margin: 10px 0 0 0;
}
#pagecontent .imgouterblog a{
border: 0px solid #fff;
}
.singletop{
background: url(images/singletop.png) no-repeat center top;
height: 44px;
}
.singlepagefoot{
background: url(images/singlepagefoot.png) no-repeat center top;
height: 100px;
}
#singlebodyinners{
background: url(images/singlepagemid.png) repeat-y center;
width: 960px;
position: relative;
}
#singlebodyinners img{
padding: 5px;
margin: 0px 0px 30px 0px;
background: #fff;
border: 1px solid #e1e1e1;
}
#footpanel {
position: fixed;
bottom: 0; left: 0;
z-index: 9999; /*--Keeps the panel on top of all other elements--*/
height: 30px;
padding-left: 9px;
background: url(images/fleft.png) no-repeat top left;
border-bottom: none;
width: 94%;
margin: 0 3%;
}
.rightfoot{
float: left;
height: 30px;
padding-right: 9px;
background: url(images/fright.png) no-repeat top right;
width: 100%;
}
.portpage img{
padding: 9px;
border: 1px solid #e1e1e1;
}
.portpage h4{
padding-top: 10px;
margin: 0px 0px 5px 0;
}
.portpage p{
color: #999;
}
.portpage{
padding-bottom: 30px;
}
.portimages{
width: 300px;
height: 170px;
position: relative;
background: #fff;
}
.portouter{
background: url(images/portbg.png) no-repeat center bottom;
padding-bottom: 15px;
}
.portoverlay{
width: 280px;
height: 150px;
left: 10px;
top: 10px;
position: absolute;
}
.portpage .portoverlay img{
border: 0px solid #fff;
padding: 0px;
display: none;
}
.portimages:hover .portoverlay img{
display: block;
}
.quotesbox{
margin-bottom: 30px;
border: 1px solid #e1e1e1;
padding: 20px;
}
.quotesbox h6{
margin: 0px 0px 5px 0px;
}
.quotesbox p{
margin: 0px;
color: #5F5F5F;
}
.quotepic img{
padding: 4px;
border: 1px solid #e1e1e1;
}
#pagecontent .blogbot a{
-moz-border-radius:18px 18px 18px 18px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
background:url("images/bigbutton.png") repeat-x scroll left bottom #27BDD5;
border:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF;
cursor:pointer;
float:right;
font-size:13px;
font-weight:bold;
padding:5px 10px;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
color: #fff;
margin-right: 40px;
}
#pagecontentinner a.demodown{
-moz-border-radius:6px 6px 6px 6px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
background:url("images/bigbutton.png") repeat-x scroll left bottom #27BDD5;
border:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF;
cursor:pointer;
float:left;
font-size:13px;
font-weight:bold;
padding:5px 20px;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
margin: 20px 130px;
}
#pagecontentinner a.demodown:hover{background-color: #164454;}
#respond{padding-top: 90px;}
#demobox{
border: 1px solid #e1e1e1;
background: #efefef;
margin-bottom: 30px;
}
#demoboxinner{
border: 1px solid #fff;
}
.sidesocial{
float: left;
width: 100px;
height: 100%;
}
.getsocial{width:49px;background: #EFEFEF;border-top:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; border-right:1px solid #E1E1E1;position:fixed;top:400px;z-index:200;margin-left: 4px;}
.gsinner{border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
.sharebutton{padding:5px 1px;float:left;z-index:250;list-style:none;}
#upperBokeh {
background:url("images/upperBokeh.png") repeat scroll left top transparent;
}
#lowerBokeh {
background:url("images/lowerBokeh.png") repeat scroll left top transparent;
}
.topgoodies{
background: url(images/topgoodies.png) repeat-x top;
}
p.zipbutton a{
display: block;
width: 219px;
height: 101px;
background: url(images/dwnload.png) no-repeat top left;
line-height: 130px;
padding-left: 30px;
color: #5f5f5f !important;
font-weight: normal !important;
overflow: hidden;
border: 0px solid #fff !important;
}
.zip_none a{
margin: 0px auto;
}
p.zip_left{
float: left;
}
p.zip_right{
float: right;
}
#pagecontent p.zipbutton a:hover{
border: 0px solid #fff !important;
}