html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    color: #fff;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
    background: #000;
font-family:  "Helvetica Neue","HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif;   font-weight: 100; letter-spacing: 1px;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
    clear: both;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    color: inherit;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


.clear{
	clear: both;
}

.center{
text-align: center;}
.hidden{
display: none;
}

/* MAIN CONTENT */
header.wrapper{
	width: 100%;
	max-width: 980px;
	margin: auto;
overflow: visible;
		min-height: 150px;
	
}
.wrapper{
	width:100%;
	
	max-width: 980px;
	margin: auto;
	overflow: auto;
		min-height: 200px;
	
}
.content-wrapper{
	width: 96.5%;
	padding: 1%;
	max-width: 980px;
	margin: auto;
	overflow: auto;
		min-height: 200px;
	
}

.content-wrapper img{
	
	margin: 5px
}
header .wrapper{

}

.logo{
/*width: 60%;*/
float: left;
margin-left: 15px;

	
}

.logo img{
	
	width:100%;
	height: auto;
}

.contact-details{
/*width: 40%;*/

float: right;
font-size: 1.5em;
text-align: right;
margin-top: 18px;
	
}


/* fonts */

p{
	
	font-size: 1em;/*14px*/
	line-height: 22px;
	margin: 10px 10px;
	text-align: left;
}

h1{
	font-size: 1.9em;
font-weight: 100;
margin-bottom: 10px;
}

h2{
	line-height: 22px;
	font-size: 1em; /*18px*/
	padding: 5px;
}


/* NAVIGATION */

nav {
	height: 40px;
	position: relative;
	font-size: 14px;
	float: right;
	margin: auto;
	margin-top: 10px;

}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 40px;
}

nav li {
	display: inline;
	float: left;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;

}

nav li a {
color: #fff;
	text-decoration: none;
	border-right: 1px solid #576979;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding-left: 20px;
	padding-right: 20px;
}
nav li:last-child a {
	border-right: 0;
		padding-right: 7px;
}
nav ul ul {
	display: none;
}
nav li ul { 
	position: absolute;  
	display: none; 
	z-index: 999;
} 
nav li:hover ul { 
	display: block; 
	z-index: 999;
	
	
} 
nav li ul li { 
	float: none; 
	display:block; 
	padding: 5px 0; 
	width: 196px;
	background: black;
	border-left: 1px solid black; 
	border-right: 1px solid black; 
	border-bottom: 1px solid black;
	
		
}
nav li ul li a { 
	position: relative; 
	border-left: 1px solid black; 
	border-right: 1px solid black; 
	border-bottom: 1px solid black; 
	background: #000;
	color: #fff; 
		z-index: 999;
		width: 196px;
}
nav li ul li a:hover { 

	color: #fff; 
	text-decoration: underline;
}
nav a#pull {
	display: none;
}	

.current{
	text-decoration: underline !important;
	
}	

/* MAIN CONTENT */

.content{
	float: left
}

.main-images {

	width: 28.333333%;
	margin: 0 2.5% 50px 2.5%;
	

	float: left
	
}
.boxgrid{ 
				width: 100%;
	height: 200px;
				float:left; 
		
				overflow: hidden; 
				position: relative; 
			}

.main-images img{
	width: 100%;
	height: auto;
}

.small{

font-size: 0.7em;
line-height: 15px;
text-align: center;
margin: 0 30px;
}


/*portfolio pages*/

#main-portfolio-studio {
border: #129EE9 3px solid;
float: left;
width: 900px;
min-height: 780px;
}

/*About us*/

.left{
	float: left;
}

.right{
	float: right;
}

.who-we-are{
	
	width: 48%;
	margin: 30px 1%;
	float: left;
}
.who-we-are img{
	
	float: left;
}

/* CONTACT US*/
.address-contact{

float: left;
width: 30%;
margin: 1%;

}
.address-contact a{
color:#049994;}
.desrip{
color: #049994;
}




/*studio margin: 100px auto; */

.slider-wrapper { 
	width: 100%; 
	float: right;
	
}

.portfolio-text{
	
	width: 60%;
	float: left;
	margin: 25px 0 10px 0;
}

.animoto{
width: 40%;

float: left;
	margin-top: 25px;
}

.full{
	width: 100%;
	float: left;

}

.portfolio-form{
width: 100%;
float: left;
}

.portfolio-form form > div {
clear: none;
overflow: hidden;
padding: 1px;
margin: 0 0 20px 0;
width: 49%;
float: left;}

.portfolio-form form > div.right {

float: right;
text-align: right;
margin-right: 8%;
}

.column{
	width: 50%;
	float: left;
		list-style: disc inside;
}
ul.column  li{
 margin: 5px 0;
 }

/* COLOURS*/
.studio{
	border: #129EE9 3px solid;

}

.wedding{
	border: #c15390 3px solid;
	
}

b.wedding{
	color: #c15390;
	border: none;
	
}

.fineart{
	border: #664d68  3px solid;
}

.sport{
	border: #660066 3px solid;
}

.education{
border: #ffc800 3px solid;}


.charity{
	border: #FF6600 3px solid;
}
.about{
	border: #009933 3px solid;
	
}
.prices{
	border: #8b074a 3px solid;
	
}

.contact{
	
	border: #049994 3px solid;
}
.blog{
	border: #ffad2c 3px solid;
}
.shop{
	border: #CC0000 3px solid;
}

/* PACKAGES*/

.package-wrapper{
	float: left;
	width: 98%;

	margin: 10px 1% 10px 1%;
	border-bottom: solid 1px #8b074a ;
	padding-bottom: 10px;
	
}
.package-image{
	float: left;
	width: 30%;
}
.package-text{

	float: left;
	width: 68%;
	padding: 0 1%;
}

.prices-wrapper{
	float: left;
	width: 880px;

	margin: 10px 10px 10px 10px;

	padding-bottom: 10px;
	font-size: 16px;
	
}
.border{
	border-bottom: solid 1px #fff ;
clear: both;	
width: 580px
}
.range{
	float: left;
	width:200px;
	margin: 10px 0 0 0;
}
.size{
	float: left;
		width:100px;
	margin: 10px 0 0 0;
}
.price{
	float: left;
		width:200px;
			margin: 10px 0 0 0;
}.example{
	float: left;
		width:200px;
			margin: 10px 0 0 0;
}
/*effect hover*/


/*B&W*/
.bw {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.bw:hover {
  -webkit-filter: grayscale(100%);
}


footer .wrapper{

	
	
}

.copyright{
	width:50%;
	float: left;
	
font-size: 0.750em; /* 12px*/
}

.links{
		width:50%;
		float: right;
		text-align: right;
		
font-size: 0.750em; /* 12px*/
}

.links p{
text-align: right;
}

.mobile{ display: none;}

 /* CLIENTS */

.client-content{

width: 70%;
margin: 0 auto;

}


.client-content h1, p, img{

text-align: center;
}


.client-form{

width: 50%;
margin: 0 auto;
}


table.tx1_content_width.tx1_h100.tx1_ltd_b863.tx1_ltd_g864{

border: #CC0000 3px solid;
}

 /* FORMS */
 
 .half{
	 
	 width: 50%;
	 
 }
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 20px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	width: 18%;
  float: left;
  padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
  width:78%;
  float: right;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 80%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 80%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}


}
@media (min-width: 1200px) {
  form > div > label,
	legend {
  	text-align: right;
  }

}
@media screen and (max-width: 760px) {


.main-images {
width: 45%;
margin: 20px 2.5% 0px 2.5%;
height: auto;
float: left;
}

nav {   
        height: auto;  
        width: 100%;
    }  
    nav ul {  
        width: 100%;  
        display: block;  
        height: auto;  
        border-top: 1px solid #fff;
    }  
    nav li {  
        width: 49%;  
        float: left;  
        position: relative; 
          border-bottom: 1px solid #fff;  
        border-right: 1px solid #fff;  
        padding: 10px 0; 
    }  
    nav li a {  
    border: none ;
      
    }  
    nav a {  
        text-align: left;  
        width: 100%;  
        text-indent: 25px;  
    } 
    


}
@media screen and (max-width: 600px) {
    nav {   
        height: auto;  
        width: 100%;
    }  
    nav ul {  
        width: 100%;  
        display: block;  
        height: auto;  
        border-top: 1px solid #fff;
    }  
    nav li {  
        width: 49%;  
        float: left;  
        position: relative; 
          border-bottom: 1px solid #fff;  
        border-right: 1px solid #fff;  
        padding: 10px 0; 
    }  
    nav li a {  
    border: none ;
      
    }  
    nav a {  
        text-align: left;  
        width: 100%;  
        text-indent: 25px;  
    } 
    
   .hide{
	   display: none !important;
   } 
.mobile{ display: block;
}
.main-images {
width: 45%;
margin: 20px 2.5% 0px 2.5%;
height: auto;
float: left;
}


  form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 80%; 
  }

.animoto{
width: 100%
}
.portfolio-text{
	
	width: 100%;
	float: left;
	margin-top: 25px;
}
}

@media only screen and (max-width : 480px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #000;
		font-size: 120%;
		width: 100%;
		position: relative;
		color: #fff;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}


.who-we-are{
	
	width: 100%;
	margin-top: 30px;
	float: left;
}


.main-images {
width: 95%;
margin: 20px 2.5% 10px 2.5%;
height: auto;
float: left;
}

 .half{
	width: 100%;
 }
 
 .address-contact{

float: left;
width: 80%;


}

.contact-details{
text-align: center;
width: 100%;
}

.portfolio-text{
	
	width: 100%;
	float: left;
	margin-top: 25px;
}


}

@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
}