/* GENERAL */
/* ================================================================================= */
html		{overflow-y:scroll;}
body		{font-family:Georgia, "Times New Roman", Times, serif; margin:0; color:#111; font-size:16px; background-color:#f1fee6;}
h1			{font-size:80px;}
h2			{font-size:48px;}
h3			{font-size:28px;}
h4			{font-size:20px;}
p			{font-size:16px; line-height:24px;font-family:Helvetica, "Lucida Grande", Arial; letter-spacing: 1.6px;}
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:1000px; padding:20px 20px 0 40px;background-color:#f1fee6;}
#wrap2		{margin:0 auto; min-width:920px; max-width:1000px; padding:20px 20px 0 40px;background-color:#ffffff;}
#content	{margin:16px auto 0 auto; min-width:920px; max-width:1000px; padding:20px 20px; background-color:#ffffff;}
#background {background-color:#FFFFFF;}
#background2 {background-color:#f1fee6;}
.nowrap		{white-space:nowrap;}

.headerlogos img {margin:0 10px 25px ;}
.headerlogos {color:#555}

/* GRIDS */
.grid_2			{width:400px;float:left; margin-right:4%;}
.grid_2_last	{width:500px; 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 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:#F00;}
#nav div:hover p		{color:#111;}
#nav div:hover .lucida	{color:#FFBFBE;}
#nav div:hover 			{cursor:pointer;}
#nav div.inactive		{color:#CCC;}

/* SOFTWARE */
/* ================================================================================= */
.software			{margin-top:37px;}
.software p			{margin-bottom:24px;}
.software p.last	{margin-bottom:0;}
.software h2		{margin:0 0 11px 0;}
.software h2 span	{letter-spacing:-0.07em;}
.software h3		{margin:0 0 25px 0; color:#BBB;}

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

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

/* DESIGN */
/* ================================================================================= */
.design p					{margin-bottom:23px;}
.design h3					{padding-bottom:6px;}
.design h3.first			{margin:20px 0 18px 0; border-bottom:1px solid #CCC;}
.design h3 em				{color:#BBB;}
.design h3.extra-margin		{margin:40px 0 30px 0;}
.design .button				{background-color:#BBB; color:#FFF; padding:3px 6px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.design .button:hover		{background-color:#999; color:#FFF; border-bottom:1px solid #999;}
.design a					{border-bottom:1px solid #BBB; padding-bottom:1px;}
.design a:hover				{border-bottom:1px solid #FFBFBE; color:#F00;}

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

/* CONTENT AREA SPECIFIC */
.design .content				{background-color:#FFF; padding-top:14px; -webkit-border-radius:6px; -khtml-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.design .content p				{padding-left:30px; color:#888; margin-top:20px;}
.design .content h3				{padding-left:30px;}
.design .content h4				{padding-left:30px;}
.design .content small			{font-family:Verdana; font-size:11px; color:#CCC; margin-top:10px; display:block;}
.design .content .grid_2_last	{float:right;}



/* 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 .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;}
ul.twitter li {
    
    padding:7px;
}

/* 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;  background:url("") no-repeat center center #FFF;}

/* 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;}
.footer-text {
    
    font-size:13px;
    line-height:20px;
    letter-spacing: 1.7px;
    font-family: Helvetica, Arial;
    color: #333333;
}

.footer-text a {
    
    color: #25355f;
    text-decoration:none;
    
}

.footer-text a:hover {
    text-decoration:underline;
    color: orange;
}

/* GRID */
#grid {display:none;  background-attachment:scroll; position:absolute; top:0; left:0; width:100%; height:100%;}

h2 a:hover {
    
    color: orange;
}