/* ------ Page Alignment ------  */

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%; font-family: 'Arial black', Arial, Helvetica, sans-serif;}
/* end hide */
body {
background-color: #FFF;
text-align:center;
min-width:1080px;/* for good browsers*/
min-height:520px;/* for good browsers*/
}
#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
}
#inner {
width: 1080px;
height:820px;
text-align: center;
margin-left:auto;
margin-right:auto;
}


/* ------- Global Styles ------ */

img{border:none; 
outline:none;}

.hidden {display:none}

.no-css {display:none; text-indent:-9999px}

.style24 {font-size: 9px; font-family: 'Arial black', Arial, Helvetica, sans-serif;}
.style38 {color: #666666; }
.style39 {color: #444444; margin-left:10px; margin-right:10px; }

#info-box .blockquote {text-align:right; font-weight:100; font-size:60%; font-family: Arial, Helvetica, sans-serif; color:#333;padding:15px 10px}

form fieldset {
	border:none;	
	}
	
a, a img, button{outline:none;}

* {outline:none;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
	outline:none;
}

a:link {
	color: #bbb;
	text-decoration: none;
	outline:none;
}
a:visited {
	color: #bbb;
	text-decoration: none;
	outline:none;
}
a:hover {
	color: #fdfdfd;
	text-decoration: none;
	outline:none;
}

form span {
color: #555;
}


/* --- Contact Info ------ */

.wedding {
width:750px;
position:absolute;
top:348px;
padding-left:18px;
text-align:justify;
line-height:40px;
}

.contact-info {
width:750px;
position:absolute;
bottom:10px;
left:20px;
text-align:justify;
line-height:40px;
}

.contact-info p span{
font-family: 'Arial black', Arial, Helvetica, sans-serif;
}

span.c1{
font-size:50px;
letter-spacing:1.2px;
color:#444;
}

span.c2{
letter-spacing:1.7px;
font-size:36px;
color:#777;
}

span.c3{
font-size:31.7px;
color:#333;
}

span.r{
position:absolute;
right:15px;
}


a span:hover {
	color: #fdfdfd;
	text-decoration: none;
}


/* ------- Menu Styles ------- */


#menu{
width:120px;
height:115px;
position:absolute;
left:-160px;
top:0;
}

.menu-ul li{
	height:28px;
	vertical-align:middle;
	text-align:center;
	list-style:none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
	
/* ------- Button Styles -------- */

.menu-ul li:hover, #goto:hover, #login:hover, #logout:hover, #subscribe:hover, #resumeButton:hover, #pauseButton:hover{
   filter:alpha(opacity=100);
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
   outline:none;
}

#logout {
  width: 250px;
  height: 30px;
  margin-left:-77px;
  padding: 0;
  border: 0;
  outline:none;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}


#goto, #login, #subscribe{
  width: 250px;
  height: 30px;
  margin: 10px;
  padding: 0;
  border: 0;
  outline:none;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#resumeButton{
  width: 65px;
  height: 30px;
  margin-left: -60px;
  padding: 0;
  border: 0;
  outline:none;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#pauseButton{
  width: 95px;
  height: 30px;
  padding: 0;
  margin-left: -35px;
  border: 0;
  outline:none;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#goto{
    background: transparent url(images/viewproof.png) no-repeat center top;
}

#login{
    background: transparent url(images/login.png) no-repeat center top;
}

#logout{
    background: transparent url(../images/logout.png) no-repeat center top;
}

#resumeButton{
    background: transparent url(../images/play.png) no-repeat center top; outline:none;
}

#pauseButton{
    background: transparent url(../images/pause.png) no-repeat center top; outline:none;
}

#subscribe{
    background: transparent url(images/subscribe.png) no-repeat center top;
}
/* ------- Content Styles ------- */

#title{
width:400px; height:49px; position:relative; left:500px; margin-top:10px
}

#content-box{
margin:10px auto;
position:relative;
text-align:center;
width:750px;
min-height:500px;
}

#content-box-com-info,#content-box-wed-info, #content-box-wed-contact, #content-box-wed-clients{
margin:10px auto;
padding:15px 15px 0 0;
position:relative;
width:750px;
height:500px;
background-color:#dfdfdf;
}

#content-box p, #content-box-com-info p, #content-box-wed-info p, #content-box-wed-contact p, #content-box-wed-clients p{
font-size:12pt;
color:#444;
text-align:left;
font-family: Arial,'Arial Black',Arial,sans-serif;
}


#info-box {
width:750px;
height:500px;
overflow:auto;
margin-left:15px
}

#info-box-scroll {} 

#content-box h2, #content-box-wed-clients h2{
font-size:12pt;
color:#444;
font-variant:small-caps;
}

#content-box fieldset{
height:200px;
padding:150px;
background-color:#dfdfdf;
}

.loginform{
margin-top:180px
}
#username {
margin-left:4px
}
#email {
margin-left:5px
}
#nameMail {
margin-left:2px
}

/* ------- Video Secret Styles ------- */


#videoholder{
overflow:hidden;
width:583px;
height:750px;
margin:0 auto;
}

#video{
margin-top:-320px;
margin-left:-20px;
border:none;
width:583px;
height:828px;
overflow:hidden;
}


/* ------- Footer Styles ------- */

#credits{padding-top:10px;}