/* GENERAL */
/* ================================================================================= */
html		{overflow-y:scroll;}
body		{font-family:Georgia, "Times New Roman", Times, serif; margin:0; color:#111; font-size:16px;}
h1			{font-size:80px;}
h2			{font-size:48px;}
h3			{font-size:28px;}
h4			{font-size:20px;}
p			{font-size:16px; line-height:24px;}
ul			{font-size:16px; line-height:24px;}
small		{font-size:14px;}
a			{color:#111;}
.clear		{clear:both;}
.gap		{height:30px;}
.lucida		{font-family: "Lucida Grande", Tahoma; color:#CCC;}
#wrap		{margin:0 auto; min-width:920px; max-width:1200px; padding:20px 40px 0 40px;}
#content	{margin:16px auto 0 auto; min-width:920px; max-width:1200px; padding:20px 40px; background-color:#EEE;}
#background {display:none; background-color:#EEE;}
.nowrap		{white-space:nowrap;}

/* GRIDS */
.grid_2			{width:48%; float:left; margin-right:4%;}
.grid_2_last	{width:48%; float:left; margin-right:0;}
.grid_4			{width:22%; float:left; margin-right:4%;}
.grid_4_last	{width:22%; float:left; margin-right:0;}

/* HEADER */
#header			{text-align:center; margin-top:10px;}
#header h1		{letter-spacing:-2px; word-spacing:10px; margin:10px 0 30px 0; line-height:1;}
#header h1 span	{letter-spacing:-0.13em; padding-right:0.06em;}
/*#header h1 span	{letter-spacing:-10px; padding-right:4px;}*/
#header h4		{padding:18px 0; border-top:4px double #CCC; border-bottom:4px double #CCC;}
#header h4 span	{letter-spacing:-0.06em; padding-right:0.03em;}

/* NAVIGATION */
#nav					{margin:43px 0 0 0;}
#nav h3					{margin:0 0 13px 0;}
#nav div.hover h3		{color:#11406A;}
#nav div.hover p		{color:#111;}
#nav div.hover .lucida	{color:#11406A;}
#nav div.hover 			{cursor:pointer;}
#nav div.inactive		{color:#CCC;}

/* ADVISE */
/* ================================================================================= */
.advise				{margin-top:37px;}
.advise	p			{margin-bottom:24px;}
.advise	p.last		{margin-bottom:0;}
.advise	h2			{margin:0 0 11px 0;}
.advise	h2 span		{letter-spacing:-0.07em;}
.advise	h3			{margin:0 0 25px 0; color:#11406A;}
.advise	img			{margin:0 auto; display:block;}

/* LINKS */
.advise	.links			{float:left; width:100%; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin:0px 0 100px 0;}
.advise	ul				{margin:0; padding-top:12px;}
.advise	li				{float:left; margin-right:12px; padding-bottom:14px; list-style-type:none;}
.advise	li a			{background-color:#BBB; color:#FFF; padding:4px 7px 5px 7px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.advise	li a:hover		{background-color:#999;}
.advise	li a.home		{background-color:#555;}
.advise	li a.home:hover	{background-color:#111;}

/* THUMBNAILS */
.advise	.gallery		{width:440px; margin:0 auto;}
.advise .thumbnail		{width:80px; height:80px; border:1px solid #CCC; float:left; margin:0 10px; padding:4px; background:url("") no-repeat center center #FFF;}
.thumbnail:hover		{cursor:pointer;}

/* DESIGN */
/* ================================================================================= */
.design				{margin-top:37px;}
.design	p			{margin-bottom:24px;}
.design	p.last		{margin-bottom:0;}
.design	h2			{margin:0 0 11px 0;}
.design	h2 span		{letter-spacing:-0.07em;}
.design	h3			{margin:0 0 25px 0; color:#11406A;}
.design	img			{margin:0 auto; display:block;}

/* LINKS */
.design	.links			{float:left; width:100%; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin:0px 0 100px 0;}
.design	ul				{margin:0; padding-top:12px;}
.design	li				{float:left; margin-right:12px; padding-bottom:14px; list-style-type:none;}
.design	li a			{background-color:#BBB; color:#FFF; padding:4px 7px 5px 7px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.design	li a:hover		{background-color:#999;}
.design	li a.home		{background-color:#555;}
.design	li a.home:hover	{background-color:#111;}

/* THUMBNAILS */
.design	.gallery		{width:440px; margin:0 auto;}
.design .thumbnail		{width:80px; height:80px; border:1px solid #CCC; float:left; margin:0 10px; padding:4px; background:url("") no-repeat center center #FFF;}
.thumbnail:hover		{cursor:pointer;}

/* COMPANY */
/* ================================================================================= */
.company h3				{margin:46px 0 18px 0; border-bottom:1px solid #CCC; padding-bottom:6px;}
.company h3.first		{margin:20px 0 18px 0;}
.company p				{margin-bottom:23px;}
.company a				{border-bottom:1px solid #BBB; padding-bottom:1px;}
.company a:hover		{border-bottom:1px solid #FFBFBE; color:#F00;}
.company .white			{background-color:#FFF; margin:30px 0; padding:14px 20px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.company .white p		{margin:0 0 26px 40px;}
.company .white p.left	{margin-left:0;}
.company .white p.last	{margin-bottom:0px;}
.company .white img		{float:left; margin-top:8px;}
.company .white small	{color:#AAA; margin-left:6px;}
.company .more			{text-align:center;}
.company .more a		{color:#AAA; border-bottom:1px solid #CCC; font-size:14px;}
.company .more a:hover	{color:#777; border-bottom:1px solid #AAA;}
.company .thumbnail:hover {cursor:default;}
.company ul					{margin-left:24px;}
.company ul li				{list-style-position:outside; list-style-image: url("../images/bullet-company.gif"); margin-bottom:10px;}

/* PROFILES */
.profile				{clear:both;}
.profile p				{margin-bottom:16px;}
.profile h4				{float:left; margin:0 12px 0 0;}
.profile .header		{margin:0 0 7px 0;}
.profile .header span	{white-space:nowrap;}
.profile a				{font-size:14px; margin:0 3px 0 0; background-color:#11406A; color:#FFF; padding:3px 6px; line-height:22px; -webkit-border-radius:3px; -moz-border-radius:3px; border:0;}
.profile a:hover		{background-color:#FFF; color:#11406A; border:0;}

/* THUMBNAILS */
.company .thumbnail		{width:90px; height:90px; border:1px solid #CCC; float:left; margin:0 20px 30px 0; padding:4px; background:url("") no-repeat center center #FFF;}

/* BLOG */
/* ================================================================================= */
.blog a:hover		{color:#F00;}
.blog a .lucida		{color:#BBB;}
.blog em			{color:#BBB;}
.blog .author		{color:#888; font-style:normal; white-space:nowrap;}
.blog .date			{color:#888; font-style:normal;}

/* FIRST POST */
.first_post					{margin:20px 0 30px 0;}
.first_post p				{margin-top:6px; font-size:18px; line-height:30px; font-style:italic;}
.first_post h2				{line-height:60px;}
.first_post .author			{font-size:16px;}
.first_post .button			{background-color:#BBB; color:#FFF; padding:3px 6px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.first_post .button:hover	{background-color:#999; color:#FFF;}
.first_post .clear			{height:20px;}
.first_post .no_show		{display:none;}

/* ALL POSTS */
.all_posts					{border-top:1px solid #CCC; padding-top:20px;}
.all_posts h3				{margin-bottom:10px; line-height:34px;}
.all_posts p				{margin-bottom:10px;}
.all_posts .button			{font-size:14px; background-color:#D5D5D5; color:#FFF; padding:3px 6px; line-height:22px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.all_posts .button:hover	{background-color:#C5C5C5; color:#FFF;}
.all_posts .wrap_date		{float:left; width:90px; text-align:center;}
.all_posts .wrap_date h3	{color:#888;}
.all_posts .wrap_date span	{color:#888; font-size:16px;}
.all_posts .wrap_title		{margin-left:100px; padding-left:20px; border-left:1px dashed #CCC;}
.all_posts .clear 			{height:20px;}

/* ANNOUNCEMENT */
#announcement				{margin:60px auto 0 auto; text-align:center; font-size:14px;}


/* FOOTER */
#footer small		{font:12px/24px "Lucida Grande", Verdana, Tahoma;}
#footer				{margin:60px 0 10px 0; text-align:center; color:#CCC;}
#content #footer	{color:#CCC; margin:0;}

/* OVERLAY */
#overlay 				{display:none; background-image: url("/media/img/overlay/overlay.png"); position:absolute; margin:auto; top:0; left:0; z-index:100; width:100%; height:100%;}
#overlay .wrapper		{position:fixed; width:100%; top:25px;}
#overlay .content		{width:889px; height:693px; margin:auto; background-image: url("/media/img/overlay/back.png");}
#overlay .header		{position:relative; top:40px; left:44px; margin-right:90px; text-align:center;}
#overlay .title			{color:#111; font-size:1.2em;}
#overlay .close			{color:#666; float:left;}
#overlay .navigation a	{color:#666; float:right;}
#overlay img			{position:relative; top:50px; left:39px;}
* html #overlay			{background-color:#000; background-color:transparent; background-image:url("/media/img/overlay/blank.gif"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/media/img/overlay/overlay.png", sizingMethod="scale");}


/* HOVER FADING IMAGES */
img.fade				{display:none;}