/*  
Theme Name: FiveMobile
Theme URI: http://fivemobile.com
Description: FiveMobile by <a href="http://www.madokahayashi.com/" title="Madoka Hayashi">Madoka Hayashi</a>.
Version: 1.0
Author: Madoka Hayashi
Author URI: http://www.madokahayashi.com
*/
/*

	fivemobile1.0 by Madoka Hayashi
	http://www.madokahayashi.com

*/

*
{
	padding: 0;
	margin: 0;
}

body
{
	background: #c7dde4 url(images/bg.png) repeat-x;
	font-size: 12px;
	font-size:small;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 20px;
}

a
{
	color: #999999;
	text-decoration: none;
	border-bottom:#999999 1px dotted;
}

a:hover
{
	border-bottom:#f7941d 1px solid;
}
p
{
	margin-bottom: 14px;
}
ul, ol 
{
	margin:1em;
	padding:0;
}
li 
{
	margin:0 1em;
	padding:0;
}
blockquote 
{
    margin:10px 20px;
    padding-left:10px;
    border-left:#ccc 2px solid;
}
fieldset 
{
	border:none;
}
img.left
{
	float: left;
	margin: 0 14px 3px 0;
}
img.right
{
	float: right;
	margin: 0 14px 3px 0;
}

#outer
{
	position: relative;
	width: 955px;
	margin: 0 auto;
	background: #fff url(images/content-bg-bottom.png) repeat-x 0 100%;
	border-top:1px solid #dcddde;
}

#header
{
	position: relative;
	width: 955px;
	height: 85px;
	margin: 0 auto;
}

a.header-link
{
	display:block;
	position:absolute;
	top:14px;
	left:0px;
	width:187px;
	height:52px;
	border:none;
	cursor:pointer;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
}

.nav-link
{
	position:absolute;
	top:0px;
	height:83px;
}
.nav-link a
{
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	border:none;
	background-position: 0 0;	
	background-repeat: no-repeat;
}
.nav-link a:hover
{
	background-position: 0 -83px;	
}
.nav-link-welcome
{
	left:321px;
	width:98px;
}
.nav-link-welcome a
{
	background-image: url(images/nav-welcome.png);	
}
.nav-link-services
{
	left:419px;
	width:96px;
}
.nav-link-services a
{
	background-image: url(images/nav-services.png);
}
.nav-link-portfolio
{
	left:515px;
	width:96px;
}
.nav-link-portfolio a
{
	background-image: url(images/nav-portfolio.png);
}
.nav-link-process
{
	left:611px;
	width:94px;
}
.nav-link-process a
{
	background-image: url(images/nav-process.png);
}
.nav-link-people
{
	left:705px;
	width:85px;
}
.nav-link-people a
{
	background-image: url(images/nav-people.png);
}
.nav-link-blog
{
	left:790px;
	width:75px;
}
.nav-link-blog a
{
	background-image: url(images/nav-blog.png);
}
.nav-link-contact
{
	left:865px;
	width:90px;
}
.nav-link-contact a
{
	background-image: url(images/nav-contact.png);
}

#shadow-left
{
	position:absolute;
	top:115px;
	left:-16px;
	width:16px;
	height:505px;
	background-image: url(images/shadow-left.png);
}
#shadow-right
{
	position:absolute;
	top:115px;
	right:-13px;
	width:13px;
	height:505px;
	background-image: url(images/shadow-right.png);
}

#splash-landing-bb
{
	width:955px;
	height:400px;
	background:#fff url(images/head_landing_BB.jpg) no-repeat;
}

#splash-landing-all
{
	width:955px;
	height:400px;
	background:#fff url(images/head_landing_all.jpg) no-repeat;
}

#splash-landing-iphone
{
	width:955px;
	height:400px;
	background:#fff url(images/head_landing_iphone.jpg) no-repeat;
}

#splash-home
{
	width:955px;
	height:400px;
	background:#fff url(images/head_home.jpg) no-repeat;
}
#splash-services
{
	width:955px;
	height:400px;
	background:#fff url(images/head_services.jpg) no-repeat;
}
#splash-portfolio
{
	width:955px;
	height:400px;
	background:#fff url(images/head_portfolio.jpg) no-repeat;
}
#splash-process
{
	width:955px;
	height:400px;
	background:#fff url(images/head_process.jpg) no-repeat;
}
#splash-people
{
	width:955px;
	height:400px;
	background:#fff url(images/head_people.jpg) no-repeat;
}
#splash-contact
{
	width:955px;
	height:400px;
	background:#fff url(images/head_contact.jpg) no-repeat;
}

.splash-landing-head
{
	position:absolute;
	left:50px;
	top:60px;
	width:450px;
	height:85px;
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:32px;
	line-height:32px;
	font-weight:bold;
}

.splash-landing-text
{
	position:absolute;
	left:630px;
	top:107px;
	width:250px;
	height:250px;
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	line-height:44px;
}

.splash-text
{
	position:absolute;
	left:320px;
	top:130px;
	width:575px;
	height:85px;
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	line-height:30px;
}

#home-bg
{
	position:relative;
	width:955px;
	height:238px;
	background:#fff url(images/home-bg.jpg) no-repeat;
}

h3.orange-arrow
{
	float:left;
	height:28px;
	padding-right:22px;
	background:#fff url(images/orange-arrow.png) no-repeat;
	background-position: 100% 3px;
}

#search
{
	color: #BDBDA2;
	font-size: 12px;
	font-family:Tahoma, Georgia, Arial, Verdana, Serif;
	text-transform:none;
	float:right;
	margin:-50px 0 0 0;
}

.section-column
{
	float:left;
	width:188px;
}
.section-column-inner
{
	padding:12px 10px 12px 12px;
}
.column-divider
{
	float:left;
	width:1px;
	height:170px;
	background:#fff url(images/column-divider.png) no-repeat;
}

.porfolio-top-link-background
{
	background-image:url(images/portfolio-sections-back.png);
	padding-bottom:8px;
	padding-left:12px;
	padding-right:12px;
	padding-top:8px;
	font-size:1.4em;
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	text-align:center
}

.portfolio-top-link
{
	color:#FFF;
	text-decoration:none;
	border:none;

}
.portfolio-section-link
{
	color:#F7941D;
	text-decoration:none;
	border:none;
	cursor:none;

}
.portfolio-section-link:hover
{
	text-decoration:none;
	border:none;
}
.portfolio-image
{
	float:left;
	position:relative;
	width:140px;
	height:95px;
}
.portfolio-image div
{
	position:absolute;
	top:30px;
	left:0px;
	padding:2px;
	border:1px solid #d3d3d3;
}
.portfolio-image div span
{
	display:block;
	width:126px;
	height:95px;
	background-image:url(images/portfolio-sample.png);
}

.portfolio-image-media-1 div span
{
	background-image:url(images/portfolio-media01.jpg);
}

.portfolio-image-media-2 div span
{
	background-image:url(images/portfolio-media02.jpg);
}

.portfolio-image-media-3 div span
{
	background-image:url(images/portfolio-media03.jpg);
}

.portfolio-image-media-4 div span
{
	background-image:url(images/portfolio-media04.jpg);
}

.portfolio-image-media-5 div span
{
	background-image:url(images/portfolio-media05.jpg);
}

.portfolio-image-media-6 div span
{
	background-image:url(images/portfolio-media06.jpg);
}

.portfolio-image-media-7 div span
{
	background-image:url(images/portfolio-media07.jpg);
}

.portfolio-image-media-8 div span
{
	background-image:url(images/portfolio-media08.html);
}

.portfolio-image-consumer-1 div span
{
	background-image:url(images/portfolio-consumer01.jpg);
}

.portfolio-image-consumer-2 div span
{
	background-image:url(images/portfolio-consumer02.jpg);
}

.portfolio-image-consumer-3 div span
{
	background-image:url(images/portfolio-consumer03.jpg);
}

.portfolio-image-consumer-4 div span
{
	background-image:url(images/portfolio-consumer04.jpg);
}

.portfolio-image-consumer-5 div span
{
	background-image:url(images/portfolio-consumer05.jpg);
}

.portfolio-image-consumer-6 div span
{
	background-image:url(images/portfolio-consumer06.jpg);
}

.portfolio-image-consumer-7 div span
{
	background-image:url(images/portfolio-consumer07.html);
}

.portfolio-image-consumer-8 div span
{
	background-image:url(images/portfolio-consumer08.html);
}

.portfolio-image-enterprise-1 div span
{
	background-image:url(images/portfolio-enterprise01.jpg);
}

.portfolio-image-enterprise-2 div span
{
	background-image:url(images/portfolio-enterprise02.jpg);
}

.portfolio-image-enterprise-3 div span
{
	background-image:url(images/portfolio-enterprise03.jpg);
}

.portfolio-image-enterprise-4 div span
{
	background-image:url(images/portfolio-enterprise04.jpg);
}

.portfolio-image-enterprise-5 div span
{
	background-image:url(images/portfolio-enterprise05.jpg);
}

.portfolio-image-enterprise-6 div span
{
	background-image:url(images/portfolio-enterprise06.jpg);
}

.portfolio-image-enterprise-7 div span
{
	background-image:url(images/portfolio-enterprise07.html);
}

.portfolio-image-enterprise-8 div span
{
	background-image:url(images/portfolio-enterprise08.html);
}

.portfolio-image-commerce-1 div span
{
	background-image:url(images/portfolio-commerce01.jpg);
}

.portfolio-image-commerce-2 div span
{
	background-image:url(images/portfolio-commerce02.jpg);
}

.portfolio-image-commerce-3 div span
{
	background-image:url(images/portfolio-commerce03.jpg);
}

.portfolio-image-commerce-4 div span
{
	background-image:url(images/portfolio-commerce04.jpg);
}

.portfolio-image-commerce-5 div span
{
	background-image:url(images/portfolio-commerce05.jpg);
}

.portfolio-image-commerce-6 div span
{
	background-image:url(images/portfolio-commerce06.jpg);
}

.portfolio-image-commerce-7 div span
{
	background-image:url(images/portfolio-commerce07.html);
}

.portfolio-image-commerce-8 div span
{
	background-image:url(images/portfolio-commerce08.html);
}

.portfolio-image-carriers-1 div span
{
	background-image:url(images/portfolio-carriers01.jpg);
}

.portfolio-image-carriers-2 div span
{
	background-image:url(images/portfolio-carriers02.jpg);
}

.portfolio-image-carriers-3 div span
{
	background-image:url(images/portfolio-carriers03.jpg);
}

.portfolio-image-carriers-4 div span
{
	background-image:url(images/portfolio-carriers04.jpg);
}

.portfolio-image-carriers-5 div span
{
	background-image:url(images/portfolio-carriers05.jpg);
}

.portfolio-image-carriers-6 div span
{
	background-image:url(images/portfolio-carriers06.jpg);
}

.portfolio-image-carriers-7 div span
{
	background-image:url(images/portfolio-carriers07.html);
}

.portfolio-image-carriers-8 div span
{
	background-image:url(images/portfolio-carriers08.html);
}

.portfolio-image-partners-1 div span
{
	background-image:url(images/portfolio-partners01.jpg);
}

.portfolio-image-partners-2 div span
{
	background-image:url(images/portfolio-partners02.jpg);
}

.portfolio-image-partners-3 div span
{
	background-image:url(images/portfolio-partners03.jpg);
}

.portfolio-image-partners-4 div span
{
	background-image:url(images/portfolio-partners04.jpg);
}

.portfolio-image-partners-5 div span
{
	background-image:url(images/portfolio-partners05.jpg);
}

.portfolio-image-partners-6 div span
{
	background-image:url(images/portfolio-partners06.jpg);
}

.portfolio-image-partners-7 div span
{
	background-image:url(images/portfolio-partners07.html);
}

.portfolio-image-partners-8 div span
{
	background-image:url(images/portfolio-partners08.html);
}



.portfolio-description
{
	float:left;
	position:relative;
	width:300px;
	padding-top:26px;
}

/* Sample portfolio image; replace URL with real image, and add CSS class to <span> element */
.portfolio-image-sample-1 div span
{
	background-image:url(images/portfolio-sample-1.html);
}

.people-image
{
	float:left;
	position:relative;
	width:320px;
	height:180px;
}
.people-image div
{
	position:absolute;
	top:40px;
	left:135px;
	padding:2px;
	border:1px solid #d3d3d3;
}
.people-image div span
{
	display:block;
	width:124px;
	height:124px;
	background-image:url(images/people-sample.png);
}
.people-image-jeff div span
{
	background-image:url(images/people-jeff.png);
}
.people-image-ameet div span
{
	background-image:url(images/people-ameet.png);
}
.people-image-oliver div span
{
	background-image:url(images/people-oliver.png);
}
.people-image-troy div span
{
	background-image:url(images/people-troy.png);
}
.people-image-dan div span
{
	background-image:url(images/people-dan.png);
}

.people-description
{
	float:left;
	position:relative;
	width:540px;
	padding-top:36px;
}

#content
{
	position: relative;
	background-image: url(images/blog-top-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#content-blog
{
	width: 580px;
	float: left;
	margin-left: 20px;
	margin-top: 60px;
}
.content-right
{
	position:absolute;
	right:0;
	top:0;
	width:35px;
	height:290px;
	background:url(images/sidebar_right.jpg);
}
#content h3,#content h2
{
	position: relative;
	top: 4px;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
}
#content h2.pagetitle 
{
	text-align:center;
	margin:0 0 2em 0;
	font-size:1.5em;
}

#content h3 a:link, #content h3 a:visited 
{
	border-bottom:none;
	color:#000;
}
#content h3 a:hover,#content h3 a:active 
{
	border-bottom:#000 1px solid;	
}
#content ul 
{
	margin:0 0 0 1em;
    padding:0 0 0 1em;
	font-size:12px;
}
#content ul li
{
	margin:0;
}
#content ol 
{
    list-style-type:decimal;
    margin:1em;
    padding:0 1em;
}
#content .entry
{
	margin-bottom: 20px;

}
#content .post-outer
{
	background-image: url(images/sidebar.html);
	background-repeat: no-repeat;
	background-position: left top;
}
#content .post
{
	padding:20px 20px 20px 70px;
}
#content .post .header 
{
	position: relative;
	padding-bottom: 20px;
}
#content .post .date
{
	float:right;
	color:#666;
	width:25%;
	padding-top:10px;
}
#content .post .date em 
{
	font-style:normal;
	color:#666;
}
#content .post .date em.user 
{
	background:url(images/user.png) no-repeat left top;
	padding-left:15px;
}
#content .post .date em.postdate 
{
	background:url(images/date.gif) no-repeat left top;
	padding-left:17px;
}
#content .post .entry
{
	margin-bottom: 0;
}

#content ul.asides
{
	background: url(images/a32.gif) repeat-x top;
	list-style:none;
	margin:2em 0;
	padding:0;
}
#content ul.asides li
{
	list-style:none;
	padding:0.5em 0;	
}

#content .post .footer
{


}
#content .post .footer ul
{
	list-style: none;
	text-align:right;
	padding:20px 0;	
}

#content .post .footer ul li
{
	display: inline;
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding:3px 0 3px 15px;
}

#content .post .footer ul li.comments
{
	background-image: url(images/a36.gif);
}

#content .post .footer ul li.readmore
{
	background-image: url(images/a38.gif);
}
#content .post h4 
{
	font-size:1em;
	font-weight:normal;
	font-family:Verdana, Tahoma, Arial, Serif;
}
#content .post h4 em
{
	font-style:normal;
	float:right;
	font-weight:normal;
}
#sidebar
{
	float: right;
	position: relative;
	width: 240px;
	margin-top:80px;
	padding-right: 40px;
	padding-left: 45px;
}

#sidebar h2
{
	position: relative;
	font-size: 12px;
	color: #f7941d;
	text-transform:uppercase;
	font-family:Arial, Georgia, Tahoma, Verdana, Serif;
	font-weight: normal;
	padding-top: 8px;
}
#sidebar li ul li h2
{
	background: url(images/a22.gif) bottom repeat-x;
	padding:0 0 5px 0 ;
	margin-bottom: 10px;
}
img.profile
{
	position: relative;
	top: -2px;
	background: url(images/a26.gif) no-repeat;
	width: 146px;
	height: 75px;
	padding: 7px;
}
#sidebar ul 
{
	list-style:none;	
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
#sidebar ul li 
{
	list-style:none;
	padding: 3px 0;
	margin:0;
}
#sidebar ul ul 
{
	padding: 0;
	margin: 0;
	border: none;
}
#sidebar ul ul li
{
	background: url('images/bullet.gif') 0 01.22em no-repeat;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 1.16667em;
}
#sidebar ul ul ul li 
{
	list-style-image:url(images/arrow.gif);
	padding: 3px 0;	
	margin:0;
}
#sidebar a:link,#sidebar a:visited 
{
	border-bottom:none;
}
#sidebar a:hover, #sidebar a:active
{
	border-bottom:1px solid;
}
#sidebar ul.feeds li 
{
	background:url(images/feed.gif) no-repeat left;
	padding:2px 17px;	
	margin:0;
}
/*comments and their styles*/
#comments, #respond{
	margin: 2em 0 0 5px;
}
#commentform 
{
	margin:10px;
	padding:10px;
}
#outer .commentlist {
	margin: 0;
	padding: 0;
}
.commentlist li 
{
	list-style:none;
	margin: 1em 0;
	padding: 0.5em;			
}
.commentlist li p 
{
    margin:0 1em;
}
.commentlist li .cmtinfo 
{
	font-size:1em;	
	background: url(images/a32.gif) repeat-x top;
	padding:5px;
	margin-bottom: 10px;
	position:relative;
	border:#eee 1px solid;
}
.commentlist li .cmtinfo em 
{
	margin:0;
	padding:0 1em;
	text-align:right;
	font-style:normal;			
	color:#999;	
}
.commentlist li.alt .cmtinfo 
{
	font-size:1em;	
	background: url(images/a34.gif) repeat-x top;
	padding:5px;
	margin-bottom: 10px;
	position:relative;
	border:#ddd 1px solid;
}
#outer .trackback 
{
	background:url(images/links.gif) no-repeat left;
	padding:2px 20px;
}
#outer .commentsrss 
{
	background:url(images/feed.gif) no-repeat left;
	padding:2px 17px;
}
.commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}
input.text, textarea, select 
{
	padding:2px;
	background:#F9F9F7;
	font:1em verdana, arial, serif;
	border: 1px solid #ccc;	
}
textarea {
	width: 90%;
	height: 20em;	
}
#outer input.text:focus, textarea:focus
{
	background:#fff;
	border:#999 1px solid;
}

#footer
{
	position: relative;
	width:955px;
	height:45px;
	margin:0 auto;
	background:#c7dde4 url(images/footer-bg.png) no-repeat;
}

#footer p
{
	text-align:center;
	font-size:9px;
	color:#222;
	padding-top:10px;
}

#footer a:link,#footer a:visited
{
	color: #6C6C63;
	text-decoration:none;	
	border:none;
}
#footer a:hover,#footer a:active
{
	color: #acacac;
	text-decoration:underline;	
	border:none;
}
/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 0 auto;
	width: 155px;	
	border:#ccc 1px solid;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	font-weight:bold;	
	margin:0;
	padding:3px 0;
	}
#wp-calendar thead 
{
	margin:0;
	padding:0;	
}
#wp-calendar td {
	padding: 3px 0;
	text-align: center;	
	background:url(images/a32.gif) repeat top;
	}
#wp-calendar th 
{
	padding: 3px 0;
	text-align: center;	
	background:url(images/a34.gif) repeat top;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

#searchsubmit 
{
	border:#fff 1px solid;
	font-size:0.9em;
	background:url(images/a18.gif) repeat-x top;
}


#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}