@charset "utf-8";

/* CSS Document */

body	{background-color:#fff; text-align:center; height:100%; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px; background-image:url(../assets/images/temp/bkg-main3.jpg); background-repeat:repeat-x}
* {padding:0; margin:0}
body img	{border:none}
body input	{border:1px solid #333}

#cornerpromo	{
	position:absolute;
	width:134px;
	height:156px;
	top:0px;
	left:0;
	margin:0px;
	z-index:2100
}
#wrapper, #wrapper1300, #wrapper1700, #wrapper1500, #wrapper1900	{
	position:relative;
	width:855px;
	margin-top:10px;
	top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:0px;
	background-image:url(../assets/images/temp/bkg-wrapper.jpg);
	background-repeat:no-repeat;
	background-position: center bottom
	
}
#wrapper		{height:1500px;}
#wrapper1300	{height:1300px;}
#wrapper1500	{height:1500px;}
#wrapper1700	{height:1700px;}
#wrapper1900	{height:1900px;}

#splash-page	{
	position:relative;
	width:855px;
	margin-top:10px;
	top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:0px;
	
}

#intro			{position:absolute; width:auto; height:auto; top:0px; left:-20000px}
#header-info	{position:relative; width:90%; height:auto; text-align:right; background:none; padding-right:8px; margin-bottom:0px; top:0px; margin-top:0px; float:right}

#header			{
	position:relative;
	width:100%;
	height:236px;
	top:0px;
	background-image:url(../assets/images/temp/header3.jpg);
	background-repeat:no-repeat;
	background-position:center 13px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	background-color:#fff; z-index:900
}

#footer			{
	position:absolute;
	height:40px;
	width:803px;
	bottom:20px;
	left: 25px;
}
#bottomnav		{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:5px; width:auto; height:20px;
	text-align:center
}
#bottomnav a 	{text-decoration: underline;color: #0066ff;margin-left:10px; margin-right:10px}
#bottomnav a:link, #bottomnav a:visited 	{color: #0066ff;}
#bottomnav a:hover 					{color: #003399;}

#copyright		{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:0px; width:auto; height:20px; text-align:center; color:#000}
#paymentlogo			{
	position:relative;
	height:auto;
	width:100%;
	bottom:100px;
	left: 0px; top:0px; text-align:center; margin:0
}
#paymentlogo img {margin:0px; padding:0px}

/*HOME PAGE ELEMENTS*/
#home-services	{position:relative;width:800px;height:108px;top:0px;left:32px;z-index:10}

#box-design,#box-apps,#box-marketing,#box-cms,#box-flash,#box-ecommerce,#box-catalog 
{position:relative; width:155px; height:108px; top:0px; float:left; margin-left:3px; margin-left:3px }
#box-design		{background-image:url(../assets/images/temp/featurebox-design.jpg); background-repeat:no-repeat}
#box-apps		{background-image:url(../assets/images/temp/featurebox-apps.jpg); background-repeat:no-repeat}
#box-marketing	{background-image:url(../assets/images/temp/featurebox-marketing.jpg); background-repeat:no-repeat}
#box-cms		{background-image:url(../assets/images/temp/featurebox-cms.jpg); background-repeat:no-repeat}
#box-flash		{background-image:url(../assets/images/temp/featurebox-flash.jpg); background-repeat:no-repeat}
#box-ecommerce	{background-image:url(../assets/images/temp/featurebox-ecommerce.jpg); background-repeat:no-repeat}
.getstarted		{position:absolute;width:auto;height:auto;top:51px;left:62px}

/*CONTENTS*/
#content	{
	position:relative;
	background-color:transparent
}
#content a 	{text-decoration: underline;color: #0066ff;}
#content a:link, #content a:visited 	{color: #0066ff;}
#content a:hover 					{color: #003399;}

/*CONTENT BOXES*/
#text-right		{position:relative;width:560px;height:600px;top:10px;left:15px;float:left;}
#text-right ul	{margin-left:15px}

#btn-wrapper			{
	position:absolute;
	width:191px;
	height:35px; z-index:800
}
.btn-startedinfo		{position:absolute; width:89px; height:35px;}
#btn-startedinfo img	{border:none}

#text-left	{position:relative;width:250px;height:825px;top:10px;left:25px;background-image:url(../assets/images/temp/bkg-rightcontent.jpg);background-position: center bottom;float:left; text-align:left}

/*INNER BOXES*/
.innertop			{position:relative;width:100%;min-height:250px;top:0px; margin-top:0px;text-align:justify;float:left;}
.inner1				{
	position:relative;
	width:100%;
	height:auto;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	float:left;
}
.innerreg				{
	position:relative;
	width:560px;
	height:auto;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	float:left;
}
.listbox50				{position:relative; width:50%; height:20px; top:5px; left:0px; float:left}			

.box-img		{position:relative; width:auto; height:auto; top:0px; float:left; text-align:center}
.box-prod		{position:relative;width:495px;height:auto;top:0px;float:left;text-align:justify}
.box-services	{position:relative;width:495px;height:auto;top:0px;float:left;text-align:justify}
.box-port		{position:relative; width:355px; height:auto; top:0px; float:left; line-height:17px; margin-left:5px}
.box-reg		{position:relative;width:405px;height:auto;top:0px;float:left;text-align:justify}

.linetop		{border-top:1px solid #666}

RIGHT CONTENT 
#quote		{
	position:relative;
	width:90%;
	height:auto;
	top:5px;
	left:10px;
	background-repeat:no-repeat; background-image:url(../assets/images/temp/hdr-quote2.gif); background-repeat:no-repeat;padding-top:30px}
#quote form	{margin:0px}

#quoteform			{position:relative; float:left; margin-top:0px; left:10px;width:230px; height:390px}
#quoteformwrap		{position:relative;margin-left:auto; margin-right:auto; width:230px; height:385px}
.rightinner			{position:relative;margin-left:auto; margin-right:auto; width:230px; height:auto}

#news		{ position:relative; left:10px; width:95%; height:auto; float:left; margin-top:20px; background-image:url(../assets/images/temp/hdr-newsroom.gif); background-repeat:no-repeat; padding-top:20px}
#news .inner1 {text-align:left}

/*HEADERS*/
.pageheader				{position:relative; width:100%; height:75px; top:0px; left:0px}
#hdrcontact				{position:relative; width:100%; height:75px; top:0px; left:0px; background-image:url(../assets/images/temp/icon-contact.jpg); background-repeat:no-repeat; }

.floatbox	{
	position:absolute;
	width: 99px;
}

.list		{margin-left:10px}
label		{color:#FF0000}
input		{border:1px solid #555;}
textarea	{border:1px solid #555;}
submit		{width:auto; height:15px; border:1px solid #777}
h1	{margin-top:5px; margin-bottom:0px; font-size:16px; color: #48A49A; text-align:left}
h2	{margin-top:5px; margin-bottom:5px; font-size:14px; color: #48A49A; text-align:left}
h3	{margin-top:0px; margin-bottom:5px; font-size:18px; color:#000066; text-align:left}
h6	{margin-top:10px; margin-bottom:5px; font-size:14px; color: #48A49A; text-align:left}
h5	{margin-top:5px; margin-bottom:0px; font-size:14px; color: #48A49A; text-align:left; }
.blue {color:#000066}
.red	{color:#FF0000}
.hdrlarge	{font-size:16px; color:#FF0000; font-weight:bold}
.hdrgray	{position:relative; font-size:16px; color:#48A49A; font-weight:bold; margin-bottom: 20px}
p			{ margin-top:0px; bottom:10px}

/*PORTFOLIO*/
.portwrapper		{position:relative; width:auto; height:160px; top:0px; float:left; text-align:center; margin-right:10px}
.portfolio-img		{position:relative; width:153px; height:200px; top:0px; float:left; line-height:17px; margin-left:5px}
.portfolio-info		{position:relative; width:375px; height:200px; top:0px; float:left; text-align:center}


/*NAVIGATION*/
#navwrapper	{
	position:absolute;
	width:855px;
	height:auto;
	top:200px;
	left:0px;
	background-color:#fff; z-index:899 
}
#navwrapperinner	{position:relative; left:0px; width:750px; height:13px; top:0px;  margin-left:auto; margin-right:auto; }

.dropdown dt {width:80px; height:12px; border:2px solid #9ac1c9; padding:8px; font-weight:bold; cursor:pointer; background:url(../assets/images/temp/header.gif); text-align:center; color:#555;}
.dropdown dt:hover {background:url(../assets/images/temp/header_over.gif)}
.dropdown dt a, .dropdown dt a:active, .dropdown dt a:visited {text-decoration:none; color:#555; padding-bottom:8px} 

.dropdown {float:left; padding-right:5px; background-color:#fff; z-index:1597}
.dropdown dd {position:absolute; overflow:hidden; width:164px; display:none; background:#fff;  opacity:0;z-index:990}
.dropdown ul {width:160px; border:2px solid #9ac1c9; list-style:none; border-top:none; }
.dropdown li {display:inline;}
.dropdown ul li a, .dropdown ul li a:active, .dropdown ul li a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:150px;z-index:1500}
.dropdown ul li a:hover {background:#d9e1e4; color:#000;z-index:1500}
.dropdown .underline {border-bottom:1px solid #b9d6dc;z-index:1500}