/* GENERAL */
/* ================================================================================= */
html		{overflow-y:scroll;}
body		{min-width:1300px; font-family:Georgia, "Times New Roman", Times, serif; margin:0; color:#4A4A4A; font-size:16px; background-color: #F5F4EF}
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;}
#backToTop,
#backToMenu {cursor:pointer;}

/* GRIDS */
.grid_2			{width:48%; float:left; margin-right:4%; height:650px;}
.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 img		{margin:0 100px 30px 0;}
#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:12px 0;color:#7d7d7d;}
#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:#FD5200;}
#nav div.hover p		{color:#111;}
#nav div.hover .lucida	{color:#FFBFBE;}
#nav div.hover 			{cursor:pointer;}
#nav div.inactive		{color:#CCC;}

/* ABOUT US */
/* ================================================================================= */
.aboutus			{margin-top:37px;}
.aboutus .grid_2	{margin-top:135px;}
.aboutus p			{margin-bottom:24px;}
.aboutus p .bolded	{color:#FD5200;}
.aboutus p.last	{margin-bottom:0;}
.aboutus h2		{margin:0 0 11px 0;}
/*.aboutus h2 span	{letter-spacing:-0.07em;}*/
.aboutus h3		{margin:0 0 25px 0; color:#BBB;}
.aboutus img		{margin:0 auto; display:block;}

/* LINKS */
.bottomLinks			{float:left; width:100%; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin:0px 0 100px 0;}
.bottomLinks ul				{margin:0; padding-top:12px;}
.bottomLinks li				{float:left; margin-right:12px; padding-bottom:14px; list-style-type:none;}
.bottomLinks 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;}
.bottomLinks li a:hover		{background-color:#999;}
.bottomLinks li a.home			{background-color:#555;}
.bottomLinks li a.home:hover	{background-color:#111;}

/* THUMBNAILS */
.aboutus .gallery		{width:440px; margin:0 auto;}
.aboutus .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;}

/* SERVICES */
/* ================================================================================= */
.services			{margin-top:37px;}
.services .grid_2	{}
.services p			{margin-bottom:24px;}
.services p.last	{margin-bottom:0;}
.services h2		{margin:0 0 11px 0;}
.services h3		{margin:0 0 25px 0; color:#BBB;}
.services img		{margin:0 auto; display:block;}
.services li		{height:135px;margin-bottom:20px;}

/* SERVICE ITEM */
.serviceItem				{clear:both;}
.serviceItem p				{font-size:13px;margin-bottom:8px;width:380px;}
.serviceItem h4				{margin:0 12px 7px 0;}
.serviceItem .header		{margin:0 0 7px 0;}
.serviceItem .header span	{white-space:nowrap;}
.serviceItem a				{cursor:pointer; font-size:14px; margin:0 3px 0 0; background-color:#D5D5D5; color:#FFF; padding:3px 6px; line-height:22px; -webkit-border-radius:3px; -moz-border-radius:3px; border:0;}
.serviceItem a:hover		{background-color:#C5C5C5; color:#FFF; border:0;}
.serviceItem .serviceContent{float: left; width: 455px;}
.serviceItem .thumbnail		{width:98px; height:98px; border:1px solid #CCC; float:left; margin:6px 20px 0 0; background:url("") no-repeat center center #FFF;}

/* CONTACT */
/* ================================================================================= */
.contact p					{margin-bottom:23px;}
.contact h3					{padding-bottom:6px;}
.contact h3.first			{margin:20px 0 18px 0; border-bottom:1px solid #CCC;}
.contact h3 em				{color:#BBB;}
.contact h3.extra-margin	{margin:40px 0 30px 0;}
.contact .button			{background-color:#BBB; color:#FFF; padding:3px 6px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.contact .button:hover		{background-color:#999; color:#FFF;}
.contact select#solution	{width:210px;}
.contact span.comment 		{font-size:13px;}

/* CLEARS */
.contact .clear 				{margin:0 30px;}
.contact .clear.margin 		{margin-bottom:40px; border-top:1px solid #DDD;}
.contact .clear.gap			{margin-top:70px;}

/* CONTACT FORM */
.contact form 		{margin-left:35px;}
.contact form tr 	{height: 35px;}
.contact form tr input.button {border-style:none;margin: 15px 0 25px 0;}

/* CONTENT AREA SPECIFIC */
.contact .grid_2_last			{background-color:#FFF; padding-top:20px; -webkit-border-radius:6px; -khtml-border-radius:6px; -moz-border-radius:6px; border-radius:6px;  margin-top:55px;}
.contact .grid_2_last p.first	{margin-left:20px;}
.contact .grid_2_last a			{cursor:pointer;}
.contact .grid_2 .location		{color:#FD5200;}
.contact .grid_2 .mail:link,
.contact .grid_2 .mail:hover,
.contact .grid_2 .mail:visited,
.contact .grid_2 .mail:active		{font-size:15px;color:#FD5200;text-decoration:none;}
.contact .content p				{padding-left:30px; color:#888; margin-top:20px;}
.contact .content h3				{padding-left:30px;}
.contact .content h4				{padding-left:30px;}
.contact .content small			{font-family:Verdana; font-size:11px; color:#CCC; margin-top:10px; display:block;}
.contact .content .grid_2_last	{float:right;}


/* MOZILLA */
.contact .content.mozilla			{background-color:#2e3439; margin-bottom:100px;}
.contact .content.mozilla h3			{color:#FFF;}
.contact .content.mozilla h3 em		{color:#667079;}
.contact .content.mozilla h4			{color:#8d959b;}
.contact .content.mozilla p			{color:#859099;}
.contact .content.mozilla a			{color:#FFF; border-bottom:1px solid #667079;}
.contact .content.mozilla a:hover	{color:#a6d1f4; border-bottom:1px solid #596b7a;}
.contact .content.mozilla small		{color:#4b5258;}
.contact .content.mozilla .software-update	{margin:-93px auto 0 auto; display:block;}
.contact .content.mozilla .grid_4			{width:25%; margin:0; padding:34px 0 20px 0; height:240px; text-align:center;}

/* 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("/img/bullet-company.gif"); margin-bottom:10px;}

/* CLIENTS */
/* ================================================================================= */
.clients .main_grid ul.clientList	{margin-top:50px;}
.clients .bottomLinks ul				{width:135px;margin:0 auto;}
.clients .clientItem				{margin:20px auto 50px auto;width:890px;}
.clients .clientItem h3 a			{margin-left:10px;font-size:15px;-moz-border-radius:3px 3px 3px 3px;background-color:#BBBBBB;color:#FFFFFF;padding:1px 4px 2px 4px;}
.clients .clientItem .thumbnail		{float:left;margin:51px 35px 0 0;}
.clients .clientItem .thumbnail img {border:2px solid gray;}
.clients .clientItem .desc			{float:left;width:500px;min-height:140px;margin-bottom:60px;}
.clients .clientItem .desc p		{border:1px solid #CCCCCC;font-size:15px;padding:15px;}
.clients .clientItem .desc h3		{margin-top:10px;margin-bottom:15px;}
.clients .bottomLinks 				{margin-top:40px;}
/* 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:#D5D5D5; color:#FFF; padding:3px 6px; line-height:22px; -webkit-border-radius:3px; -moz-border-radius:3px; border:0;}
.profile a:hover		{background-color:#C5C5C5; color:#FFF; 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:70px auto 0 auto; text-align:center; font-size:14px;}
#announcement img			{margin-right:10px; position:relative; margin-bottom:-9px;}
#announcement a				{color:#AAA; padding-bottom:2px;}
#announcement a:hover		{border-bottom:1px solid #ccc;}
#announcement a span		{font-size:16px; color:#111; margin-right:6px;}

/* 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("/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("/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("/img/overlay/blank.gif"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/overlay/overlay.png", sizingMethod="scale");}

/* GRID */
#grid {display:none; background-image: url("/img/grid.png"); background-attachment:scroll; position:absolute; top:0; left:0; width:100%; height:100%;}

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