/*  -----------------------------------------------------

    

	INFO

	

	Project:				CoeusDesigns

	Version:				1.1

	Last change:			12/10/08

	Author:					Alwin Red

	Author URL:				http://www.alwinred.com



	- - - - - - - - - - - - - - - - - - - - - - - - - - -



	COLORS

	

	link:					#999;

	text:					#666;

	background:				#f3f2e9;



	- - - - - - - - - - - - - - - - - - - - - - - - - - -

	

	TABLE OF CONTENTS

   

	=Reset CSS

	=Basic

	=Body

		=Container

			=Header

				=Navigation

			=Content

			=Footer

    

	----------------------------------------------------- */







/*  -----------------------------------------------------



	=Reset CSS

	

	- - - - - - - - - - - - - - - - - - - - - - - - - - - */



	html, body, div, span, applet, object, iframe,

	h1, h2, h3, h4, h5, h6, p, blockquote, pre,

	a, abbr, acronym, address, big, cite, code,

	del, dfn, em, font, img, ins, kbd, q, s, samp,

	small, strike, strong, sub, sup, tt, var,

	dl, dt, dd, ol, ul, li,

	fieldset, form, label, legend,

	table, caption, tbody, tfoot, thead, tr, th, td {

		margin: 0;

		padding: 0;

		border: 0;

		outline: 0;

		font-weight: inherit;

		font-style: inherit;

		font-size: 100%;

		font-family: inherit;

		vertical-align: baseline;

	}

	

	* {font-size:100.01%}



	/* remember to define focus styles! */

	:focus {

		outline: 0;

	}

	body {

		color: #fff;

		font: 12px/1.6em Georgia, "Times New Roman", Times, serif;



	}

	ol {

		list-style-position: inside;

	}

	ul {

		list-style: none;

	}

	/* tables still need 'cellspacing="0"' in the markup */

	table {

		border-collapse: separate;

		border-spacing: 0;

	}

	caption, th, td {

		text-align: left;

		font-weight: normal;

	}

	/*blockquote:before, blockquote:after,

	q:before, q:after {

		content: "";

	}

	blockquote, q {

		quotes: "" "";

	}*/





/*  -----------------------------------------------------



	=Basic

	

	- - - - - - - - - - - - - - - - - - - - - - - - - - - */



	a:link, a:visited {

		color: #999;

		text-decoration: none;

	}

	

	h1,

	h2,

	h3 {

		font-weight: bold;

	}

	

	h1 {

		font-size: 14px;

	}

	

	h3 {

		font-style: italic;

	}

	

	h4 {

		background-color: #fbfbf8;

		color: #10100f;

		font-size: 14px;

		padding: 0 0 4px 18px;

	}

	

	h5 {

		color: #aaa;

		font-size: 9px;

	}

	

	a:hover, a:active {

		text-decoration: underline;

	}

	

	ul li {

		background: url(../images/style-gray/bullet.gif) no-repeat left center;

		padding-left: 10px;

	}

	

	p,

	ul,

	ol,

	h1,

	h2,

	h3,

	hr,

	blockquote,

	table,

	#projects {

		margin-bottom: 1em;

	}

	

	em {

		font-style: italic;

	}

	

	strong,

	th,

	dt {

		font-weight: bold;

	}

	

	img {

		border: 3px solid #fff;

	}

	

		img:hover,

#projects img:hover {

			border-color: #999;

		}

	

	hr {

		background-color: #ccc;

		border: 0;

		color: #ccc;

		height: 1px;

	}

	

	th,

	td {

		line-height: 30px;

	}

	

	small {

		font-size: 10px;

		font-style: italic;

	}

	

	.width_280 {

		width: 280px;

	}

	

	.width_320 {

		width: 320px;

	}

	

	.width_590 {

		width: 590px;

	}

	

	.featured {

		width: 500px;

	}

	

	.headerb {

		border: 3px solid #323232;

	}

	

	blockquote {

		font-style: italic;

		background: url(../images/style-gray/quote.gif) no-repeat 0 4px;

		text-indent: 15px;

	}

	

	.main {

		text-align: justify;

	}

	

	.col {

		float: left;

		margin: 40px 30px 0 0;

	}

	

    .col2 {

		float: left;

		margin: 17px 30px 0 0;

	}

	

	#header .col2 {

		margin-right: 80px;

	}

	

	#container .last {

		margin-right: 0;

		display: inline;

	}

	

	#content .col {

		margin-bottom: 30px;

	}

	

	.box {

		background: #fbfbf8 url(../images/col-bg-280px-bottom.gif) no-repeat bottom center;

		padding: 10px;

		margin-bottom: 25px;

	}

	

	.width_590 .box {

		background-image: url(../images/col-bg-590px-bottom.gif);

	}

	

/*  -----------------------------------------------------



	=Body

	

	- - - - - - - - - - - - - - - - - - - - - - - - - - - */



	body {

		background: #e1e1e1 url(../images/background.jpg) repeat-x;

		color: #666;

		text-align: center;

	}





/*  -----------------------------------------------------



	=Container

	

	- - - - - - - - - - - - - - - - - - - - - - - - - - - */



	#container {

		margin: 0 auto;

		text-align: left;

		width: 900px;

	}





/*  -----------------------------------------------------



	=Header

	

	- - - - - - - - - - - - - - - - - - - - - - - - - - - */



	#header {

		color: #e6e6e6;

		height: 308px;

		position: relative;

	}

	

		#header .brand {

			border: 0;

			margin: 0 0 0px;

			padding-bottom: 0px;

		}

	

		#header #menu {

			bottom: 0;

			left: -10px;

			margin: 0;

			position: absolute;

		}

		

			#header #menu li {

				background: none;

				float: left;

				margin-left: 1px;

				padding: 0;

			}

			

				#header #menu li a {

					color: #fff;

					display: block;

					font-size: 14px;

					padding: 5px 10px 8px;

				}

				

					#header #menu a:hover {

						color: #999;

						text-decoration: none;

					}

					

					#header #menu .active a {

					background: url(../images/nav-bg.gif) repeat-x;

					border-top: 1px solid #fff;

					border-left: 1px solid #fff;

					border-right: 1px solid #fff;

					color: #000;

					}





/*  -----------------------------------------------------



	=Content

	

	- - - - - - - - - - - - - - - - - - - - - - - - - - - */

	

	#content {

	}

	

		.col.width_280 h4.news {

			background: #fff url(../images/col-bg-280px-top-news.gif);

		}

		

		.col.width_590 h4.news {

			background: #fff url(../images/col-bg-590px-top-news.gif)

		}

		

		.col.width_280 h4.services {

			background-image: url(../images/col-bg-280px-top-services.gif);

		}

		

		.col.width_590 h4.services {

			background-image: #fff url(../images/col-bg-590px-top-services.gif)

		}

		

		.col.width_280 h4.flicker {

			background-image: url(../images/col-bg-280px-top-flicker.gif);

		}

		

		.col.width_280 h4.testimonials {

			background-image: url(../images/col-bg-280px-top-testimonials.gif);

		}

		

		.col.width_280 h4.twitter {

			background-image: url(../images/col-bg-280px-top-twitter.gif);

		}

		

		.col.width_590 h4.about {

			background: #fff url(../images/col-bg-590px-top-about.gif)

		}

		

		.col.width_590 h4.hire {

			background: #fff url(../images/col-bg-590px-top-hire.gif)

		}

		

		.col.width_590 h4.portfolio {

			background: #fff url(../images/col-bg-590px-top-portfolio.gif)

		}



		.col.width_590 h4.services {

			background: #fff url(../images/col-bg-590px-top-services.gif)

		}



		.main .box h4,

		.main .box {

			background-color: #fff;

			overflow: hidden;

		}

		

		.services li {

			background-image: url(../images/style-gray/bullet.gif);

		}

		

		.flicker img {

			margin: 0 1px;

		}

		

		.twitter {

			position: relative;

		}

		

			.twitter .twitter-btn {

				background: url(../images/style-gray/followme.gif) no-repeat;

				bottom: -10px;

				color: #fff;

				display: block;

				line-height: 25px;

				padding: 0 20px;

				position: absolute;

				right: 10px;

			}

		

		#slider {

			width: 500px;

			margin: 0 auto;

			position: relative;

		}

		

		.scroll {

			height: 250px;

			width: 500px;

			overflow: hidden;

			position: relative;

			clear: left;

		}

		

		.scrollContainer div.panel {

			height: 250px;

			padding-top: 10px;

			width: 500px;

		}

		

			.panel p {

				background: url(../images/bullet-star.gif) no-repeat left center;

				padding-left: 10px;

			}

			

			div.panel span.pin {

				background: url(../images/style-gray/pin.gif) no-repeat;

				display: block;

				height: 28px;

				left: 50%;

				position: absolute;

				top: 2px;

				width: 21px;

			}

		

		.navigation {

			position: absolute;

			top: 218px;

			right: 20px;

		}

		

		.navigation li {

			background: none;

			display: inline;

			float: left;

			padding: 0;

		}

		

		.navigation a {

			background: url(../images/style-gray/b.gif) no-repeat;

			display: block;

			height: 6px;

			margin-right: 2px;

			text-indent: -9999px;

			width: 6px;

		}

		

		.navigation a:hover {

			background: url(../images/bullet-black.gif);

		}

		

		.navigation a.selected {

			background: url(../images/bullet-black.gif);

		}

		

		.navigation a:focus {

			outline: none;

		}

		

		.scrollButtons {

			border: 0;

			cursor: pointer;

			position: absolute;

			top: 215px;

			z-index: 100;

		}

		

		.scrollButtons.left {

			right: 10px;

		}

		

		.scrollButtons.right {

			right: 0px;

		}

		

		.hidden {

			visibility: hidden;

		}



		#content table,

		#content th {

			border-bottom: 3px solid #fcfcfa;

		}

		

		tr.odd {

			background-color: #f3f2e9;

		}

		

		#projects {

			overflow: hidden;

		}

		

			#projects img {

				border-color: #ddd;

			}

			

			.project-head {

				background: url(../images/bullet-toggle-plus.gif) no-repeat left center;

				border-bottom: 1px solid #eee;

				cursor: pointer;

				padding-left: 10px;

				right: 0;

				top: 165px;

			}

			

				.project-head.opened {

					background-image: url(../images/bullet-toggle-minus.gif);

				}

			

			.project-body {

				border-bottom: 1px solid #ccc;

				display:none;

				overflow: hidden;

			}

			

				.project-body ul {

					float: right;

					width: 150px;

				}

				

				.project-body p {

					float: left;

					width: 350px;

				}



			.project-body2 {

				border-bottom: 1px solid #ccc;

				display:none;

				overflow: hidden;

			}

				

				.project-body2 p {

					float: left;

					width: 570px;

				}				

				

		.contactForm {

			width: 500px;

		}

		

			label {

				float: left;

				width: 100px;

			}

			

			.contactForm small {

				display: block;

				padding-left: 100px;

			}

			

			input,

			textarea {

				background-color: #f9f9f9;

				border: 1px solid #e2e2e2;

				font-family: Georgia, "Times New Roman", Times, serif;

				font-style: italic;

				padding: 5px;

				width: 300px;

			}

			

			input:focus,

			textarea:focus {

				background-color: #ececec;

				border-color: #ddd;

			}

			

			.btn {

				background: url(../images/style-gray/button.gif) no-repeat;

				border: 0;

				color: #fff;

				font-style: normal;

				height: 25px;

				width: 77px;

			}

			

			.required {

				color: #999;

			}

			

			#message_ok {

				color: #999;

				display: none;

			}

			

			.news small {

				display: block;

			    padding: 0 0 10px 170px;

				margin-top:-15px;

			}



			.news2 small {

				display: block;

			    padding: 0 0 10px 0;

				margin-top:-15px;

				text-align:left;

				line-height:15px;

			}

		

/*  -----------------------------------------------------



	=Footer

	

	- - - - - - - - - - - - - - - - - - - - - - - - - - - */



	#footer {

		background: url(../images/footer-bg.gif) repeat-x;

		clear: both;

		overflow: hidden;

		padding: 10px;

	}

	

		#footer img {

			border: 0;

		}

				

		#footer p {

			color: #b6b6b6;

			font-size: 10px;

			font-style: italic;

		}

		

			#footer p.right {

				float: right;

			}

		

			#footer p img {

				vertical-align: middle;

			}
	
			#what {  
visibility:hidden;  
display:none;  
}