/* CSS Document */

/* STANDARD TAGS */
body		{margin:0px;padding:0px; font-family:"lucida sans", arial, helvetica, sans-serif;color:#666666;background-color:#dddddd;font-size:11px;}
h1			{font-size:16px;color:#444444;}
.heading	{font-size:13px;font-weight:bold;}
.heading span	{font-weight:normal;font-size:11px;}
.heading span span	{color:#009ddb;}
.heading2	{font-size:11px;font-weight:bold;}
h1, h2, p	{margin:0px 0px 10px 0px;padding:0px;}
.showcasecont p {margin:5px 0px 5px 0px;}
a						{color:#000000;}
a:link, a:visited		{text-decoration:underline;}
a:hover					{text-decoration:none;}


/* LAYOUT DIVS */
.container1		{height:100%;width:100%;}
.container2		{height:100%;width:800px;float:none;margin:auto;border-left:1px solid #999999;border-right:1px solid #999999;background-color:#FFFFFF;}
.verytop		{height:18px;width:790px;background-color:#666666;text-align:right;font-size:11px;line-height:18px;vertical-align:middle;color:#ffffff;padding:0px 10px 0px 0px;}
.top			{height:260px;width:800px;clear:both;background-image:url(../images/top2.jpg);}
.logo			{height:156px;width:94px;float:left;background-image:url(../images/logo.jpg);clear:left;margin:104px 0px 0px 0px;padding:0px 0px 0px 87px; background-position:right;background-repeat:no-repeat;}
.middle			{height:auto;width:780px;clear:both;padding:20px 10px;}
.left			{height:auto;width:160px;clear:left;float:left;}
.right			{height:auto;width:590px;clear:right;float:right;padding:0px 0px 0px 9px;border-left:1px dotted #dddddd;}
.bottom			{height:16px;width:800px;background-color:#666666;clear:both;}

.leftnews		{height:350px;width:160px;}
.leftcontact	{height:149px;width:160px;clear:both;border-top:1px dotted #dddddd;padding:5px 0px 0px 0px;}

/* TOP MENU */
.topmenu		{height:40px;width:600px;float:right;clear:right;margin:220px 0px 0px 0px;}
.topmenu a		{text-decoration:none;color:#ffffff;}
.topmenuitem	{height:40px;width:85px;float:left;text-align:center;font-size:14px;}
.topmenuitem span	{font-size:9px;line-height:16px;vertical-align:bottom;}

/* INDEX PAGE */
.indextop		{height:auto;width:600px;border-bottom:1px dotted #dddddd;}
.indexbottom		{width:100%;clear:both;display:block;}

.threeCol {width:100%;display:block;}
.threeCol div.col {height:450px;float:left;width:182px;padding:0px 2px 0px 2px;margin:0px 2px 0px 2px}
.threeCol div.col div.img{position:relative;bottom:0px}
.threeCol div.colmiddle{border-left:1px dotted #dddddd;border-right:1px dotted #dddddd;width:180px}

/* CONTACT PAGE */
#fcf2			{width:100%;}
#fcf2 h3		{font-size:1.5em;background-color:#3D5686;color:#FFFFFF;font-weight:bold;padding:4px;margin:0px;}
#fcf2 em 		{color:#F00;}
#fcf2 div.r 	{clear: both;padding-top: 5px;}
#fcf2 label 	{float: left;width: 150px;text-align: left; height:auto;}
#fcf2 .f 		{float: left;width: 335px;text-align: left; height:auto;}
#fcf2 div.sp 	{clear: both;}
#fcf2 .req 		{font-weight:bold;}

#fcf2 .input, #fcf2 .text			{line-height:14px;font-size:11px;font-family:"tahoma", arial, sans-serif;color:#009ddb;margin:0px 0px 3px 0px;padding:1px;border:1px solid #cccccc;}
#fcf2 .input 	{width:250px;height:16px;}
#fcf2 .text 	{width:250px;height:96px;}

.button_send, .buttonover_send, .button_clear, .buttonover_clear	{color:#ffffff;border:1px solid #dddddd;font-size:11px;line-height:14px;height:18px;padding:0px 10px;cursor:pointer;}
.buttonover_clear			{background-color:#333333;}
.buttonover_send			{background-color:#333333;}
.button_clear				{background-color:#db3400;}
.button_send				{background-color:#62db00;}
.confirmation				{font-weight:bold;color:#009ddb;clear:both;float:none;margin:12px 0px;}

/* SHOWCASE PAGE */
.showcasecont				{height:180px;width:150px;margin:10px 25px 15px 10px;float:left;clear:none;}
.showcasethumb				{height:80px;width:150px;}
.showcasename				{height:99px;width:144px;border-bottom:1px dotted #dddddd;border-left:1px dotted #dddddd;border-right:1px dotted #dddddd;padding:0px 2px 0px 2px;}

/* ZSHOWCASE PAGE */
.showcase_nav_left			{height:25px;width:50px;margin:143px 25px 138px 25px;float:left;clear:none;}
.showcase_image				{height:299px;width:370px;float:left;clear:none;border:1px solid #dddddd;margin:5px 0px 0px 0px;}
.showcase_nav_right			{height:25px;width:50px;margin:143px 25px 138px 25px;float:left;clear:none;}
.showcase_text				{height:auto;width:100%;clear:both;margin:15px 0px 0px 0px;}

/*INNOVATION PAGE*/
.techList {width:100%;height:60px;display:block;margin:2px 0px;border-bottom:dotted 1px grey}
.techList div.imgWrap{width:150px;float:left;}
.techList div.imgWrap img {margin:0px auto}
/*BESPOKE SOFTWARE PAGE*/

.steps {background:url(../images/downArrow-150x400.png) no-repeat left center;height:400px;margin-bottom:10px}
.steps div.bespokeStep {margin-left:135px;}

.blogLink{float:right;display:block;clear:both}

.errs{width:100%;border:3px solid red;background-color:#f5b1b4;color:red;margin:10px 0px}

p.smInfo{width:100%;display:block;font-size:8pt;color:#aeaeae;text-align:center;}

.dropShaddow {width:250px;height:250px;padding:0;margin:0}
.dropShaddow div {padding:0px;margin:0px}
.dropShaddow div.dropTop {width:100%;height:5px;display:block;clear:both;background:url(../images/dropshadow/top.gif) repeat-x center center}
.dropShaddow div.dropLeft{width:5px;float:left;height:222px;background:url(../images/dropshadow/left.gif) repeat-y center center}
.dropShaddow div.dropMid{width:200px;float:left;height:200px;padding:9px;}
.dropShaddow div.dropRight{width:5px;float:right;height:204px;background:url(../images/dropshadow/right.gif) repeat-y;margin-left:10px;position:relative;top:-5px;}
.dropShaddow div.dropBottom {width:100%;height:5px;display:block;clear:both;background:url(../images/dropshadow/bottom.gif) repeat-x center center}
.dropShaddow span {position:relative;display:block;}
.dropShaddow span.topLeft{width:14px;height:14px;top:14px;left:0;background:url(../images/dropshadow/top_left.gif) no-repeat center center;z-index:1000;float:left}
.dropShaddow span.topRight{width:14px;height:14px;top:-5px;left:0px;background:url(../images/dropshadow/top_right.gif) no-repeat center center;z-index:1002;float:right}
.dropShaddow span.bottomRight{width:14px;height:14px;top:-14px;left:0px;background:url(../images/dropshadow/bottom_left.gif) no-repeat center center;z-index:1003;float:left;}
.dropShaddow span.bottomLeft{width:14px;height:14px;top:-14px;left:0px;background:url(../images/dropshadow/bottom_right.gif) no-repeat center center;z-index:1004;float:right}

.caseStudy{width:200px;border:dotted 1px gray;float:left;margin:10px;padding:10px;height:220px;cursor:pointer;}
.caseStudy .showcasethumb{width:100%;text-align:center;margin:5px}