﻿/*HOMEPAGE*/

#homepagecontainer
{
    
    margin:0px auto 0px auto;
    padding:0px;    
    width: 900px;
    min-height:712px;
    text-align:left;
    overflow:hidden;
    background-color:white;
        
}   
#leftsidewhitebar
{
    position:absolute;
    top:0px;
    left:0px;
    width:5px;
    height:703px;
    z-index:1;
    background-color:White;
}
#rightsidewhitebar
{
    position:absolute;
    top:0px;
    left:895px;
    width:5px;
    height:703px;
    z-index:1;
    background-color:White;
}


/*TOP OF PAGE*/
#topcontainer
{
    position:absolute;
    top:6px;
    left:0px;
    width:900px;
    height:286px;
    
}
#rotatingbackground
{
    position:absolute;
    top:0px;
    left:0px;
	padding:0px;
	padding-bottom:14px;
    width:622px;
    height:286px;
    /*background-image:url('banners/baner1.jpg'); */
    
}
#contactinformation
{
    position:absolute;
    top:0px;
    left:656px;
    width:244px;
    height:286px;
}
#contlayer1
{
    position:absolute;
    top:0px;
    left:0px;
    width:244px;
    height:179px;
    
    background-image:url('images/contact_bggrade.jpg');
    background-repeat: repeat-y;
}
#conttoptext
{
    position:absolute;
    top:5px;
    left:0px;
    width:244px;
    height:25px;
    background-image:url('images/newsfeed.png');
    z-index:1;
}
#contbottext
{
    position:absolute;
    top:150px;
    left:0px;
    width:244px;
    height:25px;
    background-image:url('images/cont_vidwork_img.png');
    z-index:1;
}
#contlayer2
{
    position:absolute;
    top:6px;
    left:0px;
    width:244px;
    height:167px;
    background-color:black;
}
#contlayer3
{
    position:absolute;
    top:27px;
    left:11.5px;
    width:221px;
    height:115px;
    background-color:#666666;
}
#contImageHolder
{
    position:absolute;
    top:3px;
    left:3px;
    width:215px;
    height:109px;
    background-image:url('images/cont_img.jpg');
}
#phonenumber
{
    position:absolute;
    top:179px;
    left:0px;
    width:244px;
    height:61px;
    background-image:url('images/phonenumber.png');
}
/*#emailbutton
{
    position:absolute;
    top:240px;
    left:5px;
    width:222px;
    height:33px;
} */
#emailbuttoncont
{
    position:absolute;
    top:240px;
    left:5px;
    width:235px;
    height:45px;
}
#emailbutton
{
    position:absolute;
    top:0px;
    left:0px;
    width:118px;
    height:45px;
	background-image:url('images/email_button.png');
}
#comtbutton
{
    position:absolute;
    top:0px;
    left:118px;
    width:111px;
    height:45px;
	background-image:url('images/comment_button.png');
}
#highlight
{
    position: absolute;
    top:232px;
    left:0px;
    width:304px;
    height:44px;
    
}
/*MIDDLE OF PAGE*/
#middlecontainer
{
    position:absolute;
    top:297px;
    left:0px;
    width:900px;
    min-height:131px;
    background-color:Black;
    
}
#webdevelcontainer
{
    position:absolute;
    top:0px;
    left:0px;
    width:264px;
    height:131px;
    /*background-image:url('images/webdevel_bg.jpg');*/
    font-size:12px;
}
#vidprodcontainer
{
    position:absolute;
    top:0px;
    left:264px;
    width:254px;
    height:131px;
    /*background-image:url('images/vidprod_bg.jpg');*/
    background-color:#222223;
    font-size:12px;
}
#audiocompcontainer
{
    position:absolute;
    top:0px;
    left:518px;
    width:254px;
    height:131px;
    /*background-image:url('images/audiocomp_bg.jpg');*/
    font-size:12px;
}

#pricequotecontainer
{
position:absolute;
top:0px;
left:772px;
width:128px;
height:131px;
/*background-image:url('images/pricequote_bg.jpg');*/

}
#pricequotelink
{
    position:absolute;
    top:9.5px;
    left:4px;
    width:111px;
    height:112px;
    background-image:url('images/pricequote.png');
}
#pricequotelink a
{
    position:absolute;
    top:0px;
    left:0px;
    width:111px;
    height:112px;
}
.midlistformat
{
    font-family:Geneva, Times New Roman;
    font-size:12px;
    color:White;
    margin:0px 0px 0px 16px; 
    padding:0px; 
    list-style-type:none;
    line-height:14px;
}
/*BOTTOM OF PAGE*/
#bottomcontainer
{
    position:absolute;
    top:428px;
    left:0px;
    width:900px;
    height:274px;
}

#additionalcontentcontainer
{
    position:absolute;
    top:0px;
    left:0px;
    width:264px;
    height:276px;
    text-align:center;
    vertical-align:middle;
   
}
#logincontrolshead
{
    position:absolute;
    top:0px;
    left:5px;
    width:259px;
    height:27px;
    background-image:url('images/additional_bg.jpg');
    background-repeat: repeat-x; 
    margin:0px;
    padding:0px;
}  
#loginControlContainer
{
    position:absolute;
    top:28px;
    left:5px;
    width:259px;
    height:247px;
    background-image:url(images/signIn_bg.png);
    background-repeat:repeat-x;
}

#logincontrols
{
    position:absolute;
    top:0px;
    left:0px;
    width:259px;
    height:143px;
    color:White;
    text-align:left;
    
    
}
#logininfo
{
    position:absolute;
    top:150px;
    left:15px;
    width:230px;
    height:87px;
    color:#9d9e9f;
    font-family:Geneva, Myriad Pro;
    font-size:12px;
    text-align:left;
}
#logininfo a
{
    color:#ffffff;
    text-decoration:underline;
}
/*login control css*/
    .style2
        {
            position: absolute;
            top:0px;
            left: 0px;
            width: 259px;
            height: 143px;
            color: White;
            background-color:#343434;
            text-align: left;
            background-image:url(images/signIn_bg.png);
            background-repeat:repeat-x;
        }
        .style3
        {
            height: 32px;
        }
        .style4
        {
            left: 0px;
            top: 27px;
            height: 202px;
        }
        .style5
        {
            color:#ffffff;
            text-decoration:underline;
        }
/*end of Login Control Css*/

#featurerecentcontainer
{
    position: absolute;
    top:0px;
    left:271px;
    width:629px;
    height:256px;
   
}
#featuredcontent
{   
    position:absolute;
    top:0px;
    left:0px;
    width:308px;
    height:256px;
}
#featuredcontenthead
{
    position:absolute;
    top:0px;
    left:0px;
    width:308px;
    height:47px;
    background-image:url('images/featuredcontent_head.png');
}
#featuredcont1
{
    position:absolute;
    top:71px;
    left:0px;
    width:308px;
    height:78px;

}
#featuredcont2
{
    position:absolute;
    top:170px;
    left:0px;
    width:308px;
    height:78px;
}
#recentprojects
{
    position:absolute;
    top:0px;
    left:0px;
    width:616px;
    height:256px;
}
#recentprojectshead
{
    position:absolute;
    top:0px;
    left:0px;
    width:630px;
    height:47px;
    background-image:url('images/feareccontent_head.png');
}
#recentprojects1
{
    position:absolute;
    top:71px;
    left:0px;
    width:308px;
    height:78px;
}
#recentprojects2
{
    position:absolute;
    top:170px;
    left:0px;
    width:308px;
    height:78px;
}

#recentprojects3
{
    position:absolute;
    top:71px;
    left:315px;
    width:308px;
    height:78px;
}
#recentprojects4
{
    position:absolute;
    top:170px;
    left:315px;
    width:308px;
    height:78px;
}
.featrecphotocontainer
{
    position:absolute;
    top:0px;
    left:0px;
    width:147px;
    height:78px;
    background-color:#5d5d5d;
}
.featurerecphotoholder
{
    position: absolute;
    top:1px;
    left:1px;
    width:145px;
    height:76px;
}
.featrectextholder
{
    position:absolute;
    top:0px;
    left:150px;
    width:158px;
    height:78px;
    font-size:12px;
    font-family:GillSans;
    color:black;
    line-height:14px;
}
.featrectextholder span
{
    font-family:geneva;
    font-size:14px;
    color:#4d707e;
}
.viewalllink
{
    position:absolute;
    top:250px;
    left:0px;
    font-size:12px;
}
#foot
{
    position:absolute;
    top:703px;
    left:0px;
    width:900px;
    height:9px;
    padding:0px;
    margin:0px

}
#footerbar1
{
    position:absolute;
    top:0px;
    left:0px;
    height:2px;
    width:900px;
    background-color:black;
}
#footerbar2
{
    position:absolute;
    top:4px;
    left:0px;
    height:5px;
    width:900px;
    background-color:black;
}
