#main
{
    background-image:url('../images/fractal1.gif');
    background-repeat:no-repeat;
    background-position:center left;
    background-attachment:scroll;
    background-color:#fff;

}



#examples
{
    float:right;
    margin-top:20px;
    margin-right:5px;
    margin-left:10px;
}

#examplesbody
{
    background-image:url('../images/line1.gif');
    background-repeat:repeat-y;
    background-position:left;
    width:350px;
    overflow:hidden;
}

h1
{
    margin-right:3em;
    margin-top:1em;
    text-align:right;
    overflow:visible;
}

h2
{
    background-image:url(../images/horizontalrule.gif);
    background-position:bottom;
    background-repeat:repeat-x;
    overflow:hidden;
    text-indent:2em;
    margin-left:1em;
    margin-bottom:5px;
    height:23px;
    overflow:visible
}

#examples h2
{
    font: larger;
    text-indent:0;
    margin-left:0;
    margin-top:5px;
    text-align:right;
    margin-left:15px;
    background-image:url(../images/horizontalrule.gif);
    background-position:bottom;
    background-repeat:repeat-x;
}

h3
{
    margin-top:2px;
    margin-left:2em;
    font-weight:normal;
    text-align:center;
}

#web
{
    float:right;
}

h4
{
    margin-top:2px;
    margin-left:2em;
    font-weight:normal;
    text-align:center;
}

#logo
{
    float:right;
}


#graphic
{
    float:right;
}

.item
{
    margin-top:50px;
    margin-bottom:0px;
}

.examples
{
    float:left;
    margin-left:10px;
}

.examples img
{
    border:none;
    margin-bottom:50px;
}

a
{
    border:0;
    text-decoration:none;
    outline:0;
    color:Black;
}

span a
{
    text-decoration:underline;
    color:Blue;
}

img
{
    border:none;
}

#examplescontent h3
{
    clear:both;
    text-align:left;
    text-decoration:'underline';
    margin-top:20px;
    background-image:url(../images/horizontalrule.gif);
    background-repeat: repeat-x;
    background-position:bottom;
    margin-right:20px;
}

 .jsclass body .randomcontent
{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
    display: none;
}

.webdesign h1
{
    background-image:url(../images/horizontalrule.gif);
    background-position:bottom;
    background-repeat:repeat-x;
    overflow:hidden;
    text-indent:2em;
    margin-left:1em;
    margin-bottom:5px;
    text-align:left;
}

.centered
{
    text-indent:0;
    margin-left:3em;
    font-weight:bold;
    font-size:larger;
    text-align:center;
    background-image:none;
}


.webdesign h3
{
    text-align:left;
    margin-top:1em;
}



#basicheader
{
    background-image:url('../images/basic-header.gif');
    background-position:center;
    background-repeat:no-repeat;
    height:42px;
    width:816px;
    margin-left:auto;
    margin-right:auto;

}

#basiccontent
{
    width:816px;
    margin-left:auto;
    margin-right:auto;
}

#basiccontent li
{
    margin-left:3em;
}

#basiccontent .examples
{
    margin-bottom:50px;
    margin-right:30px;
}

#advanced
{
    margin-left:72px;
    width:408px;
}

#advancedheader
{
    background-image:url('../images/advanced-header.gif');
    background-position:center;
    background-repeat:no-repeat;
    height:42px;


}

#advancedcontent li
{
    margin-left:3em;
}


#advancedcontent .examples
{
    margin-top:10px;
    margin-bottom:60px;
    margin-right:10px;
}

#store
{
    margin-right:55px;
    width:420px;
    float:right;
    clear:both;
    vertical-align:top;
    border-left:line thin;
}

#storeheader
{
    background-image:url('../images/store-header.gif');
    background-position:center;
    background-repeat:no-repeat;
    height:42px;


}

#storecontent li
{
    margin-left:3em;
}

#storecontent .examples
{
    margin-top:20px;
    margin-bottom:85px;
    margin-right:10px;
}

#storecontent h3
{
    margin-bottom:10px;
}

h6
{
    margin-top:0;
    margin-bottom:0;
}

.features li
{
    list-style-position: inside;
    list-style-type:  disc;
    font-size:medium
}

.features h5
{
    font-size:larger;
    margin-bottom:10px;
}

.features h6
{
    font-size: medium;
}

.logodesign li
{
    margin-left:4em;
}

.logodesign h2
{
    margin-left:2em;
    text-align:left;
}

#logodesign
{
    clear:both;
}

#logoheader
{
    width:816px;
    margin-left:auto;
    margin-right:auto;

}

#logocontent
{
    width:816px;
    margin-left:auto;
    margin-right:auto;
}

#logocontent li
{
    margin-left:3em;
}

#logocontent .examples
{
    margin-bottom:50px;
    margin-right:30px;
}

#testamonials
{
    float:right;
    margin-top:20px;
    margin-right:5px;
    margin-left:10px;
}

#testamonialsbody
{
    background-image:url('../images/line1.gif');
    background-repeat:repeat-y;
    background-position:left;
    width:350px;
    overflow:hidden;
}

#testamonials h2
{
    font: larger;
    text-indent:0;
    margin-left:0;
    margin-top:5px;
    padding-right:15px;
    text-align:right;
    margin-left:15px;
    background-image:url(../images/horizontalrule.gif);
    background-position:bottom;
    background-repeat:repeat-x;
}

#testamonialscontent h3
{
    clear:both;
    text-align:left;
    text-decoration:'underline';
    margin-top:20px;
    background-image:url(../images/horizontalrule.gif);
    background-repeat: repeat-x;
    background-position:bottom;
    margin-right:20px;
}

.left
{
    float:left;
}

.list
{
    font:large bold;
    margin-left:400px;
}