﻿
body {
background-color : #221f1f;
background-image : url('../App_Images/bg.jpg');
background-position : top 0%;
background-repeat : repeat-x;
text-align : center;
color : white;
font-family : Century Gothic, Arial;
}
#header {
position : relative;
width : 1020px;
margin : 0 auto;
}
#content {
position : relative;
width : 1020px;
margin : 0 auto;
}
.contLeft {
height : 380px;
padding-left : 20px;
padding-top : 40px;
vertical-align : top;
background-image : url('../App_Images/contLeft.jpg');
background-repeat : no-repeat;
}
.contRight {
width : 530px;
height : 380px;
background-image : url('../App_Images/contRight.jpg');
background-repeat : no-repeat;
background-position : right top;
}
.lowerStrip {
background-color : #2a2627;
background-image : url('../App_Images/smlSquare.jpg');
background-repeat : repeat-x;
background-position : top 0%;
vertical-align : top;
text-align : left;
padding : 0;
margin : 0;
width : 1020px;
height : 280px;
}
#contentText {
text-align : left;
font-size : 12px;
padding-left : 23px;
margin-right : auto;
width : 427px;
height : auto;
}
.normalText {
color : silver;
font-size : 12px;
}
#footer {
position : relative;
color : #1f1f1f;
left : 110px;
top : 40px;
}
#footerText {
position : relative;
color : silver;
font-size : 12px;
top : 50px;
text-align : center;
}
#menu {
position : relative;
color : gray;
margin : 0 auto;
top : 3px;
width : 1020px;
background-color : #d2c263;
}
.selectedMenuItem {
background-color : #1f1f1f;
}
#subMenuDiv {
position : relative;
font-size : 14px;
width : 1020px;
top : 3px;
margin : 0 auto;
text-align : left;
}
.subMenu {
color : silver;
position : relative;
font-weight : lighter;
text-align : center;
font-family : Century Gothic, Arial;
height : 33px;
width : 1020px;
background-image : url('../App_Images/SubMenuBG.gif');
background-repeat : repeat-x;
border : 0;
}
.subMenuLeft {
background-image : url('../App_Images/SubMenuL.gif');
width : 12px;
}
.subMenuRight {
background-image : url('../App_Images/SubMenuR.gif');
width : 12px;
}
.atSubMenuText {
color : #d2c263;
}
#profilePics {
position : absolute;
top : -210px;
left : 0;
width : 300px;
float : left;
background-color : transparent;
}
#enquiryPics {
position : absolute;
top : -250px;
left : -30px;
width : 300px;
float : left;
background-color : transparent;
}
#gregsPic {
position : relative;
float : left;
background-image : url('../App_Images/greg.jpg');
height : 326px;
width : 138px;
}
#brookesPic {
position : relative;
float : right;
background-image : url('../App_Images/brooke.jpg');
height : 326px;
width : 137px;
}
#weddingEnq {
position : relative;
float : left;
background-image : url('../App_Images/weddingEnq.jpg');
height : 326px;
width : 138px;
}
#portraitEnq {
position : relative;
float : right;
background-image : url('../App_Images/portraitEnq.jpg');
height : 326px;
width : 137px;
}
#imgMakeup
{
    position:relative;
    top:-1px;
}
#contactInfo {
position : relative;
text-align : left;
vertical-align : bottom;
background-image : url('../images/WeddingPhotos/1.jpg');
background-repeat : no-repeat;
margin-top : 20px;
margin-left : 20px;
width : 460px;
height : 346px;
padding : 30px;
}
.orangeLine {
text-align : center;
position : relative;
background-color : #d2c263;
height : 1px;
width : 800px;
}
.grayLine {
text-align : center;
position : relative;
background-color : #746f70;
height : 1px;
width : 800px;
}
.whiteLine {
position : relative;
background-color : white;
height : 2px;
width : 1025px;
}
.spaceLine {
position : relative;
height : 10px;
width : 1025px;
}
.letterOne {
font-family : Vivaldi, Arial;
font-weight : lighter;
font-size : 28px;
}
.signatures {
right : 30px;
font-family : Century Gothic, Arial;
text-align : right;
font-size : 10px;
}
H1 {
color : #d2c263;
font-weight : bolder;
text-align : left;
padding-left : 20px;
text-transform : uppercase;
font-family : Papyrus, Century Gothic, Arial;
font-size : 14px;
padding-bottom:0px;
}
H2 {
color:#97914F;
font-weight : normal;
text-align : left;
padding-left : 24px;
font-family : Century Gothic, Arial;
font-size : 12px;
}
a {
color : inherit;
text-decoration : inherit;
}
.HR .hr {
height : 1px;
color : gray;
width : 80%;
text-align : left;
left : 20px;
}
#fade0 {
width : 130px;
height : 190px;
color : white;
text-align : left;
padding : 5px 20px 5px 10px;
border : 0 none transparent;
}
#fade1 {
width : 130px;
height : 190px;
color : white;
text-align : right;
padding : 5px 10px 5px 20px;
border : 0 none transparent;
}
#fade2 {
text-align : left;
font-size : 12px;
padding-left : 23px;
margin-right : auto;
width : 427px;
height : auto;
}
.footer {
text-align : left;
margin : 0;
}
.alignTop{
    vertical-align:top;
}
#javascriptLogo
{
    background-image:url(../App_Images/Javascript.gif);
    background-repeat:no-repeat;
    width:115px;
    height:76px;
    position:absolute;
    top:45px;
    left:700px;
}
