body{font-family:  Verdana, Helvetica, sans-serif; font-size: 12px;  color: #CCCCCC; background-color: #0F141E;}
body { text-align: center; }
body, form {margin: 0; padding: 0;}
input, select, textarea {font-size: 1em;}
img {border: 0;}
.small {font-size: 0.85em;}
dl.col {line-height: 1.5em; }
dl.col dt {float: left; width: 7em; padding-right: 0.5em; text-align: left;}
dl.col dd {margin-left: 0.5em; }
#content p {margin-top: 0.8em; margin-bottom: 0.8em; line-height: 1.7em;}
#content ul{ 
 margin: 0 0 15px 25px;
 padding: 0;
}
#content ul li{
  list-style: square;
  margin: 0 0.6em;
  line-height: 1.8em;
}
.center {text-align: center; }
.clr {clear: both; }
h1 {font-family: Verdana, sans-serif; font-weight: bold; }
h1 {text-align: left; font-size: 14px; padding: 0px 0 0px 0; margin: 0px 0px 0px 0px; }
h2 {font-family: Arial, Verdana, sans-serif; font-weight: bold; }
h2 {text-align: left; font-size: 16px; padding: 0px 0 0px 0; margin: 10px 0px 0px 1px; }
h3 {font-size: 13px; color: #fff;}
a {color: #47B5E0; text-decoration: underline;}
a:hover {color: #47B5E0; text-decoration: underline;}
.txt-right{
  text-align: right;
}
.txt-left{
  text-align: left;
}
.txt-center{
  text-align: center;
}
.border-white{
  border: 2px solid #fff;
}





#wrapper{
  background-color: #000;
  width: 900px;
  margin: 50px auto 0 auto;  
}
#header{
  height: 120px;
  background-color: #070A0E;  
  position: relative;
  text-align: left;
   border-bottom: 1px solid #fff;
}

#logo{
  position: absolute;
  top:25px;
  left: 25px;  
}



#header-location{
  position: absolute;
  top:70px;
  left: 525px;  
  background-image: url(../images/site/header/home.gif);
  height: 28px;
  width: 356px;
}

#design #header-location      {background-image: url(../images/site/header/design.gif);}
#illustrations #header-location      {background-image: url(../images/site/header/illustration.gif);}
#print #header-location       {background-image: url(../images/site/header/print.gif);}
#mulimedia #header-location   {background-image: url(../images/site/header/multimedia.gif);}
#publishing #header-location  {background-image: url(../images/site/header/publishing.gif);} 
#signage #header-location     {background-image: url(../images/site/header/signage.gif);}

#nav{  
  height: 50px;
  background-image: url(../images/site/main-bg/default-nav.jpg);
  background-repeat: no-repeat;

 
}
#design                      #nav{background-image: url(../images/site/main-bg/design-nav.jpg);}
#illustrations               #nav{background-image: url(../images/site/main-bg/illustration-nav.jpg);}
#print                       #nav{background-image: url(../images/site/main-bg/print-nav.jpg);}
#mulimedia                   #nav{background-image: url(../images/site/main-bg/multimedia-nav.jpg);}
#publishing                  #nav{background-image: url(../images/site/main-bg/publishing-nav.jpg);}
#signage                     #nav{background-image: url(../images/site/main-bg/signage-nav.jpg);}




#main{
  background-image: url(../images/site/main-bg/default.jpg);
  background-repeat: repeat-y;
  width: 900px;
  height: 432px;
  position: relative;
  border-top: 1px solid #fff;
}


#design                      #main{background-image: url(../images/site/main-bg/design.jpg);}
#illustrations               #main{background-image: url(../images/site/main-bg/illustration.jpg);}
#print                       #main{background-image: url(../images/site/main-bg/print.jpg);}
#mulimedia                   #main{background-image: url(../images/site/main-bg/multimedia.jpg);}
#publishing                  #main{background-image: url(../images/site/main-bg/publishing.jpg);}
#signage                     #main{background-image: url(../images/site/main-bg/signage.jpg);}


#content{
  position: absolute;
  top: 30px;
  left: 30px;
  width: 280px; 
  text-align: left;
  height: 400px;
  color: #fff;
  
  
  
}

#footer{
  background-image: url(../images/site/footer-bg.jpg);
  background-repeat: no-repeat;
  height: 65px;
  position: relative;
  border-top: 1px solid #fff;
}

#notice{
  position: absolute;
  bottom: -10px;
  left: 0;
  color: #333;
  width: 100%;
  text-align: center;
}


dl.address
{
	margin: 0px 0 0 10px ;
	padding : 15px 0 0 0 ;
	line-height : 28px;
	text-align : left;
	color: #fff;
	font-size: 11px;
}
dl.address dt {
  float:left;
 
  font-weight:bold;
  text-align : left;
  margin-right : 0px;
  margin-left: 5px;
  
 
}
dl.address dd {
  text-align : left;
  margin-left : 2px;
  margin-right: 5px;
  float: left;
 
  
}

dl.address a{
  color: #fff;
  text-decoration: none;
}


.gallery_holder{
  margin-top: 15px;
  display: none;
}


.gallery_show{
  display:block;
}

.gallery_holder img{
  border: 1px solid #fff;

}

.wedding_holder img{
  
border: 1px solid #fff;

}


.wed-img{
  float: left;
  width: 179px;
  text-align: center;
  height: 125px;  
  padding-bottom: 20px;
  padding-top: 3px;  
  margin: 5px 4px 25px 4px;
  position: relative;
  border: 1px solid #333;
  
  
}




.photoselected{
border : 1px solid #FE9A2A;
background-color: #333;
color: #fff;
}


.tool{
  
 
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 10px;
 
  text-align: left;
  
}

.tool label{
  
  text-align: left;
   font-weight: normal;
}


#submit{
  border: 1px solid #FE9A2A;
  
  background-color: #fff;
  width: 150px;
}


#signature{
  font-size: 10px;
  margin: 0 auto;
  width: 900px;
  text-align: right;
  padding-top: 5px;
  
}

#signature a,#signature{
color: #ccc;
text-decoration: none;

}