*
{
    padding: 0;
    margin: 0;
    font-weight: normal;
    text-decoration: none;
    outline: none;
    list-style: none;
}

body
{
    font-family: Arial;
    background-image: url(/gui/background.png);
    background-position: center center;
}

#wrapper
{
    width: 960px;
    margin: 0 auto;
}

.holder
{
    background-image: url(/gui/pageBg.png);
    background-position: -4px 32px;
    background-repeat: no-repeat;
    float: left;
    height: 710px;
    margin: 30px 0;
    padding: 0 10px;
    position: relative;
    width: 965px;
}

#nav
{
    float: left;
    width: 940px;
    position: relative;
    z-index: 999;
}

#nav ul
{
    position: absolute;
    bottom: 5px;
}

#nav ul li
{
    text-indent: -999px;
    overflow: hidden;
}

#nav ul li a
{
    float: left;
    height: 20px;
    width: 100px;
}

#nav ul li.Home
{
    background-image: url(/gui/menuSprite.png);
    background-position: 13px -32px;
    background-repeat: no-repeat;
    float: left;
    padding-left: 17px;
    width: 70px;
}

#nav ul li.Hire
{
    background-image: url(/gui/menuSprite.png);
    background-position: -169px -32px;
    float: left;
    width: 61px;
}

#nav ul li.Gallery
{
    background-image: url(/gui/menuSprite.png);
    background-position: -74px -32px;
    float: left;
    width: 94px;
}

#nav ul li.About
{
    background-image: url(/gui/menuSprite.png);
    background-position: -230px -32px;
    float: left;
    width: 100px;
}

#nav ul li.Home a.On, #nav ul li.Home a:hover
{
    background-image: url(/gui/menuSprite.png);
    background-position: -4px -2px;
    background-repeat: no-repeat;
    float: left;
    padding-left: 17px;
    width: 70px;
}

#nav ul li.Hire a.On, #nav ul li.Hire a:hover
{
    background-image: url(/gui/menuSprite.png);
    background-position: -169px -2px;
    float: left;
    width: 61px;
}

#nav ul li.Gallery a.On, #nav ul li.Gallery a:hover
{
    background-image: url(/gui/menuSprite.png);
    background-position: -74px -2px;
    float: left;
    width: 94px;
}

#nav ul li.About a.On, #nav ul li.About a:hover
{
    background-image: url(/gui/menuSprite.png);
    background-position: -230px -2px;
    float: left;
    width: 100px;
}

#nav .quoteNow a
{
    float: right;
    height: 80px;
    width: 300px;
}

.content
{
    /*background-position: -46px -18px;*/
    float: left;
    height: 520px;
    position: relative;
    width: 945px;
}

.backContent
{
    float:left;
    height:520px;
    left:46px;
    position:absolute;
    top:18px;
    width:945px;
    z-index:0;
}

.backContent > DIV
{
    height: 520px;
    width: 945px;
    position: absolute;
    left: 0;
    top:0;
    margin-left: -46px;
    margin-top: -18px;
    
}

.bottomHalf
{
    bottom: 0;
    height: 321px;
    left: -8px;
    position: absolute;
    width: 953px;
    font-family: Times New Roman;
    font-size: 12px;
    line-height: 1.3;
    color: #292E21;
    background-repeat: no-repeat;
}

.about
{
    background-image: url(/gui/aboutUsBg.png);
}

.hire
{
    background-image: url(/gui/hireBg.png);
    background-position: 2px 4px;
}

.bottomHalf > Div
{
	height:213px;
    left:70px;
    overflow-x:hidden;
    overflow-y:auto;
    position:absolute;
    top:70px;
    width:810px;
    padding-right: 5px;    
}

.bottomHalf > Div Font
{
    font-size: 19px;
    font-weight: bold;
    line-height: 1;
}

.bottomHalf h2
{
    position: absolute;
    top: -20px;
    left: 20px;
    text-transform: uppercase;
    color: White;
}

.logo a
{
    background-image: url(/gui/logo.png);
    height: 73px;
    position: absolute;
    right: 20px;
    top: 11px;
    width: 301px;
    z-index: 998;
}

.gallery, .galleryAdmin
{
    left: 29px;
    position: absolute;
    top: 90px;
}

.galleryAdmin
{
    top: 133px;
}

.gallery > a, .galleryAdmin > a
{
    background-image: url(/gui/galleryImage.png);
    float: left;
    height: 114px;
    margin: 7px 12px;
    padding: 5px;
    width: 114px;
}

.gallery > a > img, .galleryAdmin > a > img
{
    border: none;
    height: 114px;
    width: 114px;
}

#prev
{
    width: 86px;
    height: 86px;
    position: absolute;
    background-image: url(/gui/prev.png);
    top: 220px;
    left: 10px;
}

#next
{
    width: 86px;
    height: 86px;
    position: absolute;
    background-image: url(/gui/next.png);
    top: 220px;
    right: 10px;
}

.metaData, .imgUpload
{
    background-color:White;
    height:93px;
    position:absolute;
    top:10px;
    width:283px;
    z-index: 999;
}

.metaData
{
    right:360px;
}

.imgUpload
{
    right:17px;
}

.metaData h2, .imgUpload h2
{
    background-color: #292E21;
    width: 273px;
    padding: 5px;
    color: #FFFFFF;
    text-align: center;
    text-transform: capitalize;
}

.imgUpload h2
{
    margin-bottom: 3px;
}

SPAN.radEditor
{
    border-right:1px solid #A1A1A1;
    height:262px;
    left:70px;
    position:absolute;
    top:45px;
    width:650px;
}

SPAN.meta
{
    float:right;
    position:absolute;
    right:10px;
    top:55px;
    width:205px;
}

SPAN.meta div
{
    color: #292E21;
    float: left;
    width: 205px;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    font-family: Georgia;
}

SPAN.meta label, SPAN.meta input
{
    clear: both;
    float: right;
    width: 201px;
    padding: 2px;
}

SPAN.meta label
{
    text-align: right;
}

input.btnSubmit
{
    color: White;
    background-color: #292E21;
    border: none;
    margin-top: 10px;
    width: 80px;
    text-align: center;
}

input.btnSubmitWhite
{
    color: #292E21;
    background-color: #FFFFFF;
    border: none;
    margin-top: 10px;
    width: 80px;
    text-align: center;
}

.pdfDownload a
{
    background-image:url(/gui/pdfDownload.png);
    bottom:22px;
    height:40px;
    left:14px;
    position:absolute;
    width:342px;
}

.galleryNav
{
    left:45px;
    position:absolute;
    top:55px;
}

.qp_next
{
    background-image:url(/gui/galleryNav.png);
    float:left;
    height:29px;
    text-indent:-999px;
    width:105px;
}

.qp_prev
{
    background-image:url(/gui/galleryNav.png);
    background-position: right;
    float:left;
    height:29px;
    text-indent:-999px;
    width:105px;
}

.qp_disabled
{
    background-image: none !important;
}

.desc
{
    background-image:url(/gui/clickThumb.png);
    float:left;
    height:14px;
    position:relative;
    top:8px;
    width:168px;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}
#cboxOverlay
{
    position: fixed;
    width: 100%;
    height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft
{
    clear: left;
}
#cboxContent
{
    position: relative;
    overflow: hidden;
}
#cboxLoadedContent
{
    overflow: auto;
}
#cboxLoadedContent iframe
{
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}
#cboxTitle
{
    margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow
{
    cursor: pointer;
}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay
{
    background: url(/gui/overlay.png) 0 0 repeat;
}
#colorbox
{
}
#cboxTopLeft
{
    width: 21px;
    height: 21px;
    background: url(/gui/controls.png) -100px 0 no-repeat;
}
#cboxTopRight
{
    width: 21px;
    height: 21px;
    background: url(/gui/controls.png) -129px 0 no-repeat;
}
#cboxBottomLeft
{
    width: 21px;
    height: 21px;
    background: url(/gui/controls.png) -100px -29px no-repeat;
}
#cboxBottomRight
{
    width: 21px;
    height: 21px;
    background: url(/gui/controls.png) -129px -29px no-repeat;
}
#cboxMiddleLeft
{
    width: 21px;
    background: url(/gui/controls.png) left top repeat-y;
}
#cboxMiddleRight
{
    width: 21px;
    background: url(/gui/controls.png) right top repeat-y;
}
#cboxTopCenter
{
    height: 21px;
    background: url(/gui/border.png) 0 0 repeat-x;
}
#cboxBottomCenter
{
    height: 21px;
    background: url(/gui/border.png) 0 -29px repeat-x;
}
#cboxContent
{
    background: #fff;
}
#cboxLoadedContent
{
    margin-bottom: 28px;
}
#cboxTitle
{
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494;
}
#cboxCurrent
{
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}
#cboxSlideshow
{
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}
#cboxPrevious
{
    position: absolute;
    bottom: 0;
    left: 0px;
    background: url(/gui/controls.png) -75px 0px no-repeat;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
#cboxPrevious.hover
{
    background-position: -75px -25px;
}
#cboxNext
{
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(/gui/controls.png) -50px 0px no-repeat;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
#cboxNext.hover
{
    background-position: -50px -25px;
}
#cboxLoadingOverlay
{
    background: url(/gui/loading_background.png) center center no-repeat;
}
#cboxLoadingGraphic
{
    background: url(/gui/loading.gif) center center no-repeat;
}
#cboxClose
{
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(/gui/controls.png) -25px 0px no-repeat;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
#cboxClose.hover
{
    background-position: -25px -25px;
}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background /gui are relative to the CSS document.
*/
.cboxIE #cboxTopLeft
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/gui/internet_explorer/borderTopLeft.png, sizingMethod= 'scale' );
}
.cboxIE #cboxTopCenter
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/gui/internet_explorer/borderTopCenter.png, sizingMethod= 'scale' );
}
.cboxIE #cboxTopRight
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/gui/internet_explorer/borderTopRight.png, sizingMethod= 'scale' );
}
.cboxIE #cboxBottomLeft
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/gui/internet_explorer/borderBottomLeft.png, sizingMethod= 'scale' );
}
.cboxIE #cboxBottomCenter
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/gui/internet_explorer/borderBottomCenter.png, sizingMethod= 'scale' );
}
.cboxIE #cboxBottomRight
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/gui/internet_explorer/borderBottomRight.png, sizingMethod= 'scale' );
}
.cboxIE #cboxMiddleLeft
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/gui/internet_explorer/borderMiddleLeft.png, sizingMethod= 'scale' );
}
.cboxIE #cboxMiddleRight
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/gui/internet_explorer/borderMiddleRight.png, sizingMethod= 'scale' );
}