html {height:100%;}
body {min-height:101%;font-size:100%;}
* {margin:0;padding:0;}
img {border:0;vertical-align:top;text-align:left;}

#page {width:100%;margin:0 auto;}
.content {width:980px;margin-left:auto;margin-right:auto;}

#header {background-color:#494949;color:#efefef;padding:1em 0;border-bottom:#666 1px solid;}
#view {background-color:#343434;color:#efefef;padding:1em 0;border-bottom:#666 1px solid;}
#middle {background-color:#494949;color:#efefef;padding:1em 0;border-bottom:#666 1px solid;}
/*#main .content {background-color:#d9dee3;padding:1em 0;}*/
/*
efefef
*/
#main .content {background-color:#eaeaea;padding:1em 0;border-left:1px solid #ccc;border-right:1px solid #ccc;}
#footer {background-color:#494949;color:#808080;padding-top:1em;border-top:#343434 1px solid;}

h1 {font-size:2.0em;}
h2 {font-size:1.5em;}
h3 {font-size:1.2em;}
h4 {font-size:1.0em;}

#main .content {padding-left:0.5em;padding-right:0.5em;}
#main p,#main ul,#main ol,#main pre {margin-bottom:1em;}
#main ul,#main ol {margin-left:1em;}

#header_name {font-size:2em;font-weight:bold;}

#header_name,#header_navigation {display:inline;}

#header_name a {color:#efefef;text-decoration:none;}
#header_name a:hover {text-decoration:none;}
#header_name a:visited {color:#efefef;}

#header_navigation {font:bold 0.9em Arial, sans-serif;}
#header_navigation a {color:#efefef;text-decoration:none;}
#header_navigation a:hover {text-decoration:underline;}
#header_navigation a:visited {color:#efefef;}
#header_navigation li {display:inline;list-style-type:none;margin-right:1em;padding-top:1em;}

/* main content id */
#home .feature {margin-top:1em;}
#home .feature p {margin-right:1em;padding-left:1em;}
#home .feature h4 {display:inline-block;background-color:#e7f2be;font-weight:bolder;}
#home .feature ul {margin-left:1em;}

#wampdeveloper #screenshots {padding-top:0.5em;}
#wampdeveloper #screenshots .screenshot {float:left;margin-right:4px;}
#wampdeveloper #screenshots h4 {text-align:center;}

#wampdeveloper .featureLeft {width:85%;margin:1em auto 1em auto;padding-bottom:1em;}
#wampdeveloper .featureLeft h3 {margin-bottom:1em;text-align:left;background-color:#e7f2be;}
#wampdeveloper .featureLeft img {float:left;margin-right:1em;margin-left:1em;}
#wampdeveloper .featureLeft p {margin-top:1em;}

#wampdeveloper .featureRight {width:85%;margin:1em auto 1em auto;padding-bottom:1em;}
#wampdeveloper .featureRight h3 {margin-bottom:1em;text-align:left;background-color:#e7f2be;}
#wampdeveloper .featureRight img {float:right;margin-right:1em;margin-left:1em;}
#wampdeveloper .featureRight p {margin-top:1em;}

/* width is set to get p no wider than the img */
.boxshot {position:absolute;right:20px;width:160px;margin-top:1.5em;}

p.wampname {text-align:center;}
.wampname strong {font-weight:bold;font-style:normal;color:#8bad34;}
.wampname em {font-weight:bold;font-style:normal;color:#8bad34;border-bottom:1px solid;margin-right:0.15em;}
.wampname img {display:inline;margin-left:0.5em;}

.left {float:left;}
.right  {float:right;}
.clear {clear:both;}
.half {width:49%;}
.third {width:32%;}
.forth {width:24%;}

a.button {text-decoration:none;background:#417ea4;padding:0.8em;border-width:6px;border-style:solid;border-color:#efefef;}
a.button strong {color:#fff;font:19px Calibri, Helvetica, Arial, sans-serif;padding:1em;}
a.button:hover {background:#8bad34;}

ul.handpoint {list-style-image: url(/images/hand-point-right-16.png);padding-left:8px;}
ul.checksquare {list-style-image: url(/images/check-square-16.png);padding-left:8px;}
ul.checkedgy {list-style-image: url(/images/check-edgy-16.png);padding-left:8px;}

.handpoint ul {list-style-image: url(/images/hand-point-right-16.png);padding-left:8px;}
.checksquare ul {list-style-image: url(/images/check-square-16.png);padding-left:8px;}
.checkedgy ul {list-style-image: url(/images/check-edgy-16.png);padding-left:8px;}

/* in-case JS is off or slider cannot load: don't display images except for the very first one which is always inline style display:block */
#slider {
    position:relative;
    width:470px; /* Change this to your images width */
    height:300px; /* Change this to your images height */
    /*background:url(images/nivo-slider/loading.gif) no-repeat 50% 50%;*/
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

#footer a {color:#efefef;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer a:visited {color:#efefef;}

table.features {margin-bottom:1.4em;width:100%;background-color:#efefef;}
.features thead th {background:#c3d9ff;}
.features th {font-weight:bold;background:#e5ecf9;}
.features th, .features td, .features caption {padding:4px 10px 4px 5px;}
.features td {background-image:url('/images/check-edgy-12.png');background-repeat:no-repeat;background-position:right center;}

.questions {margin-top:1em;}
.questions p {font-size:1.5em;}