/*******************************************************
TITLE: ryanmcleod.co.uk
DATE: 01/03/10
AUTHOR: Ryan McLeod
*******************************************************/

body {
padding:0;
height:100%;
background-color:#ffffff;
color:#000000;  
text-align:center;
font-family:Arial, sans-serif;
font-size:16px;
}

a {
color:#333;
text-decoration:none;
}



a:hover {
color: #4ca5fc;
text-decoration:none;
}

ul {
margin:0 0 0 20px;
list-style-type:disc;
}

li {
margin:4px 0 5px 10px;
}

p{
	line-height: 1.4em;
	margin-left: 0px;
	color: gray;
	font-size: 0.95em;
	width: 85%;
}

h3{
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom:18px;
	font-size: 2em;
	letter-spacing: -0.08em;
}

blockquote p {
margin:.2em;
}

#container { 	
margin:0 auto;
padding:0;
width:900px;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
}



#header {
background-image: url(images/logo.jpg);
background-repeat: no-repeat;
background-position: bottom left;
margin-top:0px;
padding:0;
height:196px;
}


#header h1 {
margin:0;
padding:0px 0 020px;
font-size:1.8em;
letter-spacing:.1em;
font-weight:lighter;
}

#header h2 {
margin:0;
padding:0 0 0 20px;
font-size:.9em;
font-weight:lighter;
letter-spacing:.1em;
color:#eeeeee;
}

#sub_header_image{
	height: 226px;
	background-image: url(images/home_text.gif);
	background-repeat: no-repeat;

}

#sub_header_image_countdown{
	height: 226px;
	background-image: url(images/countdown.gif);
	background-repeat: no-repeat;

}

#sub_header_image_folio{
	height: 328px;
	background-image: url(images/folio_text.gif);
	background-repeat: no-repeat;

}

#sub_header_image404{
	height: 200px;
}


#sub_header_image404 h2{

margin-bottom:30px;
text-align: left;
padding-top: 150px;
padding-left: 40px;
color: white;
position: relative;
font-size:2em;
letter-spacing:-0.08em;
}

#sub_header_image404 h2 a{
	color: #99C6E3;
}

#sub_header_image404{
	height: 500px;
	width: 900px;
	position: relative;
	left: 7px;
	background-image: url(images/404.gif);
	background-repeat: no-repeat;
}

#sub_header_image_sent{
	height: 400px;
	width: 900px;
	position: relative;
	background-image: url(images/woohoo.gif);
	background-repeat: no-repeat;
}




#about{
	padding-top: 45px;
	height: 140px;
}


#about p{
	padding: 0;
	margin: 0;
	border: 0;
}


#leftColumn h2 a{
color: white;
padding: 0;
margin: 0;
}

#leftColumn h2 a:hover{
color: #F9EEAB;
}

#leftColumn.folio{
border-bottom: 362px black solid;
}

#download{
	color: #333;
	margin-top: 0px;
	width: 245px;
	height: 140px;
	padding-top: 100px;
}

#download p a{
color: #ED3324;
}

#twitter_feed {
	background-image: url(images/twitter_small.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	width: 245px;
	height: 80px;
	position: relative;
	padding-top: 100px;
}

#twitter_feed h2 a{
padding: 0;
margin: 0;
border: 0;
}

.tweet {
width: 250px;
color: #D12B27;
font-size: 1.1em;
}

.tweet a{
	color: #F9AF50 ;
}

ul.tweet_list{
	padding: 0;
	margin: 0;
	border: 0;
	width: 280px;
}

li.tweet_first.tweet_odd {
	padding-top: 15px;
	
	left: 0;
	margin: 0;
	border-left: 0;
	position: relative;
	left:-27px;
	
}

#leftColumn {
float:right;
margin:0;
padding:0;
width:280px;
font-size:.9em;
background-color: black;
padding-bottom: 150px;
}

#leftColumn p {
padding:16px 0px 0px 28px;
}


#leftColumn h2 {
position: relative;
top: -5px;
margin:0;
padding:0px 0 0 28px;
font-size:1.5em;
letter-spacing: -.1em;
}

#leftColumn ul {
margin:0 0 0 0;
list-style:none;
}

#leftColumn li {
margin:0px 0 5px 55px;
}

#leftColumn li a {
text-decoration:none;
}

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



#left_column{
	width: 415px;
	float: left;
}

#middle_column{
	width: 205px;
	float: left;
}

.blue {
	color: gray;
}

.folio a{
	text-decoration: none;
	color: white;
	font-size:38px;
	margin:30px 0 10px 0;
	font-weight:bold;
	line-height:32px;
	letter-spacing:-0.08em;
}

.folio a:hover{
	color: #BBE0CB;
}


#menu_web ul li a.menu_selected{
	color: #168C9E;
}
 #menu_products ul li a.menu_selected{
	color: #75BF43;
}
 #menu_branding ul li a.menu_selected{
color: #1BB7CA;
}

 #menu_masters ul li a.menu_selected{
color: #5FA043;
}

 #menu_masters ul li a:hover{
color: #5FA043;
}

#menu_web ul li a:hover {
	color: #168C9E;
}
 #menu_products ul li a:hover {
	color: #75BF43;
}
 #menu_branding ul li a:hover {
color: #1BB7CA;
}

#menu_right{
	position: relative;
	top: -230px;
	margin-top: 0px;
	padding-left: 0px;
	margin-bottom: 550px;
	
}

#menu_web {
	margin-bottom: 980px;
	padding-left: 0px;
}

#menu_masters {
	margin-bottom: 980px;
	padding-left: 0px;
}

#menu_branding{
	margin-bottom: 30px;
	padding-left: 0px;
}


#menu_products{
	margin-bottom: 770px;
	padding-left: 0px;
}

#menu_others{
	margin-top: 400px;
}
#centerColumn { 
width: 620px;
margin:0 0 0 0px;
padding:0;
background-color:#ffffff;
margin-bottom: 50px;
}



#centerColumn p {
padding:0px 0px 30px 0px;
}

#centerColumn h2 {
margin-bottom:30px;
text-align: left;
padding-left: 0px;
position: relative;
left: -10px;
font-size:4em;
letter-spacing:-0.08em;
}


#centerColumn h1 {
margin-bottom: 10px;
font-size:32px;
font-weight:500;
line-height:120%;
letter-spacing:-2px;
color:#777;
}
*{
     margin: 0;
}
 html, body {
     height: 100%;
}
.wrapper {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -10em;
}
.footer, .push {
    height: 10em;
}

.footer{
	position:relative;
	bottom:0;
	padding:0;
	height:380px;
	text-align:center;
	font-size:.6em;
	background-color:#000;
}

#branding{
	margin-top: 0px;
}

#navigation {
	float: right;
   width: 313px;
   margin-top: 149px;
   padding: 0px 0px 0px 0px;
   height: 47px;
   overflow: hidden;
}

#navigation ul {
   padding: 0 0 0 0px;
   margin: 0;
   list-style: none;
}

#navigation li {
   display: inline;
}

#navigation a {
   float: right;
   display: block;
   height: 47px;
   text-decoration: none;
   margin: 0 0px 0 0;
   background-image: url(images/menu.jpg);
   padding: 47px 0 0 0;
   overflow: hidden;
   width: 93px;
}

#navigation li#home a{ width: 93px; background-position: 0px 0px; }

#navigation li#blog a{ width: 93px; background-position: -93px 0px; }

#navigation li#folio a{ width: 93px; background-position: -186px 0px; }


#navigation li#home a:hover{ width: 93px; background-position: 0px -47px; }

#navigation li#blog a:hover{ width: 93px; background-position: -93px -47px; }

#navigation li#folio a:hover{ width: 93px; background-position: -186px -47px; }


#navigation li#home_selected a{ width: 93px; background-position: 0px -47px; }

#navigation li#blog_selected a{ width: 93px; background-position: -93px -47px; }

#navigation li#folio_selected a{ width: 93px; background-position: -186px -47px; }

#footer_container{
	margin: 0 auto;
	width: 900px;
}
#contact_left{
	float: left;
	padding: 20px 0px 0px 0px;
	width: 620px;
	color: gray;
	font-size: 1.6em;
}

#contact_left p{
	width: 350px;
	text-align: left;
}

#contact_left img{
	float: left;
}

#contact_left ul{
	width: 620px;
	float: left;
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0;
	border: 0;
}

#contact_left li{
	position: relative;
	left: -10px;
	color: white;
	width: 320px;
	height: 40px;

}

#contact_left ul li a{
	position: relative;
	top: 10px;
	margin-left: 20px;
	text-decoration: none;
	color: #D12B27;
}

#contact_left ul li a.dark-red{
color: #A93024;
}

#contact_left ul li a.mid-red{
color: #D12B27;
}

#contact_left ul li a.light-red{
color: #ED3324;
}

#contact_left ul li a.cream{
color: #F9EEAB;
}

#contact_left ul li a.orange{
color: #F9AF50;
}



#contact_left ul li a.grey{
color: #40403B;
}

#contact_left ul li a.khaki{
color: #5F6757;
}

#contact_left ul li a.lighter-green{
	color: #889C6D;
}

#contact_left ul li a.lime{
color: #B6D33E;
}

#contact_left ul li a.yellow{
color: #F0E931;
}

#contact_left ul li a:hover{
	color: white;

}


#contact_left_folio{
	float: left;
	padding: 20px 0px 0px 0px;
	width: 620px;
	color: gray;
	font-size: 1.6em;
}

#contact_left_folio p{
	width: 350px;
	text-align: left;
}

#contact_left_folio img{
	float: left;
}

#contact_left_folio ul{
	width: 620px;
	float: left;
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0;
	border: 0;
}

#contact_left_folio li{
	position: relative;
	left: -10px;
	color: white;
	width: 320px;
	height: 40px;

}

#contact_left_folio ul li a{
	position: relative;
	top: 10px;
	margin-left: 20px;
	text-decoration: none;
	color: #4ca5fc;
}

#contact_left_folio ul li a:hover{
	color: white;

}

#contact_left h1{
	padding-bottom: 20px;
	margin: 0;
	padding-left: 0;
	color: White;
	text-decoration: none;
	color: white;
	font-size:38px;
	font-weight:bold;
	letter-spacing:-0.08em;
	text-align: left;
}

#wrapper_contact {
	border-left:1px dotted #444;	
	float:right;
	width:279px;
	margin-top: 0px;
	position: relative;
	top: -120px;
}


form {
	margin-top: 40px;
	margin-left: 10px;
	padding:0;
	width:50%;
	float:left;
}

fieldset {
	margin:0;
	padding-left: 18px;
	border:none;
}


form div {
	padding:0.5em 0;
}

label {
	width: 150px;
	margin-bottom: 4px;
	font-size: 1.5em;
	float:left;
	text-align:left;
	color: gray;
}

input, textarea {
	width:225px;
	height: 18px; 
	border:1px solid #333;
	padding:3px;
	background:#111;
	color:white;
} 

textarea {
	overflow:auto;
	font-family: Arial,sans-serif;
	height: 100px; 
	border:1px solid #333;
	padding:3px;
}
.button_home input {
	border:none;
	font-size: 1.5em;
	color:#D12B27;
	background-color: #111;
	border:1px solid #333;
	cursor:pointer;
	margin: 0;
	padding:0;
	width: 60px;
	height:30px;
	float: right;
}

.button_folio input {
	border:none;
	font-size: 1.5em;
	color: #5FA043;
	background-color: #111;
	border:1px solid #333;
	cursor:pointer;
	margin: 0;
	padding:0;
	width: 60px;
	height:30px;
	float: right;
}

.button_home input:hover, .button_folio, .button input {
color: white;
}


.hoverfocus { 
	border:1px solid #389FC1;
}

.bot_pad {
	margin-bottom: 430px;
	font-size: 1.3em;
	width: 590px;
	letter-spacing: -0.06em;
}

#masters{
	margin-bottom: 670px;
}

#web_flash{
margin-bottom: 400px;

}

.foot_note {
	padding-top: 170px;
	font-size: 0.7em;
}

#countdown{
	padding-top: 10px;
	height: 120px;
	width: 250px;
}

#countdown h2{
color: white;
margin:0;
padding:40px 0 0 28px;
font-size:1.6em;
letter-spacing: -.1em;
}

#source {
	padding-left: 28px;
	padding-top: 0px;
}

#countdown_timer {
}

#centerColumn_cd {
	width: 900px;
	background-image: url(images/cd_bkgrnd.gif);
	background-repeat: repeat-y;
}

#flashcontent {
	color: red;
}

#flashcontent-2 {
	color: red;
	padding-bottom: 230px;
}

#flashcontent-3 {
	color: red;
}

#flashcontent-4 {
	width: 270px;
}

#ifelse{
	width: 900px;
	height: 200px;
	background-color: green;
	position: relative;
	top: 200px;
}

#sucess_text {
margin:0;
padding:0 0 0 0px;
font-size: 2em;
font-weight:lighter;
color:#fff;
margin-top: 0px;
padding: 200px 0px 0px 20px;
letter-spacing: -0.07em;
}

#PictoBrowser {
	position: relative;
	top: 10px;
}

.deep-red{
	color: #A93024;
}
.mid-red{
	color: #D12B27;
}
.light-red{
	color: #ED3324;
}
.orange{
	color: #F9AF50 ;
}
.cream{
	color: #F9EEAB;
}



 #contact_left ul li a.light-blue{
color: #1BB7CA;
}

#contact_left ul li a.mid-blue{
color: #168C9E;
}

#contact_left ul li a.very-light-blue{
	color: #BBE0CB;
}

#contact_left ul li a.green{
color: #5FA043;
}

#contact_left ul li a.light-green{
color: #75BF43;
}
 
 
 
 
.grey{
	color: #40403B;
} 

.khaki {
	color: #5F6757;
} 
.lighter-green {
	color: #889C6D;
} 
.lime {
	color: #B6D33E;
} 
 
.yellow{
color: #F0E931;	
}

#centerColumn h2{
	font-weight: bold;
	letter-spacing: -0.12em;
}

#sub_header_image_sent a{
color: #F7EB17;
font-weight: bold;
font-size: 0.9em;
}