@charset "UTF-8";
/* CSS Document */


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;f
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

.clear {clear:both;}
body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border:5px;
}



.container {
	position:relative;
	width:1300px;
	margin-left:50px;

	height:900px;
	
}

.logo {
	position:relative;
	color:black;
	width:100px;
	top:20px;
	
}
.logo img {
	border:none;
}

.contact {
	position:relative;
	float:right;
	width:270px;
	background-color:white;
	color:black;
	font-weight:normal;
	height:80px;
	right:300px;
	padding-top:5px;
	text-align:left;
	padding-right:5px;
	font-size:13px;
	letter-spacing:2px;
	padding:8PX;
	padding-bottom:0px;
	z-index:60;
	line-height:20px;
	top:-18px;
	
}

.size15 {
	font-size:15px;
	
}

.contact a {
	color:black;
	text-decoration:none;
}


.service-boxes li { 
	  list-style-type:square;
	  line-height:15px;
	  
	  } 

.service-main-content li { 
	  list-style-type:square;
	  line-height:15px;
	  margin-left:15px;
	  
	  } 

.menu-box {
	position:relative;
	top:50px;
	font-weight:bold;
	height:20px;
	font-size:15px;
	letter-spacing:3px;
	width:1000px;
	z-index:30;
}
.menu-box1 {
	position:relative;
	float:left;
	font-weight:bold;
	height:30px;
	font-size:15px;
	letter-spacing:3px;
	width:1000px;
	z-index:30;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aca899;	
}
.main-image {
	position:relative;
	top:110px;

	display:compact;
	
	
	
}

.main-image-portfolio {
	position:relative;
	top:110px;
	width:650px;
	float:right;
	margin-right:15px;
	
	
	
}

.main-image-service {
	position:relative;
	top:110px;
	width:650px;
	display:compact;
	float:right;
	
	
	
	
}

.service-main-image {
	position:relative;
	top:126px;
	right:0px;
	width:564px;
	height:251px;
	float:right;
	
}

.service-main-content {
	position:relative;
	top:130px;
	width:420px;
	height:650px;
	line-height:18px;
	
	padding:5px;
	
	
	
}



.service-video-box {
	position:relative;
	top:-600px;
	width:425px;
	height:349px;
	
	left:590px;
	
	
	
	
}


.button-box-half-offer {
	float:left;
	width:132px;
	height:45px;
	margin-right:10px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:12px;
	background-image:url(http://www.steven-kelly.co.uk/images/button-background.jpg);
	background-repeat:no-repeat;
	text-align:center;
	padding-top:8px;
	

}

.service-video-box a{
	text-decoration:none;
	color:black;
	
}

.service-callout-box {
	position:relative;
	top:-251px;
	width:122px;
	height:349px;
	line-height:18px;
	left:450px;
	
	
	
	
	
}

.bio-main-image {
	position:relative;
	top:130px;
	right:70px;
	width:450px;
	float:right;
}
.main-content {
	position:relative;
	width:320px;
	line-height:18px;
	float:right;
	right:310px;
	top:-110px;

	
	
	
}

.buttons {
	position:relative;
	top:130px;
	width:650px;
}

.promo-panel {
	float:right;
	width:200px;
	height:321px;

}

.button-box-container {
	width:440px;
	height:330px;
}
.wedding {
	background-image:url(http://www.steven-kelly.co.uk/images/home-page-button-wedding.jpg);
}

.events {
	background-image:url(http://www.steven-kelly.co.uk/images/home-page-button-events.jpg);
}

.portrait {
	background-image:url(http://www.steven-kelly.co.uk/images/home-page-button-portrait.jpg);
}

.commercial {
	background-image:url(http://www.steven-kelly.co.uk/images/home-page-button-commercial.jpg);
}

.editing {
	background-image:url(http://www.steven-kelly.co.uk/images/home-page-button-editing.jpg);
}

.fine-art {
	background-image:url(http://www.steven-kelly.co.uk/images/home-page-button-fine-art.jpg);
}


.button-box {
	float:left;
	width:132px;
	height:115px;
	margin-right:10px;
	margin-bottom:10px;
}




.box-text {
	position:relative;
	font-weight:bold;
	color:white;
	top:100px;
	left:5px;

}



.button-box-half {
	float:left;
	width:132px;
	height:45px;
	margin-right:10px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:12px;
	background-image:url(http://www.steven-kelly.co.uk/images/button-background.jpg);
	background-repeat:no-repeat;
	text-align:center;
	padding-top:8px;
	

}

.button-box-container a{
	text-decoration:none;
	color:black;
}

.button-box-container a:hover{
	text-decoration:underline;
}


.bio-main-content {
	position:relative;
	top:130px;
	width:520px;
	line-height:18px;
	
	
	
}
.port-main-content {
	position:relative;
	top:130px;
	width:320px;
	line-height:18px;
	z-index:10;
	
	
}

.footer {
	position:relative;
	top:-300px;
	width:300px;
	left:355px;
}

#slideshow {
    position:relative;
    height:350px;
	width:650px;
}
/*slideshow*/
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*slidshow*/

.blue {color:#2d6699;}
h1 {
	color:#2d6699;
	font-weight:bold;
	font-size:18px;
	margin-bottom:10px;
}

h2 {
	color:#2d6699;
	font-weight:bold;
	font-size:15px;
}

h3 {
	color:#2d6699;
	font-weight:bold;
	font-size:14px;
	margin-bottom:5px;
}

.jquerycssmenu{
font: bold 12px Verdana;

padding-left: 15px; /*offset of tabs relative to browser left edge*/
}

.jquerycssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jquerycssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
display: block;
background: white url(tintblue.gif) top center repeat-x;; /*background of tabs (default state)*/
padding: 5px 7px 4px 7px;
margin-right: 3px; /*spacing between tabs*/

color: #2d2b2b;
text-decoration: none;

}

.jquerycssmenu ul li a:hover{
background-color:black;
color:white;
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;

top:8px;


}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
display: list-item;
float: left;
margin-right:15px;
width:120px;



}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
font-size:10px;
 /*width of sub menus*/
background: white;
color: black;
padding: 4px 5px;

}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
background: grey;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 7px;
right: 5px;
display:none;
}

.rightarrowclass{
position: absolute;
top: 5px;
right: 5px;
}

.bio {
	width:300px;
	font-size:10px;
	background-color:white;
	font-weight:normal;
}

/*portfolio gallery */







.portfolio-gallery {
	width:900px;
	top:300px;
	position:relative;
}

.portfolio-content {
	position:relative;
	top:80px;
}


.boxes {
	position:relative;
	width:300px;
	float:right;
	height:120px;
	margin:2px;
	
	
}

.service-boxes {
	height:150px;
	padding-right:20px;
}

.boxes a {
	position:relative;
	text-decoration:none;
	
}

 .boxes1 {
	 
	 background-image: url(http://www.steven-kelly.co.uk/images/portraiture-photography.jpg);
 }
 
  .boxes2 {
	 
	 background-image: url(http://www.steven-kelly.co.uk/images/wedding-photography.jpg);
 }
 
  .boxes3 {
	 background-image: url(http://www.steven-kelly.co.uk/images/editing-photography.jpg);
 }
 
  .boxes4 {
	 background-image: url(http://www.steven-kelly.co.uk/images/event-photography.jpg);
 }
 
  .boxes5 {
	 background-image: url(http://www.steven-kelly.co.uk/images/fine-art-photography.jpg);
 }
 
  .boxes6 {
	 background-image: url(http://www.steven-kelly.co.uk/images/commercial_1.jpg);
 }
 
 .float-right {
	 text-align:right;
	 float:right;
	 margin:20px;
	 top:20px;
	 position:relative;
	 font-size:24px;
	color:white;
	
	
 }
  
 .float-left {
	 text-align:left;
	 float:left;
	 margin:20px;
	 top:20px;
	 position:relative;
	 font-size:24px;
	color:white;
	
 }
 
 .service-image {
	 position:relative;
	 padding:5px;
	 float:right;
 }
 

.box-text-r {
	position:relative;
	float:right;
	
}

#form-contact {
	position:relative;
	top:100px;
	}
	
.social {
	width:300px;
	float:right;
	margin-right:245px;
	margin-top:-30px;
}

/*div {border: 3px coral solid;}*/