@charset "utf-8";

/*
==============================================
* Filename: styles.css
* Version: 1.0.0 (2008-05-06) YYYY-MM-DD
* Website: http://www.creativenetwork.com/
* Author: Dimith de Alwis / Umut Ahmet
* Description: Main site styles.

============================================== 
== STRUCTURE: ================================
* Page width: 800 px
* Number of columns: 1

==============================================
== INDEX: ====================================
_colours
_defaults
_globals

_frame : Site Frame
_container : Inner Wrapper
_header : Site Header
_nav : Site Navbar
_content : Site Content
_footer : Site Footer

==============================================
== _colours: =================================

* Off Black - #231F20
* Red - #AF2227
* Blue - #3695D9
* Silver - #DADADA
* Grey - #999999


============================================== 
== _defaults: ==============================*/

html { 
    margin: 0; 
    padding: 0;
    }
    body {
        /*font: font-style (italic/normal) font-variant (small-caps) font-weight font-size/line-height font-family; */
		color: #231F20;
        font: normal 12px/1.7 "Trebuchet MS", Verdana, Tahoma, sans-serif;
        margin: 0; 
        padding: 0; 
        text-align: center; 
        background: white; 
        }
        h1, h2, h3, h4 {
			color: #3695D9; 
            margin: 0; 
            padding: 0; 
        }
		ul {
			list-style-image: url(../images/bullet.gif);
		}
		h1 { font: normal 30px/1.7 "Trebuchet MS", Verdana, Tahoma, sans-serif; } 
		h2 { font: normal 20px/1.7 "Trebuchet MS", Verdana, Tahoma, sans-serif; } 
		h3 { font: normal 14px/1.7 "Trebuchet MS", Verdana, Tahoma, sans-serif; } 
		h4 { font: normal 12px/1.7 "Trebuchet MS", Verdana, Tahoma, sans-serif; }
				
		a {
			color: #AF2227;
			text-decoration: none;
			}
			a:hover {
				color: #3695D9;
				text-decoration: underline;
			}

		input {
			font: normal 11px "lucida grande",tahoma,verdana,arial,sans-serif; 
			}
			input.text {
				margin-bottom: .5em;
				width: 150px;
				color: #666666;
			}
			input.s_btn {
				height: 26px;
				background: url(../images/s-btn.gif);
			}
		select { 
			font: normal 11px/1.7 "lucida grande",tahoma,verdana,arial,sans-serif;  
			padding:2px; 
		}
		table {
			width: 98%;
			margin: 0 auto; 
			}
			table th { 
				border-bottom: 1px solid #DADADA; 
				background: #F0F0F0; 
			}

/*
============================================
== _globals: ===============================
*/

.inner { 
    padding: 10px;
}
.clear { 
    display: block; 
    clear: both;
}
.box { 
    padding: 5px; 
    border: 1px solid #DADADA; 
}
.wrap {
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.sml { 
    font-size: 11px;
}
.bt { 
    padding-top: .5em; 
	margin-top: .5em; 
	border-top: 1px solid #DADADA; 
}  
.colomn { 
    float: left; 
    margin-right: 1em; 
}
.list li {
	list-style: url(../images/blt.gif);		
}
.t_large {
	font-size: large;
}
.t_medium {
	font-size: 14px;
}
.border-b {
	border-bottom: 1px solid #DADADA;
}

/*
==========================================
== _frame: ===============================
*/

#frame {
	}
	.bb-home1 {
		background: url(../images/back-banner-home1.jpg) repeat-x 0 150px;
	}
	.bb-home2 {
		background: url(../images/back-banner-home2.jpg) repeat-x 0 150px;
	}
	.bb-ethos {
		background: url(../images/back-banner-ethos.jpg) repeat-x 0 150px;
	}
	.bb-people {
		background: url(../images/back-banner-people.jpg) repeat-x 0 150px;
	}
	.bb-activity {
		background: url(../images/back-banner-activity.jpg) repeat-x 0 150px;
	}
	.bb-contact {
		background: url(../images/back-banner-contact.jpg) repeat-x 0 150px;
	}

/*
==========================================
== _container: =============================
*/

#container {
    text-align: left;
    width: 800px;
    margin: 20px auto;
	}

/*
==========================================
== _header: ==============================
*/

#header {
    height: 80px;
	margin-bottom: 20px; 
    }
    #header a {
        color: #231F20;
        text-decoration: none;
    }
	#logo-link {
		width: 300px;
		float: left;
	}		
	#navbar {
		float: right;
		text-align: right;
		margin-top: 55px;
		}
		#navbar ul {
			padding: 0;
			margin: 0;
			}
			#navbar li {	
				display: inline;
				font: normal 13px/1.7 "Trebuchet MS", Verdana, Tahoma, sans-serif; 
			}
			#navbar li a {
				padding: 0 10px;
				text-decoration: none;
			}
			#navbar li a:hover {
				color: #3695D9;
				text-decoration: underline;
			}
			#navbar li a.p_view {
				color: #AF2227;
			}

/*
==========================================
== _content: =============================
*/

#content {
	margin-bottom: 40px;
    }
	#alpha {
		margin-bottom: 20px;
	}
	#beta {
		padding: 0 10px;	
		}
		#b-1 {
			width: 460px;
			float: left;
			padding-right: 10px;
		}
		#b-2 {
			padding: 18px 0 0 20px;
			float: right;
			width: 280px;
			/*font: normal 12px/1.7 "Trebuchet MS", Verdana, Tahoma, sans-serif;*/
			background: url(../images/idea.gif) no-repeat top left;
		}
/*
==========================================
== _footer: ==============================
*/

#footer {
	/*font: normal 12px/1.7 "Trebuchet MS", Verdana, Tahoma, sans-serif;*/
    clear: both;
    border-top: 1px solid #dadada;
    padding: 10px 0 0 0;
    }
	#footer p {
		color: #666;
		margin: 0;
	}
	#footer ul {
		padding: 0;
		margin: 0;
		}
		#footer li {
			display: inline;
		}
		#foot-left {
			float: left;
			width: auto;
			display: inline;
		}
		#foot-right {
			width: auto;
			float: right;
		}

/*
==========================================
== generic: ==============================
*/

.hidden { display: none;  }