/* CSS Document */

body {
	font-family:arial; 
	font-size:10pt;
	background:#efefef url(../images/design/back.png) repeat-y center top;
	margin:0;
}

* {
	margin:0;
	padding:0;
}

/* float and clear ********/

.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html .clearfix {
	height:5px;
}

.clearfix {
	display:block;
}



#container {
	width:940px;
	margin-left:auto;
	margin-right:auto
}

#header {
	height:95px;
	margin:0 20px;
	padding-top:15px;
	background: url(../images/design/headerBack.png) repeat-x; 
}

#header h1 {
	background: url(../images/design/logo.png) no-repeat top right;
	text-indent:-1999px;
	width: 322px;
	height: 52px;
}

#header #logo a {
	width: 315px;
	height: 52px;
}

#header h2 {
	background: url(../images/design/8a.png) no-repeat;
	width: 218px;
	height: 52px;
	text-indent:-1999px;
	float:right;
}

#billboard {
	background: url(../images/content/main.png) no-repeat;
	width: 940px;
	height: 319px;
}

#billboard img {
	width: 940px;
	height: 319px;
	border: none;
}

#general {
	background: url(../images/content/general.png) no-repeat;
	width: 940px;
	height: 115px;
}

#creative {
	background: url(../images/content/creative.png) no-repeat;
	width: 940px;
	height: 115px;
}

#events {
	background: url(../images/content/events.png) no-repeat;
	width: 940px;
	height: 115px;
}

#it {
	background: url(../images/content/it.png) no-repeat;
	width: 940px;
	height: 115px;
}

#main {
	background:#fff;
	margin:0 20px;
	height:1%;
}

#left {
	float:left;
	margin:30px 30px 40px 50px;
	width:510px;
}

#left h1 {
	font-family:Palatino Linotype, Book Antiqua;
	font-size:18pt;
	line-height:19pt;
	margin:0 0 10px 0;
	color:#036;
	font-weight:300;
}

#left h2 {
	font-size:14pt;
	line-height:16pt;
	margin:0 0 2px 0;
	color:#036;
	font-weight:300;
}

#left h3 {
	font-size:12pt;
	line-height:15pt;
	margin:0 0 2px 0;
	color:#3b2c06;
	font-weight:500;
}

#left h4 {
	font-size:10pt;
	line-height:12pt;
	color:#000;
	font-weight:bold;
}

#left a, #news a, #news-small a, #right a {
	color:#036;
	text-decoration:underline;
}

#left a:hover, #news a:hover, #news-small a:hover {
	color:#3b2c06;
	text-decoration:none;
}
	
#left p {
	margin:0 0 15px 0px;
	line-height:16pt;
	overflow:display;
}

#left ul {
	margin:0 80px 15px 15px;
}

#left ul ul {
	margin:5px 80px 5px 15px;
}

#left li {
	margin:0 0px 5px 5px;
}

#left #featureColumn {
	float:left;
	margin:0 30px 0 0;
	width:45%;
}

#left #featureColumn2 {
	float:left;
	margin:0 0 10px 0;
	width:45%;
}

#left #featureColumn ul, 
#left #featureColumn li,
#left #featureColumn2 ul, 
#left #featureColumn2 li{
	margin-right:0;
}

#left #featureColumn2 li{
	margin-left:20px;
}

#left #contacts ul {
	height:117px;
	width:117px;
	float:left;
	margin:10px 0 0 0;
	padding:15px;
	list-style-type:none;
	line-height:normal;
	font-size:9pt;
	color:#3b2c06;
	background: url(../images/design/contactBack.png) no-repeat top left;
	overflow:hidden;
}

#left img {
	float:right;
	margin:0 0 15px 15px;
	border:1px solid #3b2c06;
}

#left img.portfolio {
	float:none;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border:none;
	border-bottom:1px solid #ccc;
}

#contacts ul li {
	margin:0;
}

.dropcap {
	float:left; 
	margin:0px 0px 1px 0; 
	font-family:Palatino Linotype, Book Antiqua; 
	font-size:40pt; 
	line-height:30pt;
	overflow:display;
}

.green {
	color:#660;
}

.brown {
	color:#3b2c06;
	}

.orange {
 	color:#960;
}

.blue {
 	color:#036;
}

#right {
	float:right;
	margin-top:30px;
	padding-top:40px;
	background:#efefef url(../images/design/rightTop.png) no-repeat top left;
	width:300px;
	height:100%;
}

#right table {
	font-size:.9em;
}

#right img {
	display:block;
	margin:0 0 15px 40px;
	border:1px solid #3b2c06;
}

#right table h2 {
	font-size:12pt;
	line-height:14pt;
	margin:0 0 2px 0;
	color:#3b2c06;
}

#right h2 {
	font-family:Palatino Linotype, Book Antiqua, serif;
	font-size:14pt;
	line-height:14pt;
	margin:0 0 2px 40px;
	color:#3b2c06;
}

#right p {
	margin:0px 0 20px 40px;
	line-height:16pt;
}

#right p.quote {
	margin:0px 0 20px 40px;
	font-family:Palatino Linotype, Book Antiqua, serif;
	font-size:12pt;
	font-style:italic;
	line-height:18pt;
}

#right ul.codes {
	margin:0 0 20px 40px;
}

#right ul.codes li {
	list-style-type:none;
	margin-bottom:5px;
	font-size:9pt;
}

.indent {
	margin-left:50px;
}

#right ul.quote {
	margin:0 0 20px 40px;
}

#right ul.quote li {
	list-style-type:none;
	font-size:9pt;
	color:#036;
}

#right ul.quote li.author {
	font-weight:bold;
	color:#3b2c06;
}

#right ul.services {
	margin:10px 0 20px 40px;
	font-size:12pt;
	font-weight:300;
	color:#000;
}

#right ul.services a {
	color:#036;
}

#right ul.services a:hover {
	text-decoration:none;
}

#right ul.services li {
	list-style-type:none;
	margin:0 0 10px 0;
}

#right #bottom {
	background:#fff url(../images/design/rightBottom.png) no-repeat top left;
	height:60px
}

#news {
	height:200px;
}

#news h2 {
	background: url(../images/design/news.png) no-repeat; 
	width:180px;
	height:200px;
	text-indent:-1999px;
	float:left;
}

#news-small {
	height:66px;
	background:#efefef url(../images/design/newsback-horiz.png) repeat-x;
	margin-right:20px;
}

#news-small h3 {
	font-family:Palatino Linotype, Book Antiqua;
	font-size:13pt;
	font-weight:100;
	color:#3b2c06;
	background: url(../images/design/side.png) no-repeat; 
	height:64px;
	padding:25px 0 0 200px;
}

#news ul {
	height:200px;
	margin:0 20px 0 180px;
	background:#efefef url(../images/design/newsback-horiz.png) repeat-x top left;
}

#news li {
	height:180px;
	width:170px;
	float:left;
	margin:10px 0 0 30px;
	padding:15px;
	list-style-type:none;
	line-height:normal;
	font-size:9pt;
	color:#3b2c06;
	background: url(../images/design/newsBack.png) no-repeat top left;
	overflow:hidden;
}

span.title {
	font-size:1.1em;
	color:#036;
	text-transform:uppercase;
}

#footer {
	font-size:.8em;
	text-align:center;
	background:#fff;
	margin:0 20px;
	padding:30px 20px 20px 20px;
	display:block;
}

#footer h2 {
	font-size:1.2em;
	margin:10px 0 0 0;
	color:#036;
}

#footer a {
	color:#3b2c06;
	text-decoration:none;
}

#footer a:hover {
	color:#036;
	text-decoration:underline;
}

#divider {
	width:940px;
	height:4px;
}

.offsite {
background:transparent url(/images/design/external.png) no-repeat scroll right center;
padding-right:13px;
}