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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background-color: white;
	background-image: url(/images/bg-dots.gif);
	background-repeat: repeat;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a{
color:#8d9da6;}

a:visited{
color:#8d9da6;}




html, body {
height: 100%;
}



.wrapper {
min-height:100%;
position:relative;
}
.footer{
background:#EC008B none repeat scroll 0 0;
float:left;
height:60px;
margin-top:-60px;
position:relative;
width:100%;
font-size:11px;
}

body{
font-family:Arial,Helvetica,sans-serif;
background-color: #000000;
}


#navigation-header{
border-top-width: 10px;
border-top-style: solid;
border-top-color: #ec008b;
}

#navigation-content{
width:960px;
margin:0 auto;}


#navigation-content ul{
}

#navigation-content li{
padding-bottom:2px;
float:left;}

#navigation-content li a{
background-image:url(/images/bullet.png);
background-position:0 3px;
background-repeat:no-repeat;
color:#8D9DA6;
display:inline;
float:left;
font-size:14px;
font-weight:bold;
margin-right:24px;
margin-top:8px;
text-decoration:none;
text-indent:9px;
}

#navigation-content li a:hover, #navigation-content li .active{
background-image: url(/images/sidelist-active.png);
color:#ececec;
}

#header {
float:left;
height:124px;
width:960px;
}

#skyron {
background-image:url(/images/skyron-logo.png);
background-repeat:no-repeat;
float:right;
height:92px;
width:92px;
}

#skyron a {
display:block;
height:92px;
width:92px;
}


#istage{
color:#FFFFFF;
float:left;
width:960px;
padding-bottom:90px;
line-height:1.4;}

#page-container{
margin: 0 auto;
width:960px;}

#links{
float:left;
margin-left:20px;
margin-top:23px;}

#links li{
	float:left;
	padding-right:10px;
	margin-right:10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#links li a{
	color:#FFFFFF;
	text-decoration:none;
}

#copyright{
float:right;
margin-top:23px;
margin-right:20px;
color:#FFFFFF;}



#sidebar {
color:#FFFFFF;
float:left;
font-size:12px;
line-height:1.4;
width:300px;
}

#sidebar h1 {
font-size:28px;
font-weight:normal;
line-height:1;
padding-bottom:29px;
}

#sidebar .section-description {
color:#8D9DA6;
padding-bottom:14px;
}

.divider {
background-color:#131417;
height:10px;
margin-bottom:10px;
width:100%;
}

#sidebar .news-item {
border-bottom:1px solid #131417;
color:#8d9da6;
margin-bottom:10px;
padding-bottom:10px;
}

.highligher {
color:#8d9da6;
font-weight:normal;
}

.date {
color:#FFFFFF;
font-weight:normal;
font-size:11px;
}

.no-bottom-border {
border-bottom:medium none !important;
}

#page-content {
float:right;
width:630px;
}

#welcome-stage {
width:630px;
height:470px;
}

#section-image{
width:630px;
height:155px;
background-color:#131417;
margin-bottom:20px;}

.si-whatwedo{
	background-image: url(/images/headers/what-we-do.png);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

.si-our-ethos{
	background-image: url(/images/headers/our-ethos.png);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

.si-our-people{
	background-image: url(/images/headers/our-people.png);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

.si-own-projects{
	background-image: url(/images/headers/own-projects.png);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}


ul.sidebarlist{
width:150px;}

ul.sidebarlist li{
float:left;
width:150px;
font-size:14px;}

ul.sidebarlist li a{
	color:#8d9da6;
	text-decoration:none;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #131417;
	float:left;
	width:150px;
	background-image: url(/images/sidelist-normal.png);
	background-repeat: no-repeat;
	background-position: 1px 14px;
	text-indent: 12px;
	font-weight:bold;
}

ul.sidebarlist li a:hover, ul.sidebarlist li .active_sidelist_item{
background-image: url(/images/sidelist-active.png);
background-color:#390029;
color:#ececec;
}

ul.sidebarlist li a.lastrow{
border-bottom-style:none;}

/* Client List*/

.logocopy{
display:none;}


#clientslist ul{
}

#clientslist  li{
float:left;
height:120px;
margin-bottom:8px;
margin-right:7px;
width:205px;
background-color:white;
display:block;
}

#clientslist  li.nospace{
	margin-right: 0px;
}

.client-avis{
	background-image: url(../images/logos/avis.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.client-balderton-capital{
	background-image: url(../images/logos/balderton_capital.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.client-betfair{
	background-image: url(../images/logos/betfair.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.client-piraeus_bank{
	background-image: url(../images/logos/piraeus_bank.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.client-datapoint{
	background-image: url(../images/logos/datapoint.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.client-defaqto{
	background-image: url(../images/logos/defaqto.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.client-domino-pizza{
	background-image: url(../images/logos/dominos_pizza.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.client-future{
	background-image: url(../images/logos/future.gif);
	background-repeat: no-repeat;
	background-position: center center;
}



.client-hachette{
	background-image: url(../images/logos/hachette_filipacchi.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.client-heineken{
	background-image: url(../images/logos/heineken.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.client-hilton{
	background-image: url(../images/logos/hilton.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.client-ipc-media{
	background-image: url(../images/logos/ipc_media.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.client-kitkat{
	background-image: url(../images/logos/kitkat.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.client-london-business-school{
	background-image: url(../images/logos/london_business_school.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.client-metro{
	background-image: url(../images/logos/metro.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.client-sixt{
	background-image: url(../images/logos/sixt.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.client-the-sun{
	background-image: url(../images/logos/the_sun.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.client-times-online{
	background-image: url(../images/logos/times_online.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.client-tiscali{
	background-image: url(../images/logos/tiscali.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.client-bt{
	background-image: url(../images/logos/bt.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.client-leightons-opticians{
	background-image: url(../images/logos/leightons_opticians.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.client-holder{
	background-image: url(../images/logos/temp_place_holder.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/* client quotes */

.client-quote{
	background-color: #131417;
	background-image: url(/images/left-quote.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	float:left;
	width:630px;
	padding-bottom:10px;
	margin-bottom:19px;
}

.quote-copy{
background-image:url(/images/right-quote.png);
background-position:right bottom;
background-repeat:no-repeat;
float:left;
padding-left:96px;
padding-right:78px;
padding-top:36px;
width:443px;
color:#8D9DA6;
font-size:18px;
line-height:1.1;
}



.quote-source{
color:#FF029A;
font-size:11px;
font-weight:normal;
margin-top:12px;
margin-bottom:29px;
}

#skyron-contact {
color:#8D9DA6;
font-size:12px;
line-height:1.5;
margin-top:10px;
padding-bottom:14px;
font-size:12px;
}

#skyron-contact h1{
color:#FFFFFF;
font-weight:bold;}

#contacts {
color:#8D9DA6;
float:left;
font-size:12px;
line-height:1.5;
}

.personal-fix {
margin-right:8px;
}
.personal-contact {
float:left;
width:146px;
}

.contact-intro {
margin-bottom:18px;
width:132px;
}

.contact-name {
font-weight:bold;
color:#ffffff;
}

.contact-email a {
color:#8D9DA6;
text-decoration:underline;
}

#skyron-map {
border:15px solid #131417;
float:left;
height:466px;
width:600px;
}

#portfolio-magic-stage{
	float:left;
	background-color:#131417;
	padding-right:15px;
	padding-left:15px;
	width:600px;
	padding-top:10px;
	padding-bottom:10px;
	background-image: url(http://skyron.co.uk/images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:15px 40px;
}

#portfolio-magic-title{
color:#8d9da6;
font-weight:normal;
font-size:12px;
margin-bottom:10px;
float:left;
width:400px;}

#portfolio-magic-image{
height:100px;
background-repeat:no-repeat;
padding-bottom:5px;
float:left;
width:600px;
}

#portfolio-options{
float:right;
width:200px;
color:#8d9da6;
font-weight:normal;
margin-bottom:10px;
font-size:11px;}


#portfolio-options ul{
float:right;}

#portfolio-options li{
float:left;
display:inline;}

#portfolio-options li a{
text-decoration:none;
color:#8D9DA6;}

#portfolio-options li a:hover{
text-decoration:none;}

/*
.slideshow{
background-position:right 4px;
background-repeat:no-repeat;
padding-left:6px;
width:111px;
text-align:right;
}
*/

.slideshow{
background-position:right 4px;
background-repeat:no-repeat;
text-align:right;
}

/*
.expand{
background-image:url(../images/expand_off.png);
background-position:right 4px;
background-repeat:no-repeat;
margin-right:0px;
padding-right:20px;
}
*/


#columns-container{
width:630px;
font-size:12px;
color:#8d9da6;}

#col-left{
float:left;
width:300px;
margin-right:30px;}

#col-right{
float:left;
width:300px;}

#columns-container h2{
color:#ff029a;
font-size:16px;
font-weight:normal;
margin-bottom:21px;}

#columns-container p{
margin-bottom:15px;}

/* projects */

.project{
padding-top:10px;
margin-bottom:25px;}

.project a{
background-color:#131417;
background-image:url(../images/sidelist-normal.png);
background-position:10px 209px;
background-repeat:no-repeat;
display:block;
height:238px;
text-decoration:none;
width:300px;
font-weight:bold;
}

.project a:hover{
	background-color:#390029;
	background-image: url(../images/sidelist-active.png);
	color:#FFFFFF;
}

.project_image{
padding-top:10px;
padding-left:10px;}

.project_copy{
padding-top:15px;
padding-left:20px;}
/* end of projects */

#people{
	width:630px;
	height:200px;
	background-image: url(../images/headers/people.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:10px;
}


.skyron-person-photo{
float:left;
background-color:#000066;
margin-right:10px;
margin-bottom:15px;}

.yannis{
	background-image: url(../images/yannis.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	width: 95px;
}

.rob{
	background-image: url(../images/rob.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	width: 95px;
}


.person-details{
float:left;
width:300px;}

#columns-container .person-details h2{
margin-bottom:0px;
}
#columns-container .person-details p{
font-size:16px;
font-weight:bold;
line-height:1;
margin-top:1px;
}


#list-container{
width:630px;
float:left;}

.what-row-main, .what-row-box-expanded{
	height:36px;
	color:#8d9da6;
	font-size:16px;
	font-weight:bold;
	text-indent:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #131417;
}

.what-title{
float:left;
margin-top:6px;
	background-image: url(../images/sidelist-normal.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;}

.what-option{
	float:right;
	margin-top:11px;
	margin-right:11px;
	background-image: url(../images/plus.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 11px;
	width: 11px;
}

.what-row-box{
background-color:#131417;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
display:none;
font-size:12px;
margin-bottom:0;
width:630px;
}

.what-row-box p{
margin-bottom:10px;
color:#8D9DA6;}

.what-row-box .padding-container{
padding-top:20px;
padding-left:25px;
padding-right:25px;
padding-bottom:10px;}

.hover{
background-color:#390029!important;
cursor:pointer;
color:#FFFFFF!important;
}

.hover2{
	background-color:#390029!important;
	cursor:pointer;
	color:#FFFFFF!important;
	background-image: url(../images/sidelist-active.png)!important;
}

.hover3 a{
color:#FFFFFF!important;
background-color:#ff029a!important;
height:23px;
padding-right:5px;
font-weight:bold;
}



#sidebar-portfolio-list #helper_portfolio{
	margin-top:-10px;
}

.portfolio-item{
	height:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #131417;
	background-image: url(../images/sidelist-normal.png);
	background-repeat: no-repeat;
	background-position: left 11px;
	text-indent:10px;
	color:#8d9da6;
}

.portfolio-item-title{
width:224px;

font-size:14px;
font-weight:bold;
padding-top:5px;
float:left;}

.portfolio-item-numbers{
float:right;
display:block;
width:76px;
height:30px;}

.port-item{
float:left;
text-indent:0px;
width:15px;
height:30px;}

.port-item a{
text-decoration:none;
padding-top:7px;
padding-left:4px;
color:#8d9da6;
float:left;}


.content_block{
font-size:12px;
margin-bottom:20px;
color:#8d9da6;}

.content_block h2{
font-size:16px;
margin-bottom:3px;
color:#FFFFFF;}

.content_block p{
margin-bottom:7px;}

#portfolio-header{
float:left;
width:600px;
clear:both;}

.main_name{
color:#FFFFFF!important;}

#form_login{
margin-top:10px;
width:300px;
float:left;}

#form_inputs_block{
float:left;
width:258px;}

#form_submit_block{
float:right;
width:35px;}

.lib_login_input_row{
margin-bottom:6px;
}

.lib_login_input_row input{
float:right;
margin-bottom:9px;
padding:2px;
width:150px;}

.lib_login_input_row label{
color:#8D9DA6;
float:left;
font-weight:bold;
margin-bottom:9px;
padding-top:5px;
width:90px;}

#submit_image{
width:35px;
height:57px;
display:block;
border:0px;
background-image:url(../images/submit.gif);
cursor:pointer;}



.pause_control a{
background-image:url(../images/slideshow_off.png);
background-repeat:no-repeat;
background-position:right 3px;
padding-right:16px;
}

.pause_control a:hover{
background-image:url(../images/slideshow.png);
}

.resume_control a{
background-image:url(../images/pause_off.png);
background-repeat:no-repeat;
background-position:right 3px;
padding-right:14px;}

.resume_control a:hover{
background-image:url(../images/pause.png);}

#client_login_image{
	background-image: url(../images/astrosurfer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 399px;
	width: 600px;
	border: 15px solid #131417;
}

#vat_info{
color:#8D9DA6;
line-height:1.4;
float:left;}

.contact_helper{
float:left;
margin-top:10px;}

#expand-link{
background-image:url(../images/expand_off.png);
margin-right:10px;
background-position:right 4px;
background-repeat:no-repeat;
float:left;
width:55px;}

#sitemap-list li{
margin-bottom:5px;
float:left;}

#sitemap-list  a{
text-decoration:none;}

#sitemap-list  a:hover{
text-decoration:underline;}

#sitemap-list .subitem{
font-size:15px;
margin-left:15px;}