/*designed and developed by Roberto Gutierrez*/
@import url(http://fonts.googleapis.com/css?family=Lato);

html {
	background-color: #060f22;
	font-family: 'Lato', sans-serif;
	font-size: 62.5% 
}

nav a:link	{
	text-decoration:none;
	color:#FFF;
	letter-spacing:0.1rem;
	padding-bottom: 3px;
}
nav a:visited{
	color:#FFF;
}
nav a:hover, nav a.active {
	color:#fff;
	border-bottom: 4px solid #fff;
}
a:link, a:visited, a:active {
	color:#fff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

li	{
	display:inline;
	font-size:2.8rem;
    margin: 0;
	
}

body {
	margin: 0 auto;
	margin-top:90px;
	background-color: #FFF;
	width:1080px;
	color:#060f22;
}

nav {
    background-color:#060f22;
    color:#fff;
    padding:40px 0;
}
nav ul{
    width:100%;
    margin:0;
    padding:0;
}
nav ul li{
    margin-right:50px;
}

#stage {
	width:1080px;
	height:340px;
	visibility: visible;
	overflow: hidden;
}
#slide {
	background-image:url(pics/3p.jpg);
	visibility: visible;
	/*overflow: hidden;*/
	width:4320px;
	height:340px;
	margin:0;
	position:relative; 
}

.wrap {
	margin: 0 auto;
	max-width:960px;
	background-color: #FFF;
}

p.three {
	width:290px;
	color:#060f22;
	margin-left: 5px;
	margin-top:100px;
	display:inline-block;
	line-height:2.8rem;
	text-align:center;
	vertical-align:text-top;
}
p.three {
	width:290px;
	color:#060f22;
	margin-left: 5px;
	display:inline-block;
	line-height:2.8rem;
	vertical-align:text-top;
}
p.three img {
	margin:2rem;
	}
p.three a{
	margin-top:20px;
	float: right;
	vertical-align:baseline;
	}
strong {
	font-size:2.4rem;
	}
.opposite {
	width: 45%;
	margin: 0 auto;
	display: inline;
	padding:2%;
}
.opposite ul{
	display: inline;
	float: right;
}
.opposite li{
	display: block;
}

h1 {
	font-size:2.4rem;
	line-height: 0.5rem;
}

p {
	margin: 0 auto;
	padding:10px;
	width:510px;
	text-align: center;
	font-size:1.8rem;
	color:#060f22;
}

/*start about*/
section.about{
    float:left;
	margin: 10px auto;
    width:49%;
    
}
section.about p{
    font-size: 1.6rem;
	text-align: left;
	color:#111111;
    line-height: 2.4rem;
    float:left;
    display:inline;
    width:70%;
    padding:10px 60px 30px;
    margin-left:20px;
    
}
section.about a{
    color:#5a151b;
    float:right;
    margin-top:13px;
    font-weight:700;
}
section.about strong{
	line-height: 70px;
    color: #5a151b;
}
#artelo{
    float:right;
    border-left:1px solid #060f22;
}
/*end about*/

/*start services*/
.subnav {
	margin: auto;
	width:100%;
	background-color: #5a151b;
	color:#FFF;
}
.subnav nav{
    background-color: transparent;
    padding:8px;
    margin-bottom:20px;
}
.subnav ul{
    padding:0 40px;
}
.subnav nav ul li a {
    margin:auto;
	margin-left:4%; 
	display:inline;
	text-decoration:none;
	font-weight: bold;
	padding-bottom:10px;
	
}
.subnav a:link {
	color:#FFF;
}
.subnav a:visited {
	color:#FFF;
}
.subnav a:hover {
	color:#FFF;
	text-decoration: underline;
}
.subnav a.active {
	color:#FFF;
}

.desc_portrait,
.desc_candid,
.desc_corporate,
.desc_group,
.desc_special{
	margin:auto;
	width:100%;
}
.service{
	width: 100%;
	background-color: #060f22;
	color:#FFF;
    padding: 2px;
	margin-bottom: 40px;  
}
small {
    font-size:1.6rem;
}
.service li{
    margin-right: 50px;
    word-spacing: 5px;
    font-weight:bolder;
    vertical-align: middle;
}
.something {
    font-size:2.4rem;
    padding-left:50px;
    border-left:1px solid #fff;

}
section img{
	padding-left: 4%;
}

.sec {
	float: left;
	width: 40%;
/*	margin: auto;*/
/*	display:inline;*/
	padding:5%;
}
.sec img{
    float:left;
    margin:auto;
    margin-right:10px;
}
.sec ul{
/*	display: block;*/
	float: left;
	padding:0;
	width:50%;
}
.sec li{
	display: block;
	width:100%;
	font-size:1.6rem;
	font-weight:lighter;
	margin-bottom:10px;
    float:left;
}
.packages img {
    display:inline;
    list-style-type:none;
    vertical-align:bottom;
}
.packages li{
    margin:auto;
    margin:30px;
    font-size:2rem
}
.packages{
    font-weight:lighter;
}
.packages a{
    float:right;
    margin:20px;
    font-size:1.6rem;
    font-weight:bold;
}
.clear{
	clear:both;
	}
/*end services*/
/*start gallery page*/
#accordion {
    width:90%;
}
#accordion li{
    cursor: pointer;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    display: block;
    margin:5px 0;
    padding:5px 0;
}


#accordion li ul{
    margin:0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 70%;
}

#accordion li.active li{
    text-indent:0;
}
#accordion li li{
    font-weight: normal;
    background:none;
    border:0;
    display: inline-block;
    margin-left:-8px;
    margin-top: -6px;
}

#accordion li li a:link {
	margin-top: -5px;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
#accordion li li a:visited {
	margin-top: -5px;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
#accordion li li a:hover {
	margin-top: -5px;
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}
#accordion li li a:active {
	margin-top: -5px;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
section.serv{
	width: 80%;
	background-color: #5a151b;
	margin: 0 auto;
	color: #FFF;
	font-size: 2.4rem;
	font-weight: bold;
	text-indent: 3rem;
    padding:5px;
}
/*end gallery*/

/*shadowbox start*/
#overlay{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:rgb(0,0,0);
}
#shadowbox{
	position:absolute;
}
#shadowbox img{
	background-color: #FFF;
	height:505px;
    width:auto;
    margin:auto;
	padding: 30px;
}

/*shadowbox end*/


#numberinput{
    width:20%;
    vertical-align:text-bottom;
    margin:0;
    font-size:1.6rem
}

#pkg {
    padding:0;
    width:45%;
    float:left;
    border-right:1px solid #060f22;
    margin: 50px 0;
}

.email {
    width:80%;
    padding:8px;
    font-size:1.6rem;
}

#pkg li{
    width:28%;
    margin-top:10px !important;
    margin:0;
    padding:0;
    display:block !important;
    float:left;
    cursor: auto !important;
    font-size:2rem;
    font-weight:100;
    text-align:center;
}
#pkg p, #app p{
    padding: 10px 0;
    margin:0;
    font-weight:bolder;
    width:auto;
    text-align: left;
    color:#660000;
}
#pkg textarea{
    width:80%;
    text-align: left;
    display:inline-block;
    margin-top:30px;
}

.location{
    padding:5px 0;
    width:80%;
    margin:10px 0;
}
#app{
    width:50%;
    float:right;
    padding:0;
    margin: 50px 0;
}
#app li{
    display:inline;
    width:auto;
    margin-right:40px;
    float:left;
}
select{
    display:block; 
}

#app strong{
    font-size:2rem;
    text-align:center;
    margin:0;
}
#app textarea{
    margin-top: 18px;
    width:75%;
    display:inline-block;
}
.footer {
	padding-top:50px;
	background-color: #060f22;
	margin: 0 auto;
	color:#FFF;
	height: 50px;
	text-align:center;
	clear: both;
}

.footer h1{
	font-weight: lighter;
}