/* CSS Document */
body 				{
	background-color: #2D2D2D;
	text-align: center;
	background-image: url(/assets/images/bg2.jpg);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	color: #ECECEC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#page				{
	background-image: url(/assets/images/bgother.jpg);
	background-repeat: repeat-x;
}
h1 					{
	font-size: 18px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
} 
h1 span				{  }
h2  				{
	margin: 0;
	color: #28ACE2;
	font-size: 18px;
} 
h2 span				{ background-color: #F3F0DA; padding: 0 8px 0 4px; font-size: 16px; } 
h3 					{
	font-size: 18px;
	color: #DDDDDD;
	margin: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 0 22px 0 0;
} 
a:link 				{
	color: #28ACE2;
} 
a:visited 			{
	color: #8ACCE7;
} 
a:hover				{ text-decoration: none; } 
a:active			{
	text-decoration: none;
} 
img					{ border: 0; }
acronym 			{ cursor: help; }

/* Main Styles */
#container			{
	width: 960px;
	margin: 0 auto;
	display: block;
	text-align: left;
}
#logo				{
	margin: 0;
	float: left;
}

#mid				{
	width: 940px;
	padding: 0;
	margin: 50px auto 0 auto;
}
#viewer             {
	border: solid #e1e1e1 4px;
	background-color: #FFFFFF;
	width: 715px;
	height: 230px;
	margin: 0 0 10px 110px;
}
ul#portfolio			{
	list-style-type: none;
	float: right;
	margin: 40px 0 20px 0;
	width: 620px;
}
ul#portfolio li		{
	float: left;
	margin: 0 15px 20px 15px;
	width: 161px;
	background-color: #FFFFFF;
	height: 161px;
	border: 7px solid #7c7c7c;
}

ul#social			{
	list-style-type: none;
	float: right;
	margin: 10px 0 40px 0;
}
ul#social li		{ float: left; margin: 0 10px 0 0; }
ul#social span		{
	display: none;
}

a#facebook			{ background-image: url(/assets/images/social/facebook-down.png); width: 62px; display: block; height: 42px; }
a#twitter			{ background-image: url(/assets/images/social/twitter-down.png); width: 64px; display: block; height: 42px; }
a#linkedin			{ background-image: url(/assets/images/social/linkedin-down.png); width: 64px; display: block; height: 42px; }
a#behance			{ background-image: url(/assets/images/social/behance-down.png); width: 61px; display: block; height: 42px; }
a#contactus			{
	background-image: url(/assets/images/icon/phone2.gif);
	width: 42px;
	display: block;
	height: 40px;
	background-repeat: no-repeat;
}

a#facebook:hover			{ background-image: url(/assets/images/social/facebook-up.png); }
a#linkedin:hover			{ background-image: url(/assets/images/social/linkedin-up.png); }
a#twitter:hover			{ background-image: url(/assets/images/social/twitter-up.png); }
a#behance:hover			{ background-image: url(/assets/images/social/behance-up.png); }

#subnav				{
	width: 300px;
	margin: 14px 0 0 0px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	padding: 15px 0 0 10px;
	border-right: solid #e1e1e1 1px;
}
.services p a			{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	padding: 0 20px;
}

#homeserv			{
	float: right;
	color: #FFFFFF;
	margin: 10px 0 0 0px;
	height: 400px;
	width: 625px;
	padding: 10px 0 5px 0;
}

#rightside			{
	float: right;
	color: #FFFFFF;
	margin: 18px 0 0 0px;
	width: 610px;
	padding: 10px 0 5px 15px;
}
.threes		{
	text-align: left;
	margin: 20px 4px 10px 12px;
	display: block;
	width: 180px;
	float: left;
	font-size: 12px;
	font-style: italic;
}
.threes	h3	{
	font-size: 15px;
	color: #FFFFFF;
	border-bottom: 1px solid #565656;
	padding: 0 0 4px 0;
}

.team p		{
	padding: 20px 0 0 0;
	margin: 10px 0 0 0;
}
.team img		{
	float: left;
}
.team div		{
	margin: 0 0 0 120px;
}
.team strong		{
	color: #28ACE2;
	font-size: 18px;
}
.team em		{
	font-weight: bold;
}
.team h2		{
	border-bottom: 4px solid #565656;
	padding: 0 0 10px 0;
}

ul#process			{
	padding: 0;
	list-style-type: none;
	margin: 0;
	display: block;
}

ul#process	li		{
	float: left;
}

ul#process	a		{ display: block; height: 106px; }

ul#process	span	{ display: none; }

a#phase1		{ background-image:url(/assets/images/icon/process-icon1.png); width: 115px; }
a#phase2		{ background-image:url(/assets/images/icon/process-icon2.png); width: 119px; }
a#phase3		{ background-image:url(/assets/images/icon/process-icon3.png); width: 120px; }
a#phase4		{ background-image:url(/assets/images/icon/process-icon4.png); width: 127px; }
a#phase5		{ background-image:url(/assets/images/icon/process-icon5.png); width: 113px; }

a#phase1:hover		{ background-image:url(/assets/images/icon/process-icon1-blue.png); }
a#phase2:hover		{ background-image:url(/assets/images/icon/process-icon2-blue.png); }
a#phase3:hover		{ background-image:url(/assets/images/icon/process-icon3-blue.png); }
a#phase4:hover		{ background-image:url(/assets/images/icon/process-icon4-blue.png); }
a#phase5:hover		{ background-image:url(/assets/images/icon/process-icon5-blue.png); }

h2.process 			{ margin: 40px 0 0 0; }
.process strong		{ font-size: 20px; }
.process em		{  color: white; }

#homeserv div		{
	text-align: left;
	margin: 10px 4px 10px 12px;
	display: block;
	width: 190px;
	float: left;
	font-size: 12px;
}
#secondrow         {
	float: right;
	color: #FFFFFF;
	margin: 30px 0 0 0px;
}

#secondrow div     {
    text-align: left;
	margin: 0 8px;
	display: block;
	width: 190px;
	float: left;
}

ul#nav				{
	padding: 0;
	list-style-type: none;
	margin: 30px 0 40px 420px;
	display: block;
}

#nav a				{
	display: block;
	height: 25px;
}
#nav span				{
	display: none;
}
ul#nav li				{
	float: left;
	margin: 0 15px 0 0;
}

#homenav a				{
	background-image: url(/assets/images/nav/home.gif);
	background-repeat: no-repeat;
	z-index: 999;
	width: 70px;
}
#portnav a				{
	background-image: url(/assets/images/nav/portfolio.gif);
	background-repeat: no-repeat;
	width: 113px;
}
#servnav a				{
	background-image: url(/assets/images/nav/services.gif);
	background-repeat: no-repeat;
	z-index: 999;
	width: 98px;
}
#abounav a				{
	background-image: url(/assets/images/nav/about.gif);
	background-repeat: no-repeat;
	z-index: -999;
	width: 79px;
}
#contnav a				{
	background-image: url(/assets/images/nav/contact.gif);
	background-repeat: no-repeat;
	width: 93px;
}


#right-holder			{
	background-image: url(/assets/images/right-holder.png);
	width: 154px;
	display: block;
	height: 387px;
	position: relative;
	left: 670px;
	top: -30px;
	overflow: hidden;
	text-align: center;
}

#newsletter			{
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: right;
	display: block;
	height: 69px;
	width: 100%;
	padding: 5px 0 10px 0;
}
#newsletter span		{
	font-size: 10px;
}
	#emailInput			{
	height: 18px;
	border: 0;
	background-color: #ECECEC;
	margin: -15px 0 0 0;
	padding: 0;
}
#search2			{
	height: 18px;
	display:block;
	overflow: hidden !important;
	padding: 5px 0;
}
#search2 div			{
	margin: 0 0 0 710px;
	float: left;
}
#signup			{
	float: right;
	display: block;
}

.date				{
	background-image: url(/assets/images/date.jpg);
	display: block;
	width: 55px;
	height: 51px;
	font-weight: bold;
	color: #FFFFFF;
	background-repeat: no-repeat;
	text-align: center;
	text-transform: uppercase;
	float: left;
}

.date span			{
	display: block;
}
.topic	{
	margin: 0 0 10px 70px;
	font-size: 11px;
	padding: 0 10px 0 0;
}
.topic	h3 a {
	font-size: 12px;
	text-decoration: none;
	border-bottom: 1px solid #565656;
	display: block;
	padding: 0 0 6px 0;
}

#sidebar ul		{ list-style-type: none; }

/* Footer */
#footer				{
	clear: both;
	text-align: center;
	margin:0;
	color: #999999;
	background-image: url(/assets/images/line.gif);
	background-repeat: repeat-x;
	padding: 15px 0 20px 0;
}

#footer	div			{
	width: 960px;
	margin: 0 auto 15px auto;
}

.clear					{
	clear: both;
}

#bottom					{
	background-image: url(/assets/images/bottom.png);
	width: 937px;
	display: block;
	height: 444px;
	background-position: 50% 0;
}

/* Form Styles */
#form				{
	float: left;
	width: 428px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 0 0 100px;
	background-image: url(/assets/images/contact.png);
	height: 447px;
	color: #000000;
	padding: 0;
}
#form p				{ padding: 0px; text-align: center; }
#form em			{ color: #f00; }
#form div.row		{
	clear: both;
	margin: 15px 0 12px 40px;
}
#form label			{
	display: block;
	padding: 0 0 4px 0;
}
#form span.field	{
	text-align: left;
}
#form div.submit	{ clear: both; }
#form .submit input	{
	width: 77px;
	border: 0;
	float: right;
	margin: 0 46px 0 0;
	height: 25px;
	background-image: url(none);
	padding: 0;
}
#form .req			{  }

#form input 						{
	background-color: transparent;
	padding: 4px;
	width: 337px;
	background-image: url(/assets/images/input.jpg);
	height: 26px;
	border: none;
	font-size: 14px;
}
#form input:focus, #form textarea:focus			{
	
}

#form textarea {
	background-image: url(/assets/images/text.jpg);
	background-color: transparent;
	border: none;
	width: 333px;
	padding: 6px;
	background-repeat: no-repeat;
}
#ack					{
	border-bottom:1px solid #365BB1;
	border-top:1px solid #365BB1;
	padding: 5px 20px;
	margin: 0 0 0 10px;
	font-weight: bold;
	font-size: 1.2em;
	background-color: #BDCAEB;
} 
#hidden				{ display: none; }