﻿body 
{
    background-color: #000000;
    font-family: Arial, Verdana, Georgia, Sans-Serif;
    font-size: 100%;
    margin: 0px 0px 0px 0px;
    text-align: center;
    z-index: -1;
    color: #BDBDBD;
}

.header
{
    position: relative;
    top: 10px;
    left: 0px;
    background-color: Transparent;
}

/****
 * Homepage
 ****/
#wrapper 
{
	margin: 0 auto;
    height: 550px; 
    width: 770px;
	text-align: left;
	background-image: url(Images/bkg_home.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 10;
}

#wrapper .content
{
    position: relative;
    top: 25px;
    left: 0px;
    padding:  15px 15px 10px 15px;
    background-image: url(Images/bkg_content.png);
    width: 312px;
    height: 348px;
    background-repeat: no-repeat;
}

#wrapper .content p
{
    color: #BDBDBD;
    font-size: 75%;
    width: 275px;
    text-align: justify;
    line-height: 11px;
}

#wrapper .content p.small
{
    width: 275px;
    color: #BDBDBD;
    font-size: 60%;
    text-align: justify;
}

#wrapper .content .ref
{
    color: red;
    text-align: left;
    position: relative;
    left: 45px;
}

#wrapper .btn_viewImages img
{
    position: relative;
    top: 5px;
    left: 100px;
    border: 0px;
}

#wrapper .homeNav
{
    position: relative;
    left: 500px;
    top: -10px;
    background-color: Transparent;
    padding-bottom: 10px;
}

#wrapper .homeNav a
{
    text-decoration: none;
    color: #BDBDBD;
    font-size: 50%;
    font-weight: bolder;
    font-style: italic;
}

#wrapper .homeNav a:hover
{
    text-decoration: underline;
}

/****
 * Contact us Page
 ****/
#wrapperContact 
{
	margin: 0 auto;
    height: 550px; 
    width: 770px;
	text-align: left;
	background-image: url(Images/bkg_contact.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 10;
}

#wrapperContact .left
{
    height: 325px; 
    width: 325px;
	text-align: left;
    color: #FFFFFF;
    font-size: 14px;
    font-variant: small-caps;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 50px 25px 10px 25px;
    background-color: transparent;
}

#wrapperContact .left p.phone
{
    height: 25px; 
    width: 235px;
	text-align: left;
    color: #FFFFFF;
    font-size: 14px;
    font-variant: small-caps;
    position: relative;
    top: 0px;
    left: 0px;
    padding-top: 10px;
    padding-left: 10px;
    background-color: #000000;
    border: solid 1px #FFFFFF;
}

#wrapperContact .right
{
    height: 325px; 
    width: 370px;
	text-align: left;
    color: #FFFFFF;
    font-size: 12px;
    font-variant: small-caps;
    position: relative;
    top: -370px;
    left: 385px;
    background-color: transparent;
    padding: 10px 10px 10px 10px;
}

#wrapperContact .homeNav
{
    position: relative;
    left: 500px;
    top: -329px;
    background-color: Transparent;
    padding-bottom: 10px;
}

#wrapperContact .homeNav a
{
    text-decoration: none;
    color: #BDBDBD;
    font-size: 50%;
    font-weight: bolder;
    font-style: italic;
}

#wrapperContact .homeNav a:hover
{
    text-decoration: underline;
}

#wrapperContact td
{
    font-size: 14px;
    color: #FFFFFF;
    padding-top: 20px;
}

#wrapperContact input, textarea
{
    background-color: #000000;
    border: solid 1px #FFFFFF;
    overflow: hidden;
    font-size: 14px;
    color: #BDBDBD;
}

#wrapperContact input.send
{
    background-color: transparent;
    border: 0px;
}

/****
 * Gallery Page
 ****/
#wrapperGallery 
{
	margin: 0 auto;
    height: 550px; 
    width: 770px;
	text-align: left;
	background-image: url(Images/bkg_contact.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 10;
}

#wrapperGallery .content
{
	margin: 0 auto;
    height: 350px; 
    width: 770px;
	text-align: left;
	background-color: Transparent;
}

#wrapperGallery .homeNav
{
    position: relative;
    left: 500px;
    top: -19px;
    background-color: Transparent;
    padding-bottom: 10px;
}

#wrapperGallery .homeNav a
{
    text-decoration: none;
    color: #BDBDBD;
    font-size: 50%;
    font-weight: bolder;
    font-style: italic;
}

#wrapperGallery .homeNav a:hover
{
    text-decoration: underline;
}

#wrapperGallery .smallPicsWrapper
{
    background-color: #171717;
    height: 285px;
    width: 192px;
    border: solid 5px #171717;
    margin-right: 35px;
    margin-bottom: 10px;
    position: relative;
    top: 32px;
    left: 44px;
    text-align: center;
}

#wrapperGallery .smallPics
{
	margin: 0 auto;
    background-color: Transparent;
    height: 265px;
    width: 190px;
    position: relative;
    top: 11px;
    left: -2px;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
}

#wrapperGallery .smallPics td
{
    background-color: #171717;
    height: 49px;
    width: 49px;
    border: solid 2px #171717;
    padding: 0px 2px 4px 2px;
}

#wrapperGallery .smallPics img
{
    border: solid 2px #171717;
}

#wrapperGallery .smallPics img.over
{
    border: solid 2px #FFFFFF;
    cursor: hand;
}

#wrapperGallery .largePic
{
    background-color: #FFFFFF;
    height: 285px;
    width: 192px;
    border: solid 5px #FFFFFF;
    position: relative;
    left: 265px; 
    top: -273px;
    text-align: center;
}

#wrapperGallery .largePic img.imgMain
{
	margin: 0 auto;
    background-color: #FFFFFF;
    height: 275px;
    width: 182px;
    border: none;
    position: relative;
    left: 0px; 
    top: 5px;
}

#wrapperGallery .imageText
{
    background-color: #FFFFFF;
    height: 275px;
    width: 192px;
    border: solid 5px #CDCDCD;
    margin-right: 35px;
    margin-bottom: 10px;
    position: relative;
    left: 485px; 
    top: -568px;
    text-align: justify;
    font-size: 67%;
    color: #8C8C8C;
    font-variant: small-caps;
    padding: 5px 5px 5px 5px;
}

#wrapperGallery .imageText h3
{
    color: #830000;
    font-weight: bold;
    font-size: 120%;
    font-variant: normal;
    font-style: italic;
}

#wrapperGallery .clickThumb
{
    background-color: Transparent;
    height: 35px;
    width: 250px;
    position: relative;
    left: 38px;
    top: -15px;
    color: #FFFFFF;
    font-variant: small-caps;
    font-weight: bold;
    font-size: 75%;
}

#wrapperGallery .hireMe
{
    background-color: Transparent;
    height: 35px;
    width: 80px;
    position: relative;
    left: 107px;
    top: 0px;
    border: none;
}


