@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */



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

 

	COMMUNICATION AGENCY

 

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



	Description:Base cascading style sheet

	Nom:screen.css

	Version:1.0

	Date:

 

	This file is part of a site template for sale at ThemeForest.net.

	See: http://themeforest.net/user/simonbouchard/portfolio

	Copyright ©2009 Simon Bouchard <info@simonbouchard.com>

 

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



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

	IMPORT

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



@import url("orange.css"); /* You can choose between "blue, brown, green and orange" theme */



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

	STYLES FOR SCREEN / PROJECTION

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



@media screen, projection {



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

	RESET

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



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,

b, u, i, center,

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-size: 100%;

	vertical-align: baseline;

	background: transparent; }

	

body {

	line-height: 1; }

		

ul,

ol {

	list-style-type:none;

	margin:13px 0 13px 15px;

	padding:0; }



ul li,

ol li {

	line-height:1.7;

	margin:0 0 2px 0;

	padding:0; }

	

blockquote, q {

	quotes: none; }

	

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none; }



:focus {

	outline: 0; }



ins {

	text-decoration: none; }

	

del {

	text-decoration: line-through; }



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

table {

	border-collapse: collapse;

	border-spacing: 0; }



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

	BODY

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



html {

	font-size: 100%; }



body {
	font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	letter-spacing:-0.04em;
	color: #666;
	font-size:67%;
	line-height: 1.538em;
	background: #afb1b4 url("../../images/bg_body.jpg") no-repeat center top;
	text-align: center;
} 



 

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

	LINKS

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



a {

	margin: 0;

	outline: 0; }

 

a, a:visited, a:active {

	text-decoration: none; }

 

a:hover {

	color: #666;

	text-decoration: none; }

  

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

	TYPOGRAPHY

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



p {
	line-height: 1.7;
	font-size:1em;
	margin: 0 0 12px 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

 

h1 {

	font-weight: normal;

	margin: 15px 0 10px; }

 

h2 {

	font-weight: normal;

	margin: 15px 0 10px; }

 

h3 {

	font-weight:bold;

	font-size:1.1em;

	margin: 20px 0 0 0;}



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

	HACKS

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



.clear {

	clear: both;

	font-size: 0;

	height: 0;

	line-height: 0;

	position: relative; }

 

.clearandspace {

	clear: both;

	font-size: 0;

	height: 20px;

	line-height: 0;

	position: relative; }



.clearfix:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden; }



.clearfix { display:inline-block; }

	

/* Hide from IE Mac \*/

	.clearfix { display:block; }

/* End hide from IE Mac */

 

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

	GRID

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



.container {

	margin: 0 auto;

	padding:60px 0 0 0;

	width: 100%;

	background: transparent; }

 

.wrapper {

	margin: 0 auto;

	padding: 0;

	width: 998px; }

 

.header {

	position: relative;

	margin: 0;

	height:91px;

	width: 998px; }



.sub-header {

	margin: 0 0 10px 0;

	height:368px;

	width: 998px;

	background:transparent url("../../images/shadow.png") no-repeat bottom center; }



.content {

	padding:0 14px 40px 14px;

	width: 998px;

	background: url("../../images/bg_content.png") no-repeat bottom left; }



.content-text {

	margin:0 auto;

	padding:0;

	width:900px; }



.footer-text {

	margin: 10px 0 10px 0;

	padding:0;

	width: 998px;

	font-size:0.9em;

	text-align:center;

	background:none; }



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

	INTERFACE ELEMENTS

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



/* HEADER */

.header h1 {

	position:absolute;

	top:45px; /* adjust this position for your logo */

	left:45px;

	margin: 0;

	padding:0;

	width: 290px;

	height:41px;

	text-indent:-9999px;

	background:transparent url("../../images/logo.png") no-repeat 0 0; }



.header .nav {

	position:absolute;

	top:42px;

	right:40px;

	margin:0;

	padding:0; }



.header .nav li {

	float:left;

	width:auto;

	margin:0 15px;

	background:transparent; }



.header .nav li a {

	color:#fff !important;

	font-size:1.4em;

	text-transform:uppercase;

	background:transparent; }



.header .nav li a:hover, .header .nav li a.selected {

	background:transparent; }



/* FRONTPAGE */ 

#front-left, #front-mid, #front-right {

	float:left;

	width:30%;

	padding:10px 20px 0 0;

	margin:0;

	background:transparent url("../../images/col_sep.gif") no-repeat top right; }



#front-mid h2 a, #front-right h2 a {

	font-size:1.9em;

	font-weight:bold;

	margin:0;

	color:#404040 !important; }



#front-left p, #front-mid p, #front-right p {

	padding:0 20px 0 0;}



#front-mid {

	padding:10px 20px 0 20px;  }



#front-right {

	padding:10px 0 0 20px;

	background:none;  }



/* COL-LEFT */

#col-left {

	float:left;

	width:250px;

	margin:45px 0 0 0;

	padding:40px 0 0 0;

	background:transparent url("../../images/col_sep.gif") no-repeat top right; }



#col-left h1 {

	font-size:1.4em;

	font-weight:bold;

	margin:0;

	text-transform:uppercase;

	padding:5px 0 5px 13px;

	border-left:6px solid #ccc; }



#col-left ul {

	padding:0;

	margin:20px 0 0 0; }



#col-left ul li {

	padding:0;

	margin:5px 0 0 22px;

	color:#b4b4b4; }



#col-left ul li a {

	padding:0;

	margin:0;

	font-size:1.4em;

	color:#b4b4b4 !important; }



#col-left ul li a:hover, #col-left ul li a.selected {

	color:#404040 !important;}

			

/* COL RIGHT */ 	

#col-right {

	float:left;

	width:630px;

	margin:0;

	padding:40px 40px 0 50px; }



#col-right h1 {

	font-size:2.4em;

	letter-spacing:-2px;

	text-transform:uppercase;

	margin:30px 0 0 0; }



#col-right h2 {

	font-size:5.5em;

	color:#b4b4b4;

	font-weight:bold;

	letter-spacing:-4px;

	text-transform:uppercase;

	margin:-5px 0 20px 0; }



#col-right .span-1 {

	float:left;

	margin:0px 30px 0 0;

	width:45%;  }



#col-right .span-2 {

	float:left;

	padding:20px 0 20px 60px;

	margin:20px 0 0 0;

	width:40%;

	background:transparent url("../../images/col_sep_quote.gif") no-repeat top left;  }



#col-right .span-2 p {

	font-size:1.6em;

	text-align:justify;

	line-height:1.4em;

	color:#b2b1b1;

	padding:3px 0 3px 0 }



#col-right .span-2 span {

	padding: 0 0 5px 0;

	text-transform:uppercase; }



#col-right .span-3 {

	float:left;

	margin:0px 30px 0 0;

	width:40%;  }



/* TEAM MEMBERS */

.team-block {

	width:100%;

	float:left;

	margin:30px 0 0 0; }



.team-block .box-left {

	width:150px;

	padding:0;

	float:left; }



.team-block .box-left img {

	border: 3px solid #f1f1f1; }



.team-block .box-right {

	margin:0 0 0 150px; 

	padding:0; }



.team-block .box-right h3 {

	font-weight:bold;

	margin:0; }



.team-block .box-right blockquote { 

	margin:0 0 20px; 

	padding:0 0 2px 40px;  

	font-style:italic; 

	background:url(../../images/quote.png) no-repeat 0 0; }

	

.team-block .box-right blockquote p { 

	margin-bottom:10px; 

	text-align:left; }



/* SHOWCASE */

.showcase {

    float: left;

	width: 175px;

	margin: 15px 35px 10px 0; }

		

.showcase h3 {

	font-weight: normal;

	font-size:1.2em;

	margin-top: 8px; }

	

.showcase h4 {

	font-size: 10px;

	font-weight: normal;

	margin: 1px 0 0 2px; }



/* INPUT FIELD CSS Copy this to your style sheet

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

#contactform {

	width:500px;

	-moz-border-radius:5px;

	margin-left:auto;

	margin-right:auto;

	margin-top:10px;

}

#contactform form {

	font:normal 11px/18px Verdana,Tahoma;

	margin:0 0;

	padding:10px 0;

	width:100%;

}

#contactform fieldset {

	padding:10px 0;

	margin:0 0 15px 0;

	background:#fff;

	border:1px solid #ddd;

	-moz-border-radius:5px

}

* html #contactform fieldset {

	position:relative;

	margin:10px 0 30px 0;

	padding:20px 0;

}

* html #contactform legend {

	position:absolute;

	top:-1.2em;

	left:0;

}

#contactform fieldset legend {

	font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma;

	padding:3px 25px;

	margin-left:30px;

	text-transform:uppercase;

	border:0px solid #ddd;

}

#contactform fieldset legend span {

	font:normal 10px/18px Arial,Verdana,Tahoma;

	text-transform:uppercase;

	display:block;

}

#contactform form label {

	display:block;

	float:left;

	width:150px;

	padding:6px 10px 0 0;

	margin:0px;

	text-align:right;

}

#contactform input.inpt, #contactform textarea, #contactform select {

	width:260px;

	font:normal 11px/18px Verdana,Tahoma;

	padding:5px;

	margin:5px 0 5px 0;

	background:#f5f5f5;

	border:1px solid #ddd;

}



#contactform form .required {

}



form br {

	clear:left;

}



#contactform input.required {

	background:#f5f5f5 url('images/required.gif') 98% 50% no-repeat;

}

#contactform input.required {

	background:#f5f5f5 url('images/required.gif') 98% 50% no-repeat;

}



#contactform .select select:focus {

	border-color: #9b9b9b;

}

#contactform form input.btn

	{

		background:none;

		border:none;

	}



form.c1 input:hover,textarea:hover

	{

		border:1px solid #d8d8d8;

	}



/* Error / Success / Notice 

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



.notes		{ background:#f0f0f0; border:1px solid #b8b8b8; }

.success	{ background:#ccfcd1; border:1px solid #60a400; }

.error		{ background:#f9e3e3; border:1px solid #e79e9e; }

.notice		{ background:#fcf0cc; border:1px solid #ecc735; }



.notes,.notice,.success,.error

			{

				font-size:100%;

				color:#000;

				padding:10px;

				width:90%;

				margin: 0 auto;

				margin-bottom:20px;

				text-align:left

			}



.notes span,.notice span,.success span,.error span 

			{

				font-weight:bold;

				font-size:1.2em;

				padding:2px 40px;

			}



.notes p,.success p,.error p,.notice p

			{

				margin:0px;

				padding:0px;





.notification_ok

	{

	border: 1px #567397 solid;

	height: auto;

	width: 90%;

	padding: 8px;

	background: #f5f9fd;

	text-align: center;

	-moz-border-radius: 5px;

	}



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

	CLOSING STYLES FOR SCREEN / PROJECTION

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



}