body 
{
    background:#212121 url('img/bg.png') repeat;
	font-family:Verdana, Geneva, sans-serif;
}

/* Links */
a {
	color: #2a2a2a;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}


.left
{
    float:left;
}
.right
{
    float:right;
}
.clear
{
    clear:both;
}



header
{
    background:#bcbcbc url('img/head-bg.png') repeat-x;
    height:77px;
}
    header #headContent
    {
        width:1024px;
        margin:auto;
    }
    header #logo
    {
        background:transparent url(img/logo.png) no-repeat;
        text-indent:-9999px;
        float:left;
        width:162px;
        height:62px;
        margin-top:8px;
    }
    header nav
    {
        float:right;
        background:transparent url('img/menu-divider.jpg') top left no-repeat;
        padding-left:2px;
    }
        header nav a
        {
            float:left;
            width:254px;
            line-height:77px;
            font-size:16px;
            text-align:center;
            font-family: 'PT Sans', Verdana, Geneva, sans-serif;
            background:transparent url('img/menu-item-bg.jpg') top right no-repeat;
            color:#000;
            text-shadow: 0 1px 1px #EEE;
            text-transform:uppercase;
        }
        
        header nav a.active,
        header nav a:hover,
        header nav a:active
        {
            text-decoration:none;
            background:transparent url('img/menu-item-active-bg.jpg') top right no-repeat;
        }
            header nav a img
            {
                margin-left:5px;
            }
#social
{
    width:1024px;
    margin:auto;
}

#social a
{
    float: right;
    margin-top:8px;
}       
            
            
#wrap
{
    background-color:#FFF;
    width:1024px;
    margin:45px auto;
}

#feature
{
    position:relative;
    background:url('img/feature.jpg') no-repeat;
    width:1024px;
    height:312px;
}
    #feature h1
    {
        position:absolute;
        left:27px;
        bottom:30px;
        color:#FFF;
        font-size:32px;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
        font-weight: bold;
        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
    }

#features section
{
    width:50%;
    float:left;
    text-align:center;
    height:450px;
}
    #features h2
    {
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size:28px;
        font-weight: normal;
        margin-top:37px;
        margin-bottom:5px;
    }
    #features h3
    {
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size:20px;
        font-weight: normal;
        margin-bottom:16px;
    }
    #features p
    {
        width:85%;
        margin:auto;
        color:#373737;
        font-size:13px;
    }

    #interiordesign
    {
        background:url('img/interior-design.jpg') left bottom no-repeat;
    }

    #sharing
    {
        background:url('img/feature-divider.png') left top no-repeat;
    }
        #sharing section
        {
            width:33%;
            float:left;
            padding-top:100px;
            margin-top:50px;
        }
            #sharing section h4
            {
                font-weight:normal;
                font-size:15px;
            }
            #sharing section.email
            {
                background:url('img/email.jpg') center top no-repeat;
            }
            #sharing section.pdf
            {
                background:url('img/pdf.jpg') center top no-repeat;
            }
            #sharing section.powerpoint
            {
                background:url('img/powerpoint.jpg') center top no-repeat;
            }

#try
{
    background:url('img/try-bg.png') repeat-x;
    height:221px;
    color:#FFF;
}
    #try h3
    {
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        width:377px;
        text-align:center;
        padding-top:68px;
        margin-bottom:10px;
        font-size:36px;
        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
    }
    #try h4
    {
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        width:377px;
        text-align:center;
        font-weight:normal;
        font-size:20px;
        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
    }
    #try a
    {
        color:#FFF;
    }
    #try a:hover
    {
        color:#EEE;
    }

    #try section
    {
        float:right;
        width:170px;
        text-align:center;
        margin-top:35px;
        padding-top:40px;
    }
        #try section h5
        {
            font-weight:normal;
            font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
            margin-bottom:22px;
            font-size:18px;
        }
        #try section p
        {
            padding:0 15px;
            font-size:13px;
        }
        #try section.mac
        {
            background:url(img/mac.png) center top no-repeat;
        }
        #try section.pc
        {
            background:url(img/windows.png) center top no-repeat;
        }
        #try section.ipad
        {
            background:url(img/ios.png) center top no-repeat;
        }
        #try section.android
        {
            background:url(img/android.png) center top no-repeat;
        }



#ipaddemo
{
    padding-bottom:30px;
    text-align:center;
}
    #ipaddemo h3
    {
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size:38px;
        margin:35px 0;
    }


.sellingpoint
{
    padding:50px;
}
    .sellingpoint h2
    {
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        text-align:center;
        font-size:36px;
        font-weight:normal;
    }
    .sellingpoint h3
    {
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        text-align:center;
        font-size:20px;
        font-weight:normal;
        margin-bottom:28px;
    }
    .sellingpoint p
    {
        text-align:center;
        color:#373737;
        font-size:14px;
        margin-bottom:20px;
        line-height:16px;
    } 
    
    
#privateusers img
{
    margin-top:85px;
}
#privateusers div.content
{
    width:460px;
    float:right;
}

#furniturestore
{
    background:#ece9e9 url('img/furniturestore-bg.png') repeat-x;
}
    #furniturestore img
    {
        margin-top:85px;
        float:right;
    }
    #furniturestore div.content
    {
        width:460px;
        float:left;
    }
  
#manufacturer
{
    padding-top:64px;
    background:#FFF url('img/manufacturer-bg.png') repeat-x;
}  
    #manufacturer img
    {
        margin-top:85px;
    }
    #manufacturer div.content
    {
        width:460px;
        float:right;
    }
    
    
#complementaryservices .header
{
    display:block;
    margin:auto;
} 
#complementaryservices h2
{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-align:center;
    font-size:36px;
    font-weight:normal;
    margin:25px 0 40px 0;
}   
#complementaryservices h3
{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size:20px;
    font-weight:normal;
    margin-bottom:20px;
} 
#complementaryservices section
{
    padding:0 50px;
}
#complementaryservices p
{
    color:#373737;
    font-size:14px;
    margin-bottom:16px;
    line-height:16px;
}

#imagegenerator .content
{
    float:left;
    width:400px;
}
#imagegenerator img
{
    float:right;
    margin-top:40px;
}
#files{
    margin-top:40px;
    margin-bottom:40px;
}

#files .content
{
    float:right;
    width:400px;
    background:url('img/fileformats.jpg') right bottom no-repeat;
    padding-bottom:80px;
}
#files img
{
    float:left;
}
    
    
ul.checklist li
{
    background:url('img/checkmark.png') left top no-repeat;
    padding-left:54px;
    margin-bottom:20px;
    margin-left:25px;
}  
ul.checklist li h4
{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight:normal;
    font-size:20px;
    margin-bottom:5px;
} 
ul.checklist li span
{
    text-align:left;
    color:#373737;
    font-size:14px;
    margin-bottom:16px;
} 
    
    
    
.fader
{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:999;
    background:url('img/fader.png');
}
    #editorwrapper
    {
        box-shadow: 0 0 20px 0 #000;
        margin:auto;
        width:970px;
        margin-top:40px;
        position:relative;
    }
        #editorwrapper .close
        {
            position:absolute;
            top:-21px;
            right:0;
            width:21px;
            height:21px;
            text-indent:-9999px;
            background:url('img/close_icon.gif');
            border:0;
            cursor:pointer;
        }
        #editorwrapper .controls
        {
            padding-top:10px;
            text-align:center;
        }
        #editorwrapper .steps
        {
            background:#FFF;
            text-align:center;
            font-size:16px;
            padding:10px;
            height:16px;
        }
        #editorwrapper .steps a
        {
            margin:20px;
        }
        #editorwrapper .steps a.active
        {
            text-decoration:underline;
        }


#contact
{
    margin:10px 50px;
    border-top:1px solid #dadada;
    padding-top:8px;
}
#contact h3
{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight:normal;
    font-size:18px;
    margin:10px 0;
}

    #contact p.message
    {
        padding:10px;
    }
    #contact .left
    {
        margin-right:10px;
    }
    #contact label
    {
        font-size:10px;
        color:#717171;
        display:block;
        height:15px;
        margin-top:10px;
    }
    #contact label.error
    {
        color:#A55;
        height:auto;
        margin-top:0;
    }
    #contact input
    {
        width:250px;
        height:19px;
        border:1px solid #dadada;
    }
    #contact textarea
    {
        height:65px;
        width:400px;
        border:1px solid #dadada;
    }
    #contact textarea:focus,
    #contact input:focus
    {
        border:1px solid #BBB;
    }
    #contact input.error,
    #contact textarea.error
    {
        border:1px solid #F99;
    }
    #contact .submit
    {
        width:auto;
        margin-top:25px;
    }

footer
{
    height:30px;
    margin:20px 50px;
    border-top:1px solid #dadada;
    font-size:10px;
    color:#717171;
    padding-top:8px;
}
    footer .contactinfo
    {
        float:right;
    }
        footer .contactinfo span
        {
            margin-left:16px;
        }