/*************************
  Samit Websites
  http://samitwebsites.com
 *************************/



/*************************
	STANDARD
*************************/

body                          {width:100%; margin:0; padding:0; border-top:4px solid #041; font:14px/160% Arial, Helvetica, sans-serif; min-width:920px; position:relative;}

a:link                        {color:#226633;}
a:visited                     {color:#2E2E2E;}
a:hover,
a:active,
a:focus                       {color:#226633;}

h1                            {margin:2em 0 0.5em; padding:0; font:italic normal 28px Georgia, "Times New Roman", Times, serif;}
h2                            {margin:2em 0 0.5em; padding:0; font:italic normal 20px Georgia, "Times New Roman", Times, serif;}
h3                            {margin:2em 0 0.5em; padding:0; font:bold 14px Arial, Georgia, "Times New Roman", Times, serif;}

img                           {border:none;}


/*************************
	HEADER
*************************/

#header .nav                  {margin:0 0 0 3%; padding:0;}
#header .nav li               {display:block; float:left; height:43px; margin:0 25px 0 25px; padding:0; list-style:none;}
  #header .nav li.active      {margin:0 -4px 0 15px; background:url(images/active-tab.jpg) 100% 0 no-repeat;}
  #header .nav li.nav-home    {margin:0 36px 0 30px;}
	#header .nav li.active.nav-home{margin:0 10px 0 -10px; background:url(images/logo-tab.png) 100% 0 no-repeat;}
#header .nav li	a             {display:block; color:#2E2E2E; text-transform:uppercase; font:bold 12px Arial, Helvetica, sans-serif; padding:20px 0 1px; border-bottom:1px #BEBEBE solid;}
  #header .nav li	a:link, #header .nav li	a:hover, #header .nav li a:active, #header .nav li	a:visited, #header .nav li	a:focus {color:#2E2E2E; text-decoration:none;}
  #header .nav li.active a    {margin-right:29px; margin-left:10px; color:#FFF; background:transparent; border:none;}
	#header .nav li.active a:link,
	#header .nav li.active a:visited
	                            {border-bottom:1px #99BBAA solid;}
	#header .nav li.nav-home a{width:131px; height:15px; margin:0; padding:20px 0 0px; border-bottom:2px #43BBAB solid; background:#FFF url(images/logo-link.png) 0 17px no-repeat; text-indent:-9999px;}
  #header .nav li.active.nav-home a{width:197px; height:43px; margin:0; padding:0; border:none; background:none;}
#header .tel                  {float:right; padding:20px 0 0; margin:0 3% 0 0; font:bold 13px Tahoma, Geneva, sans-serif;}
#header .homelink             {float:right; padding:20px 0 1px; margin:0 3% 0 0; border-bottom:1px #BEBEBE solid;}
  #header .homelink	a         {display:block; font:bold 12px Arial, Helvetica, sans-serif;}
  #header .homelink	a:link, #header .homelink	a:hover, #header .homelink a:active, #header .homelink a:visited, #header .homelink	a:focus {color:#5E5E5E; text-decoration:none;}

#header .nav li.nav-essays{display:none;}


/*************************
	CONTENT
*************************/

#content                      {clear:both; margin:100px 0 50px;}

#content .primary             {width:90%; padding:0 5%; clear:both;}

body.primary.secondary
#content .primary             {width:50%; padding:0 5%; float:left;}
#content .secondary           {width:29%; padding:0 5%; float:right;}

/* Front */
body.front.primary.secondary
#content .primary             {width:40%; padding:0 5%;}
  .blurb                      {margin:20px 0 45px; padding:0 0 0 32px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#004411; background:url(images/home-blurb-lines.png) 45px 32px repeat-y;}
  .blurb h1                   {margin:0; padding:0 0 0 30px; font-size:24px; font-weight:bold; color:#226633; line-height:45px;}
  .blurb h2                   {margin:0; padding:0; font-weight:normal; line-height:44px;}
  .blurb h2 div               {margin:0; padding:0 0 0 30px; font-size:24px;}

  .who-we-are                 {font-size:18px; line-height:170%;}
	.our-advantages             {margin:0 0 0 30px; padding:0;}
	.our-advantages li          {padding:0 0 0 25px; line-height:30px; background:url(images/homepage-arrows.gif) 0 0 no-repeat; list-style:none;}
	.our-advantages li.one      {background-position:0 11px;}
	.our-advantages li.two      {background-position:0 -19px;}
	.our-advantages li.three    {background-position:0 -49px;}
	.who-we-are .more           {font-size:14px;}
	
	.testimonial                {margin:30px 0 0; padding:0;}
	.testimonial .qmark.open    {margin-left:-4px;}
	.testimonial .cite          {text-align:right;}

body.front
#content .featured            {width:49%; margin-top:-37px; float:right; overflow:hidden;}
  #content .featured .caption {margin-top:-15px; padding:0 30px 0 50px;}

body.front
#content .secondary           {width:39%; padding:0 5%;}
  .websites-list              {margin:0 0 0 5px; padding:0;}
  .websites-list li           {margin:0; padding:0 0 0 0; list-style:none;}
  .websites-list .screenshot  {float:right; margin-right:-150px;}
  .websites-list p            {margin-top:0.5em; font-size:13px;}

/* Portfolio */
body.portfolio h1                            {margin-bottom:0;}
body.portfolio .client-link                  {margin-left:2px;}
body.portfolio .portfolio-nav                {margin:0 5%; padding:0;}
body.portfolio .portfolio-nav li             {display:block; float:left; margin:0 10px 0 0; list-style:none;}
body.portfolio .portfolio-nav li a           {display:block; padding:2px; border:1px solid #ccc;}
body.portfolio .portfolio-nav li a img       {display:block;}

body.portfolio .project-nav                  {margin:20px 0 0 -22px; padding:0;}
body.portfolio .project-nav li               {display:block; float:left; margin:0 15px 0 0; padding-right:10px; background:url(images/project-nav-bg.png) 100% 0 no-repeat; list-style:none;}
  body.portfolio .project-nav li.active      {background-position:100% -68px;}
	body.portfolio .project-nav li:active,
	body.portfolio .project-nav li:hover,
	body.portfolio .project-nav li:focus       {background-position:100% -34px;}
	  body.portfolio .project-nav li.active:active,
	  body.portfolio .project-nav li.active:hover,
	  body.portfolio .project-nav li.active:focus{background-position:100% -68px;}
body.portfolio .project-nav li a             {display:block; height:34px; padding:0 0 0 10px; background:url(images/project-nav-bg.png) 0 0 no-repeat; line-height:34px; vertical-align:middle;}
  body.portfolio .project-nav li.active a    {background-position:0 -68px;}
  body.portfolio .project-nav li a:active,
  body.portfolio .project-nav li a:hover,
  body.portfolio .project-nav li a:focus     {background-position:0 -34px;}
    body.portfolio .project-nav li.active a:active,
    body.portfolio .project-nav li.active a:hover,
    body.portfolio .project-nav li.active a:focus{background-position:0 -68px;}
body.portfolio .summary                      {margin:0 0 50px; padding:30px 0 0; font-size:16px; clear:both;}
body.portfolio .screenshots                  {width:100%; margin:50px 0 0 0;}
body.portfolio .screenshot a                 {display:block;}
body.portfolio .screenshot img               {display:block; margin:0 auto; background:url(images/loading.png) 50% 100px no-repeat;}

/* Company */
body.company .person					               {margin:20px 0 30px; font-size:13px;}
body.company .name				                 	 {margin:0; font-size:17px; font-weight:normal; font-family:Tahoma, Geneva, sans-serif;}
body.company .company-position             	 {font-size:13px;}
body.company .mugshot				                 {float:left; margin:0 10px 5px 0;}
  body.company .mugshot.raccoon		           {margin:1px 0 0;}

/* Contact */
body.contact ul				                       {margin:1em 0 0; padding:0;}
  body.contact .contact-info li		           {list-style:none; margin:0; padding:0;}

/* Essays */
.date                                        {margin-bottom:1em; font-size:12px; font-style:italic; font-family:Arial, Helvetica, sans-serif;}



/*************************
	FOOTER
*************************/

#footer                       {padding:30px 5% 20px; color:#FFF; background:#092b16 url(images/footer-bg.gif) 0 0 repeat-x; position:relative;}
#footer a                     {color:#FFF;}
#footer p                     {margin:5px 0; padding:0;}
#footer .call-us              {margin-bottom:0; font-size:15px;}
#footer .also                 {margin-top:0; font-size:15px;}
#footer .find-us-online       {margin-top:10px; margin-bottom:0; font-size:13px;}
#footer .regions              {margin-top:0; font-size:13px;}
#footer .ochpoch              {display:block; width:44px; height:35px; position:absolute; right:23px; bottom:15px; background:url(images/ochpoch.gif) 50% 50% no-repeat; text-indent:-9999px; overflow:hidden;}
#footer .share-links          {position:absolute; top:-30px; right:5%; line-height:110%; color:#000;}
  #footer .share-links a      {color:#226633;}
	#footer .share-links a.addthis_button_compact span{display:none;}

body.essays #footer	        	{width:100px; height:120px; position:absolute; bottom:2%; right:10%; background:#fff url(files/chair.jpg) center center no-repeat;}
body.essays #footer p         {display:none;}


/*************************
	OTHERS & FIXES
*************************/