/*
 * Generic Styles
 */

.float-left { float:left; }
.float-right { float:right; }
.strong { font-weight:bold; font-size:1.1em; }
.clearfix { clear:both; }
.small { font-size:0.7em; line-height:0.4em;}
.testimonials { font-size:0.9em; font-style:italic; }
.linkage { font-weight:bold; }
.tweet { float:left; padding:8px; margin:0px 20px; background:#333333; color:#ffffff;width:924px;}
iframe.bg-twitter { width:924px; }


.typewrite { 
	padding:100px 0px 10px 20px;
	font-size:0.9em;
	font-family:Courier New, Courier, monospace;
}

body {
	font-family:Courier New, Courier, monospace;
	font-size:1em;
	color:#000;
	background:url(../images/whitebrick.jpg) repeat;
}

#container{
	width:980px;
	margin:0 auto;
	position:relative;
} 

/* Link Styles */

a:link,
a:visited,
a:hover,
a:active { color:#ff0066; text-decoration:none; }

a:hover { text-decoration:underline; }

.bck-content {
	padding:0px 20px 0px 0px;
	margin:0px;
	background: #FFF;
}

.blog-corners {
	background: transparent url(../images/crn-rounded-top.png) no-repeat;
	height: 25px;
	margin-top:20px;
	overflow: hidden;
}

.blog-corners.bottom {
	background: transparent url(../images/crn-rounded-bottom.png) no-repeat;
	height: 25px;
	margin:0px 0px 20px 0px;
}


/********************
 * NAVIGATION STYLES
 ********************/

ul#navigation {
	float:right;
	font-family: arial, helvetica, impact, verdana, sans-serif;
	font-family:Courier New, Courier, monospace;
	font-weight:bold;
	font-size:1.2em;
	padding:20px 0px 20px 0px;
}

ul#navigation li {
	display:inline;
	list-style:none;
	margin-left:30px;
}

ul#navigation li a:link, 
ul#navigation li a:visited, 
ul#navigation li a:hover, 
ul#navigation li a:active {
	text-decoration:none;
	color:#000000;
}

ul#navigation li a:hover,
ul#navigation li a.active {
	color:#ff0066;
}

/* Main Page Layout Styles */

#main-banner {
	width:980px; /* This is for cross slide */
	height:250px;
}

#content {
	float:left;
	width:98%;
	margin:10px 20px 10px 20px;
}

#content p {
	line-height:1.4em;
	margin-top:1px;
	padding-bottom:13px;
}

#content ul {
	float:left;
	margin:10px 0px 30px 0px;
}

#content ul li {
	line-height:1.3em;
	float:left;
}

/*************************
 *  PAGE SPECIFIC 
 *  *********************/

/* Home Page */

.logo { float:right; padding:0px 0px 0px 0px; }
div.quote { padding:0px 0px 20px 0px; text-indent:-99999px; width:940px; height:148px; background: transparent url(../images/quote.png) no-repeat; }


/* About Page */

.founder-img { float:right; padding:0px 0px 10px 20px;}
.title { color:#ff0099; }

/* Services Page */

div.sticker { position:absolute; top:250px; left:-150px; }

#content div.row,
#content div.row.last, 
#content div.row.about {
	float:left;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
	padding-bottom:0px;
}

#content div.row.about { padding-bottom:0px; }
#content div.row.about.last { margin-top:20px; }
#content div.row.last { border-bottom:0px; }

#content h4 {
	font-size:1.2em;
	padding:8px;
	margin:10px 0px 20px 0px;
	background:#333333;
	color:#ffffff;
}

#content h3 {
	font-size:1.2em;
	margin:0px 0px 0px 0px;
	font-weight:normal;
	color:#ffffff;
}

#content div.row.web h4 { width:45px; }
#content div.row.mobile h4 { width:75px; }
#content div.row.platform h4 { width:98px; }
#content div.row.print h4 { width:55px; }
#content h4.saying { width:310px; }
#content h4.founders { width:100px; }
#content h4.recent-projects { width:180px; }
#content h4.personal { width:342px; }
#content div.row.consultancy h4 { width:550px; }  

/* Work Page */

div.col { float:left; width:245px; margin-right:100px; }
div.col.last { margin-right:0px; }

/**********
 * FOOTER
 **********/
 
#footer {
	font-size:0.8em;
	color:#666;
	clear:both;
	height:10px;
    padding:15px 0px 0px 20px;
	background: transparent url(../images/bck-footer.png) no-repeat;
}