/* Basic */
body
{
	background: url('images/bg.jpg') repeat-x; 
	font-size: 16px;
	letter-spacing: 1.5px;
}
*
{
	margin: 0em;
	padding: 0em;
}
p
{
	margin: 0em;
	padding-bottom: 15px;
}

#contact-social-facebook
{
	padding-left: 50px;
	padding-top: 10px;
			font-size: 16px;
		font-family: Helvetica, Arial,"Luxi Sans", sans-serif;
		text-transform: uppercase;
	background: url('images/facebook-contact.jpg') no-repeat;
	height: 45px;
	}
	
#contact-social-twitter
{
	padding-left: 50px;
	padding-top: 10px;
			font-size: 16px;
		font-family: Helvetica, Arial,"Luxi Sans", sans-serif;
		text-transform: uppercase;
	background: url('images/twitter-contact.jpg') no-repeat;
	height: 45px;
	}
#menu
{
float: left;
width: 100%;
height: 40px;
background: url('images/menu.jpg');
}
#outer
{
	background-color: #000;
	height: 123px;
width: 920px;
margin: auto;	
}

/* Header */




#header
{
float: left;
width: 528px;
margin-left: -60px;
height: 123px;
}


/* Content*/
.containter
{
width: 920px;
margin: auto;
padding: 5px;
clear: both
}
.left
{
float: left;
width: 528px;
margin: 0;



}

.right{
margin-left: 550px;
padding-top: 50px;
}


pre {
		background: url('images/span-portfolio.jpg') repeat-x;
		padding: 5px;
		margin-top: 0px;
		margin-bottom: 15px;
		width: 430px;
		height: 35px;
		font-size: 16px;
		font-weight: bold;
		font-family: Helvetica, Arial,"Luxi Sans", sans-serif;
		text-transform: uppercase;

}
#latest-tweet
{
margin-left: 10px;
margin-right: 20px;
padding: 15px;
background-color: #e3e3e3;
}
#left-portfolio
{
float: left;
width: 450px;
margin: 0;
clear:both;
}
#right-portfolio{
margin-left: 470px;
padding-top: 110px;
}
#left-contact
{
float: left;
width: 528px;
margin: 0;
padding-top: 10px;
}
#right-contact{
margin-left: 545px;
padding-top: 0px;
}
#right-contact a {
 color: #0680ef;
}
#right-cv{
margin-left: 545px;
padding-top: 0px;
}

#slidergrey
{
background-color: #e4e4e4;
padding: 8px;
width: 360px;
height:227px;
}
#sliderwhite
{
background-color: #fff;
padding: 2px;
width: 358px;
height:225px;
}

/* Services */
#left-services
{
float: left;
width: 300px;
margin: 0;
margin-bottom: 20px;
}

#right-services
{
margin-left: 310px;
}
.ul-services
{
	line-height: 30px;
}
 .ul-services li
{
	margin-left: 30px;
  padding-left: 20px;
  }
li {
  background: url("images/bullet.jpg") no-repeat;
  list-style-type: none;

}
ul.ul-services li a
{
    text-decoration: none;
}


#we-love-design
{
	margin-top: 50px;
	background: url('images/footer.jpg');
	height: 50px;
	padding: 0;
	text-align: right;
		clear: both;

}
#footer
{
	margin-bottom: 20px;
	height: 50px;
	clear: both;
}

#left-footer
{
float: left;
width: 300px;
margin: 0;
padding: 10px;

}

#right-footer
{
margin-left: 600px;
padding: 10px;
}


/* Navigation*/

ul#navigation {
	padding: 0;
	margin: 0;
	float: left;
	
}
#current a
{
    color: #fff;
	background: #000;
	text-transform: uppercase;
}
ul#navigation li 
{ 
	display: inline; 
}
ul#navigation li a 
{
    padding: .25em 1em;
    color: #fff;
    text-decoration: none;
    float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
	  font-weight: bold;
}
a:link, a:visited 
{ 
	color: #000; 
    text-decoration: none;	
}
ul#navigation li a:hover 
{
	color: #fff;
	background: url('images/currentpage.jpg');
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;

}





#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}



input
{
	padding: 5px;
}
textarea
{
	padding: 5px;

}

img
{
	border: 0px;
}

label 
{
			font-weight: bold;
}


	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width: 358px;
        height: 225px;
		overflow:hidden; 
		}
		
		#slider-outer #slider_pagination {
	background-color:#000;
	position:absolute;
	right:-2px;
	bottom:-23px;
	padding-left:10px;
	padding-right:10px;
}

#slider #slider_pagination {
	background-color:#000;
	position:absolute;
	right:2px;
	bottom:2px;
	padding-left:10px;
	padding-right:10px;
}

#slider_pagination a {
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	padding:5px;
}

#slider_pagination a._current-slide { color:#FC0; }




.floatright (
	float: right;
)

.portfolio-description (
 padding: 5px;
 font-weight: bold;
)






div.displaycolour {
    width: 155px;
	height: 75px;
    display: inline;
    float:left;
    text-align: center;
    margin: 6px;
	padding: 4px;
	border: 1px solid #fff;
}

#displaycolourview {
    width: 215px;
	height: 85px;
    display: inline;
    float:left;
	text-align: center;
    margin: 6px;
	padding: 4px;
	border: 1px solid #fff;
}