/* [html] */

body, h1, h2, h3, h4, h5, h6, p, div, form, fieldset, dl, dt, dd, ul, li, ol, img, table {
	margin:0;
	padding:0;
	border:0;
}
body {
	font:70%/170% Verdana, Arial, Helvetica, sans-serif;
  font-family: georgia, "times new roman", times, serif;
  font-size: 62.5%;	 /* 10px */
  line-height: 1.5em; /* 15px */


	background:#1e2327;
	
	background-color: #f0ebe3;
	background-color: #D3CFC3;
	
	color:#808080;
	text-align:center;
	/*border-top:7px solid #202529; */

font:77% arial, sans-serif; color:#000
}
p, h2, h3, h4 {
	margin:9px 0;
}
h1 {
}
h2 {
/*	font:195%/150% Helvetica, Verdana, Arial, Helvetica, sans-serif; */
	font-weight:normal;
	margin:15px 0 9px;
	color: #333;

	font-family: georgia; font-size: 30px; color: black;


}


.sectionHeader { font-family: georgia; font-size: 30px; color: black; }
.subHeader, .subHeader a { font-family: georgia; font-size: 13px; color: black; font-weight: bold; }
.groupHeader { font-family: georgia; font-size: 17px; color: black; }
.groupHeader a { color: black; }
.byline, .tags { /*font-family: helvetica, arial; */font-size: 10px;  color: #333; 
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	font-style: italic;
        color: #424242;

	 letter-spacing: 1px; background: url('/_common/img/icn/mouse.gif') no-repeat; margin-bottom: 20px; padding-left: 12px;}
.byline a { color: #e00; text-decoration: none;}
.tags { background: url('/_common/img/icn/tag.gif') no-repeat; margin-left: 25px; padding-left: 15px; }

h3 {
	font: 165%/120% Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-family: georgia;
	font-weight:normal;
	margin:20px 0 0px;
	color: #333;
	clear:both;
}
h4 {
	font-size:110%;
	font-weight:normal;
}

a {
	color:#c00;
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:none;
}

acronym {
	border:0;
	cursor:help;
	border-bottom:1px dotted #888d91;
}

/* [shared] */

#holder {
	background:#fff;
	background-color: #f0ebe3;
	background-color: #D3CFC3;
}
#container {
	width:910px;
	margin:0 auto;
	
	text-align:left;
	background:#fff;
	background-color: #D3CFC3;
	background-color: #E9E7E1;
	
	padding-left: 70px;
	padding-right: 70px;
}

em { font-style: normal; color: #ed5f21; color: #a21540; color: #bf3f75; color:#fa8700; padding: 0 3px;}

.content { float: left; width: 625px; margin-right: 25px; border: 0px solid red; margin-bottom: 20px;}
.contentright { float: right; width: 260px;  border: 0px solid green;}
.contentfull { float: left; width: 910px; border: 0px solid red;}

.text { clear:both; font:normal 120%/155% georgia,arial,sans-serif;
    word-spacing: 0.15em;
    color: #111;
	
	}
.text a { color:#c00; text-decoration: none; font-weight:normal; }
.text a:hover { color:#c00; text-decoration: underline; }

.imagesmall { padding: 10px 10px; border: 1px solid #ccc; background: #f0f0f0;}


.text img { float: left; padding: 5px 5px; margin: 0 15px 10px 0;}



/*.caption {font-family:georgia, serif; display:inline; color:#333;} */
.photoBkt .imgcont {float:left; margin:0 10px 10px 0;}
.caption {font-family:georgia, serif; margin:2px 0 1px 0; color:#333;}
.credit, .photoBkt .enlarge {font-size:0.85em; margin:0 0 8px 0; color:#999;}
.vertPhoto .caption {font-family:georgia, serif; color:#333; margin-top:5px;}
.vertPhoto .credit, .vertPhoto .enlarge {font-size:0.85em; color:#999; margin-top:5px;}


.content ul, .content ol, .contentfull ul, .contentfull ol { margin-left: 20px; font:normal 120%/155% georgia,arial,sans-serif;
    word-spacing: 0.15em; color: #222;}


	div.box, table.listing {
		margin: 0;
		padding: 0;
		outline:1px solid #aaa;
		border:2px solid #f3f3f3;
	/*	background-color:#f0f1f2; */
		margin:10px 0 0px 0;
		padding:10px;

		/* outline radius */
		outline-radius:4px;
		-moz-outline-radius:4px;
		-webkit-outline-radius:4px;	
	}
	/*{{{ code */

	pre, code, .code {
		font-family:'andale mono','bitstream vera sans mono','lucida console','courier new';
		font-size:10px;
		line-height:15px;
		
		word-spacing: 0.0em;
	}

	div.petrol code span.js__com {
		color:lightgreen;		
	}

	div.petrol code span.js__string {
		color:#bbc7cf;		
	}

	div.petrol code span.js__keyword {
		color:#d8c;	
	}

	div.petrol code span.js__flow { 
		color:#95d0df;
	}



	div.box.code {
		background: #e8e6e0 url(/_common/img/code_lines.png) 0px -3px repeat-y;
		padding:0px 14px 0px 35px;	
	}

	div.box.code h2 {
		margin-left:-40px;
		margin-top:0px;
	}


	table.listing div.box.code {
		padding-left:0px;
		background-image:none;	
		outline:0;
	}
	/*}}}*/
/*
	.pre {
		white-space:pre;	
	}
/*
	.code strong {
		color:navy;		
	}
*/



#leftcol strong, #rightcol strong {
	color:#3190E1;
}
#leftcol {
	width:295px;
	float:left;
	padding:0 40px;
	border-right:1px solid #e5e5e5;
}
#leftcol ul {
	margin:15px 0 0 25px;
	list-style:square;
}
#rightcol {
	width:294px;
	float:left;
	padding:0 40px 30px;
}

/* [top and nav] */

.login a {
	background:#828484;
	font-weight:normal;
	padding:3px 7px 5px;
	color:#fff;
	text-decoration:none;
}
.login a:hover {
	background:#00adef;
	color:#fff;
}
#logo {
	text-align:right;
	padding:45px 0 15px;
}
#home #logo {
	padding-top:26px;
}
#nav {
	height:35px;
	border-bottom:1px solid #cccccc;
	margin:0 0 30px;
}
#nav ul {
	list-style:none;
}
#nav li {
	float:left;
	color:#aaaaaa;
	margin-right:16px;
	height:17px;
}
/*
#nav li a {
	color:#3f3f3f;
	text-decoration:none;
	display:block;
	background-repeat:no-repeat;
	height:17px;
}
#nav li a.home, #nav li.home {
	background-image:url(../img/home.png);
	width:49px;
}
#nav li a.blog, #nav li.blog {
	background-image:url(../img/blog.png);
	width:40px;
}
#nav li a.about, #nav li.about {
	background-image:url(../img/about-button.gif);
	width:46px;
}
#nav li a.services, #nav li.services {
	background-image:url(../img/services-button.gif);
	width:67px;
}
#nav li a.portfolio, #nav li.portfolio {
	background-image:url(../img/portfolio-button.gif);
	width:64px;
}
#nav li a.news, #nav li.news {
	background-image:url(../img/news-button.gif);
	width:41px;
}
#nav li a.contact, #nav li.contact {
	background-image:url(../img/contact-button.gif);
	width:60px;
}
#nav li a:hover {
	background-position:0 -17px;
}
#nav li.home, #nav li.blog, #nav li.about, #nav li.services, #nav li.portfolio, #nav li.news, #nav li.contact {
	background-position:0 -17px;
	border-bottom:1px solid #808080;
}

*/

#nav li.menuitem:first-letter {
	text-transform: uppercase;
}

#nav li.menuitem, #nav li.menuitem a { color: #424242;
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
letter-spacing:0.1em;
text-align:left;
text-transform: lowercase;
line-height: 145%;
font-size: 14pt;
font-variant: small-caps; 
font-weight: normal;
}

#nav li.menuitem a { text-decoration: none;}
#nav li.menuitem a:hover { color: #111;}

#nav li.current a { color: red;}
#nav li.current a:hover { color: #e00;}


#breadcrumbs {
	height:26px;
	border-bottom:1px solid #cccccc;
	margin:0 18px 30px 20px;
}
#breadcrumbs ul {
	list-style:none;
}
#breadcrumbs li {
	float:left;
	color:#aaaaaa;
	margin-right:16px;
	height:15px;
}
#breadcrumbs li a {
	color:#3f3f3f;
	text-decoration:none;
	display:block;
	background-repeat:no-repeat;
	height:15px;
}
#breadcrumbs li a.web, #breadcrumbs li.web {
	background-image:url(images/web-button.gif);
	width:30px;
}
#breadcrumbs li a.identity, #breadcrumbs li.identity {
	background-image:url(images/identity-button.gif);
	width:51px;
}
#breadcrumbs li a.print, #breadcrumbs li.print {
	background-image:url(images/print-button.gif);
	width:31px;
}
#breadcrumbs li a:hover {
	background-position:0 -15px;
}
#breadcrumbs li.web, #breadcrumbs li.identity, #breadcrumbs li.print {
	background-position:0 -15px;
	border-bottom:1px solid #808080;
}

/* [home] */

#home_left {
	float:left;
	width:349px;
	border-right:1px solid #cccccc;
	padding:0 25px 15px 0;
}
#home_right {
	float:left;
	width:350px;
	padding:0 0 0 25px;
}
#home_left h2, #home_right h2 {
	margin:15px 0;
}
#home_left h4 {
	margin:15px 0 -15px;
	color:#404040;
	font-size:100%;
}

/* [about] */

#abouthead {
	margin-bottom:25px;
	color:#999999;
}
#abouthead p {
	font:195%/150% Helvetica, Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0;
}
#abouthead h2 {
	font:295%/120% Helvetica, Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0;
}
.blue {
	color:#00adef;
}
#about_left {
	float:left;
	width:349px;
	border-right:1px solid #cccccc;
	padding:0 25px 15px 0;
}
#about_right {
	float:left;
	width:350px;
	padding:0 0 0 25px;
}

/* [services] */

.serv_left, .serv_mid, .serv_right {
	float:left;
	width:221px;
	border-right:1px solid #cccccc;
	padding:0 20px 10px 0;
}


.serv_left2 {
	float:left;
	width:477px;
	border-right:1px solid #cccccc;
	padding:0 30px 15px 0;

}
.serv_left2 h2 {
	font:100%/170% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#404040;
}


.serv_mid {
	padding:0 22px 10px 22px;
}
.serv_right {
	width:222px;
	border:0;
	padding:0 0 10px 20px;
}
.serv_left h2, .serv_mid h2, .serv_right h2 {
	font:100%/170% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#404040;
}
.serv_left img, .serv_mid img, .serv_right img {
	border:1px solid #b3b3b3;
	margin-top:5px;
}
.serv_line {
	margin:0 0 20px;
	height:20px;
	border-bottom:1px solid #ccc;
	font-size:1px;
	clear:both;
}
#serv_leftcol {
	float:left;
	width:477px;
	border-right:1px solid #cccccc;
	padding:0 30px 15px 0;
}
#serv_rightcol {
	float:left;
	width:212px;
	padding:0 0 0 30px;
}
#serv_leftcol h3, #serv_rightcol h3 {
	font-size:120%;
	font-weight:bold;
	color:#404040;
}
#serv_leftcol li {
	list-style:square;
	margin-left:20px;
}
#serv_rightcol img {
	border:1px solid #b3b3b3;
}
#serv_rightcol li {
	list-style:none;
	padding-left:16px;
	background:url(../img/arrow.gif) no-repeat 0 6px;
}
#serv_rightcol blockquote, #serv_leftcol blockquote {
	background:url(../img/left-quote.gif) left top no-repeat;
	margin:20px 0 10px;
	/*overflow:visible;
	width:100%;*/
}
#serv_rightcol blockquote p, #serv_leftcol blockquote p {
	background:url(../img/right-quote.gif) bottom right no-repeat;
	padding:4px 7px 5px 0;
	margin:10px 0 0 12px;
	text-indent:20px;
	font-style:italic;
	width:193px;
	overflow:visible;
}
#serv_rightcol ul.case li {
	margin:0 0 4px;
}
#serv_leftcol ul.services li {
	list-style:none;
	float:left;
	width:220px;
	padding:0 0 8px 18px;
	margin:0;
	background:url(../img/arrow.gif) no-repeat 0 6px;
}


/* [portfolio] */

.port_item {
	width:210px;
	position:relative;
	float:left;
	padding:0 20px 30px;
	color:#d9d9d9;
}
.lastone {
	padding-right:0;
}
.port_item a:hover {
	text-decoration:none;
	color:#00adef;
}
.port_item h2 {
	font:100%/170% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:10px;
	color:#d9d9d9;
}
.port_img {
	width:210px;
	height:149px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	border:1px solid #b3b3b3;
}
.port_desc {
	background-color:#23282c;
	color:#FFFFFF;
	position:absolute;
	top:149px;
	left:0px;
	height:167px;
	width:186px;
	padding:0 12px;
}
.port_desc li {
	list-style:none;
	padding-left:16px;
	background:url(../img/arrow.gif) no-repeat 0 6px;
	font-weight:bold;
	color:#00adef;
}
p#study  {
	border:1px solid #b3b3b3;
}
p#study img {
	display:block;
	border:0;
}

/* [news] */

#news_leftcol {
	float:right;
	width:478px;
	padding:0 0 0 30px;
	border-left:1px solid #cccccc;
}
#news_leftcol img {
	border:1px solid #cccccc;
}
#news_leftcol h3 {
	margin:15px 0 -10px;
	color:#404040;
}
#news_rightcol {
	float:left;
	width:211px;
	padding:0 30px 15px 0;
}
#news_rightcol h4 {
	margin:15px 0 -15px;
	color:#404040;
	font-size:100%;
}

/* [contact] */

#cont_left {
	float:left;
	width:349px;
	border-right:1px solid #cccccc;
	padding:0 25px 15px 0;
}
#cont_right {
	float:left;
	width:350px;
	padding:0 0 0 25px;
}
#cont_right img {
	border:1px solid #b3b3b3;
	margin-top:10px;
}
#cont_left h2, #cont_right h2 {
	margin:15px 0;
}
#cont_left ul, #cont_right ul {
	margin:15px 0 15px 20px;
	list-style:square;
}

/* [site map] */

ul.sitemap {
	margin:15px 0 15px 25px;
}
ul.sitemap li {
	margin:3px 0;
}
ul.sitemap ul {
	margin:15px 0 15px 25px;
}
ul.sitemap ul a {
	font-weight:normal;
	color:#808080;
}
ul.sitemap ul ul a {
	font-weight:normal;
	color:#808080;
	font-size:90%;
}

/* [form] */


legend {
	display:none;
}
fieldset p {
	margin:15px 0 0;
}
label {
	width:75px;
	float:left;
	font-weight:bold;
}
/*
input, textarea {
	font:100% Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	background:#f2f2f2;
	padding:2px;
	width:264px;
}
textarea {
	height:146px;
}
input.sendbutton {
	background:#23282c;
	color:#fff;
	margin:0px 3px 0 0;
	float:right;
	width:100px;
}
*/

/* [footer] */

#footer_outer {
	background:#23282c;
	height:240px;
	color:#bfbfbf;
	text-align:left;
}
#footer {
	width:910px;
	margin:0 auto;
	padding:22px 0 0;
	line-height:155%;
	
	
}
#footer h3 {
	font-size:155%;
	font-weight:normal;
}
#footer ul {
	list-style:none;
}
#footer_left {
	float:left;
	width:349px;
	border-right:1px solid #393e42;
	padding:0 25px 0 0;
	background:url(images/footer-arrow.gif) no-repeat right;
}
#footer_right {
	float:left;
	width:350px;
	padding:0 0 0 25px;
	background:url(images/footer-map.gif) no-repeat right;
}
#copyright {
	height:46px;
	color:#999;
}
#copyright ul {
	list-style:none;
	padding:12px 0 0;
	width:750px;
	margin:0 auto;
}
#copyright li {
	float:left;
	padding:0;
}
#copyright li.valid {
	float:right;
}
#copyright a {
	color:#999;
}
#arrival {
	width:685px;
	margin:10px auto;
	text-align:right;
	font:90% Arial, Helvetica, sans-serif;
	padding:0 5px 0 0;
}
#arrival a {
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	background:url(images/arrival-arrow.gif) no-repeat right;
	padding:0 9px 0 0;
}


/* [extra] */

.divider {
	margin:15px 0;
	border-bottom:1px solid #cccccc;
	font-size:1px;
	clear:both;
}
a.readmore {
	color:#e2871a;
	padding:0 0 0 15px;
	background:url(images/arrow-left.gif) center left no-repeat;
}
h3.tophead {
	margin-top:25px;
}
.cleaner {
	clear:both;
}
.whiteblock {
	clear:both;
	background:#fff;
	background-color: #e9e7e1;
	padding-top: 50px;
	height:30px;
}
.small {
	font-size:80%;
	line-height:160%;
}
.spacer {
	clear:both;
	height:75px;
}
.firstpara {
	font-size:110%;
}
.hide, #nav span, #breadcrumbs span, #carousel_frame ul li span, h1 {
	position:absolute;
	left:-5000px;
	margin:0;
	padding:0;
}
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline;
}