*
{
	padding: 0;
	margin: 0;
}
A
{
	color: #194896;
	text-decoration: underline;
}
UL
{
	list-style: none;
}
BODY
{
	background: url(../images/bg.jpg) repeat;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0063ED;
}
#wrap
{
	width: 950px;
	margin: auto;
}
.hide
{
	display: none;
}
#header
{
	background: url(../images/header.jpg) no-repeat;
	height: 152px;
}
#contents
{
	background: #F2F6FB repeat-y;
	padding: 1px 5px 0;
}
.clear
{
	clear: both;
}
#bottom
{
	background: url(../images/bottombg.jpg) repeat-x;
	height: 126px;
}
#footer
{
	background: url(../images/footer.png) no-repeat;
	height: 81px;
}
#topbar
{
	background: url(../images/topbarbg.jpg) no-repeat left bottom;
	height: 129px;
}
#homepage
{
}
#homepage .services
{
	width: 300px;
	padding: 0 5px;
	float: right;
}
#homepage .portfolio_preview
{
	width: 565px;
	height: 260px;
	float: left;
	background: url(../images/featuredprojectbg.jpg) repeat-x;
}
H1, H2, H3, H4
{
	font-family: "Trebuchet MS", halvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #184596;
}
H1
{
	font-size: 24px;
	color: #184596;
	font-weight: bold;
	text-shadow: 2px 2px 4px #C2C2C3;
}
H2
{
	font-size: 16px;
}
H3
{
	font-size: 14px;
}
H4
{
	font-size: 12px;
}
.maintitle
{
	height: auto;
	padding: 5px 5px 10px;
	text-shadow: 2px 2px 4px #C4C4F9;
}
.subhead
{
	display: block;
	background: url(../images/subheadbg.jpg) repeat-x;
	height: 25px;
	padding: 3px 5px 0;
}
.portfolio_preview H2
{
	display: block;
	padding: 3px 3px 0 5px;
	color: #FFF;
	height: 25px;
}
.services LI
{
	display: block;
	padding: 3px 5px 3px 40px;
	margin: 5px 0 3px;
	height: 46px;
	border-bottom: 1px solid #CCC;
}
.services LI.idea
{
	background: url(../images/ideaicon.jpg) no-repeat;
}
.services LI.design
{
	background: url(../images/designicon.jpg) no-repeat;
}
.services LI.apps
{
	background: url(../images/interneticon.jpg) no-repeat;
}
.services LI.mobile
{
	background: url(../images/mobileicon.jpg) no-repeat;
}
#sitename
{
	display: block;
	padding-top: 10px;
	height: 98px;
	padding-left: 10px;
	font: italic bold 30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
}
#sitename #description
{
	display: block;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
}
#topnav
{
	height: 56px;
}
#topnav UL
{
	padding: 14px 15px 0;
	font: bold 14px "Trebuchet MS", halvetica, Verdana, sans-serif;
	text-transform: uppercase;
}
#topnav LI
{
	display: block;
	float: left;
	height: 41px;
	background: url(../images/menu_line.gif) no-repeat left top;
	padding-left: 5px;
}
#topnav A
{
	display: block;
	height: 38px;
	padding: 3px 10px 0;
	text-decoration: none;
	color: #0763CE;
	float: left;
}
#topnav LI#first
{
	background: none !important;
}
#topnav .active A
{
	background: url(../images/menuactive.png) no-repeat center 27px;
	color: #184896;
}
#topnav A:visited, #topnav A:active
{
	text-decoration: none;
}
#topnav A:hover
{
	color: #184596;
}
.description
{
	color: #D2E7FF;
	font: 14px "Trebuchet MS", halvetica, Verdana, sans-serif;
	display: block;
	padding-top: 25px;
}
.description A
{
	color: #FFF;
	text-decoration: underline;
	border-bottom: 1px dashed #FFF;
}
#search_top
{
	background: url(../images/searchbg.gif) no-repeat;
	height: 36px;
	width: 278px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	/*+placement:float-right -6px 56px;*/
	float: right;
	position: relative;
	left: -6px;
	top: 56px;
}
#search_top P
{
	display: block;
	float: left;
}
#search_top .keyword
{
	background: transparent;
	border-style: none;
	display: block;
	width: 125px;
	float: left;
	padding: 5px;
}
#search_top .button
{
	/*+placement:float-right -3px -3px;*/
	float: right;
	position: relative;
	left: -3px;
	top: -3px;
}
#search_top FORM
{
	display: block;
	background: url(../images/searchfield.gif) no-repeat;
	height: 30px;
	margin-top: 3px;
	float: right;
	width: 170px;
	margin-right: 5px;
}
#topbar .columns
{
	width: 32%;
	float: left;
	padding: 3px;
	margin: 1px;
	color: #999999;
}
.columns .by
{
	font-weight: bold;
}
#topbar .columns P
{
	line-height: 16px;
	padding: 10px;
}
.blog_column
{
	width: 530px;
	float: left;
	padding: 0px;
	text-align: left;
	margin: 5px;
}
.right_column
{
	width: 180px;
	float: right;
	padding: 0px 0px 5px;
	margin: 5px;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(../images/subbg.jpg);
}
.left_column
{
	width: 735px;
	float: left;
	padding: 0px;
	margin: 5px;
	text-align: center;
}
.narrow_column
{
	margin-right: 195px;
	margin-left: 545px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}
.post P
{
	line-height: 16px;
	margin-bottom: 15px;
	padding-right: 5px;
	padding-left: 5px;
}
.post_head .meta
{
	font-size: 10px;
	color: #999999;
	display: block;
	margin-top: 3px;
}
.post .post_head
{
	background: #E8EEF7;
	height: auto;
	margin-bottom: 10px;
	padding: 5px;
}
#bottom .columns
{
	padding: 5px;
	float: left;
	width: 32%;
}
#footer .footercontent
{
	text-align: center;
	padding-top: 15px;
	color: #FFFFFF;
}
.footercontent A
{
	color: #FFF;
}
.footercontent A:hover
{
	color: #14B;
}
.footercontent A:visited, .footercontent A:active
{
	color: #FFF;
}
.footermenu
{
	font-size: 12pt;
}
.footercontent P
{
	margin-bottom: 5px;
}
.portfolio_preview .imageholder
{
	padding: 35px 5px 5px 15px;
	height: 154px;
	width: 334px;
	float: left;
}
.portfolio_preview .clientinfo
{
	width: 180px;
	float: right;
	padding-top: 40px;
	padding-left: 15px;
	padding-right: 10px;
	background: url(../images/portfoliodevider.png) no-repeat left 25px;
}
.portfolio_preview .imageholder IMG
{
	background: #194896;
	padding: 3px;
	display: block;
	border: 1px solid #000000;
}
.clientinfo A
{
	color: #FFFFFF;
	border-bottom: 1px dashed #FFF;
}
.clientinfo .label
{
	color: #FFFFFF;
	width: 100px;
	display: block;
}
.clientinfo P
{
	display: block;
	padding: 3px;
	margin-bottom: 8px;
	color: #FFFFFF;
}
#contents #left
{
	padding: 0px;
	float: left;
}
#contents #sidebar
{
	width: 290px;
	float: right;
	padding: 8px;
}
#left P
{
	line-height: 16px;
	margin-bottom: 15px;
}
.service_img
{
	display: block;
	float: left;
	border-style: none;
	margin-right: 5px;
	margin-left: 5px;
}
#wrap #contents #left UL LI
{
	display: block;
	background: url(../images/bullet.png) no-repeat 0px 3px;
	padding: 5px 5px 5px 10px;
	margin-left: 15px;
	margin-bottom: 3px;
}
.devider
{
	background: #FFFFFF;
	border-bottom: 1px solid #CCC;
	display: block;
	color: #FFFFFF;
	margin-bottom: 15px;
}
#left .servicetitle
{
	display: block;
	margin-bottom: 10px;
	color: #194896;
}
#left .service_p
{
	padding-left: 60px;
}
#sidebar P
{
	line-height: 16px;
	margin-bottom: 16px;
}
A IMG
{
	border: none;
}
A:hover IMG
{
	border: none;
}
A:visited IMG, A:active IMG
{
	border: none;
}
#right_header_ad
{
	/*+placement:float-right 0px 0px;*/
	float: right;
	position: relative;
	left: 0px;
	top: 0px;
}
#adRight
{
	border: 1px solid #C1C1C1;
	margin: 1px;
	padding: 0px;
}
#adRight:hover
{
	border: 1px solid #010101;
}
#getaquote #fcf2 .r .f
{
	display: block;
}
.f INPUT
{
	display: block;
	border: 1px solid #999999;
	padding: 5px;
}
#getaquote #fcf2 .r .f #comments
{
	border: 1px solid #999999;
	padding: 5px;
}
.products_list LI
{
	display: block;
	height: 70px;
	width: 201px;
	margin-bottom: 3px;
}
.products_list A
{
	display: block;
	background: url(../images/productbg1.gif) no-repeat;
	height: 56px;
	width: 201px;
	text-align: center;
	padding: 12px 0 0;
	text-decoration: none;
}
.products_list
{
	padding-top: 5px;
}
.products_list A:hover
{
	background: url(../images/productbg2.gif) no-repeat;
}
#quote_request
{
	background-image: url(../images/formbg.gif);
	background-repeat: repeat;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#quote_request H2
{
	display: block;
	background: url(../images/quote.gif) no-repeat;
	height: 61px;
	padding-left: 61px;
	padding-top: 8px;
}
#quote_request FORM P
{
	display: block;
	padding-left: 12px;
}
#quote_request .commentarea
{
	display: block;
	height: 140px;
	width: 257px;
	border: 1px solid #E0DCCB;
}
#quote_request .commentarea:hover
{
	border: 1px solid #908B72;
}
#quote_request LABEL
{
	display: block;
	padding: 3px;
	font: bold 12px "Trebuchet MS", halvetica, Verdana, sans-serif;
}
#quote_request .textfield
{
	background: transparent url(../images/textfield1.gif) no-repeat;
	display: block;
	border-style: none;
	height: 28px;
	width: 241px;
	padding: 7px 8px 0;
	font: bold 14px "Trebuchet MS", halvetica, Verdana, sans-serif;
	color: #655045;
}
#quote_request .textfield:hover
{
	background: transparent url(../images/textfield2.gif) no-repeat;
}
#quote_request LABEL .info
{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	display: block;
}
.success
{
	background: #D9E7F3 url(../images/success.gif) no-repeat 3px 3px;
	display: block;
	padding: 5px 5px 5px 55px !important;
	height: 60px;
}
.error
{
	background: #EAD2A8 url(../images/error.gif) no-repeat 3px 3px;
	display: block;
	padding: 5px 5px 5px 55px !important;
	height: 60px;
}
.progress
{
	background: url(../images/loading.gif) no-repeat 3px 3px;
	padding: 5px 5px 5px 55px !important;
	height: 50px;
}
.bordered
{
	border-bottom: 1px dashed #999999;
	margin-bottom: 15px;
	padding-bottom: 10px;
	display: block;
}
#bottom P
{
	display: block;
	padding: 3px;
}
#bottom .columns H3
{
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	color: #194896;
	display: block;
}
#midbottom IMG
{
	display: block;
	float: left;
	padding-top: 30px;
	padding-left: 25px;
	padding-right: 15px;
}
.resourcelist LI
{
	display: block;
	height: 25px;
}
.relatedlinks LI
{
	display: block;
	height: 25px;
}
.resourcelist A
{
	display: block;
	height: 18px;
	padding-top: 6px;
	padding-right: 4px;
	padding-left: 15px;
	background: url(../images/bullet.png) no-repeat 0px 7px;
	border-bottom: 1px dashed #CCC;
}
.relatedlinks A
{
	display: block;
	height: 18px;
	padding-top: 6px;
	padding-right: 4px;
	padding-left: 15px;
	background: url(../images/bullet.png) no-repeat 0px 7px;
	border-bottom: 1px dashed #CCC;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}
.relatedlinks #active
{
	display: block;
	height: 18px;
	border-bottom: 1px dashed #CCC;
	margin-left: 8px;
	color: #000000;
}
.resourcelist A:hover
{
	color: #000;
}
.relatedlinks A:hover
{
	color: #000;
	background-color: #FFFFFF;
}
.theme_image
{
	display: block;
	margin: auto;
	padding: 5px;
	background: #F4F4F4;
	border: 1px solid #CCC;
}
#widecolumn
{
	padding: 8px;
}
.nrwcolumn
{
	float: left;
	width: 23%;
	margin: 4px;
	padding: 4px;
}
#widecolumn #real2
{
	background: url(../images/real2logo.jpg) no-repeat center top;
	padding-top: 105px;
}
#widecolumn #omcms
{
	background: url(../images/omlogo.jpg) no-repeat center top;
	padding-top: 105px;
}
#widecolumn #kre8ivity
{
	background: url(../images/kre8ivitylogo.jpg) no-repeat center top;
	padding-top: 105px;
}
#widecolumn #oet
{
	background: url(../images/oetlogo.jpg) no-repeat center top;
	padding-top: 105px;
}
#widecolumn P
{
	line-height: 16px;
	margin-bottom: 16px;
}
.blue
{
	color: #194896;
	padding-bottom: 10px;
}
.lists LI
{
	display: block;
	background: url(../images/bullet.png) no-repeat 3px 5px;
	padding: 5px 5px 5px 20px;
	margin-bottom: 5px;
}
#portfolio .site
{
	padding: 15px 5px 5px;
	background: #E0EEFC url(../images/portfoliobg.gif) repeat-x left bottom;
	border: 1px solid #BDDBF9;
	position: relative;
	margin-bottom: 5px;
}
.portfolio_image
{
	display: block;
	padding: 9px;
	margin: auto;
	background: #FFFFFF;
	border: 1px solid #B9D9F9;
}
#portfolio .site .layer SPAN
{
	display: block;
	padding-top: 40px;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding-left: 40px;
}
.site .layer
{
	display: block;
	background: url(../images/portfoliolayer.gif) no-repeat;
	height: 88px;
	width: 80px;
	position: absolute;
	float: right;
	z-index: 99;
	right: 8px;
	top: 114px;
}
#portfolio .site P
{
	display: block;
	margin: 0px 10px 8px;
	padding: 0px 5px 5px;
}
.portfolio_image:hover
{
	display: block;
	padding: 9px;
	margin: auto;
	background: #FFE;
	border: 1px solid #194896;
}
.testimonails BLOCKQUOTE
{
	background: url(../images/dblquotes.gif) no-repeat 3px 3px;
	padding-left: 30px;
}
#results .description
{
	color: #333333;
	padding: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #CCC;
}
#results .url
{
	padding: 5px;
	background: #F4F4F4;
}
#results
{
	padding: 5px;
}
#result_report
{
	padding: 3px;
	background: #4891ED;
	color: #FFFFFF;
}
.columns H2
{
	display: block;
	padding-left: 10px;
	padding-top: 3px;
	height: 20px;
	text-shadow: 1px 1px 1px #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
.portfolio_preview H2 IMG
{
	display: block;
	padding-left: 12px;
	padding-top: 3px;
}
BR.clear
{
	display: block;
	clear: both;
	height: 1px;
}
#message
{
	background-color: #FFFFFF;
	color: #000000;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
}
#message A
{
	color: #000000;
}
#message TABLE
{
	border-width: 1px;
	/*[empty]border-spacing:;*/
	border-style: outset;
}
#message TD, TH
{
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	color: #000000;
	text-align: center;
}
#archive #category
{
	height: 25px;
	padding-top: 25px;
	padding-left: 0px;
	letter-spacing: -0.5px;
	font-size: 18px;
	font-weight: bold;
	color: #1B4597;
	border-bottom: 1px solid #149;
	text-align: left;
}
#archive #title
{
	display: table;
	clear: both;
	padding: 0px;
	width: 100%;
	border-bottom: 1px dashed #555;
	text-align: left;
	font-size: 10.6pt;
}
#archive #title #cell
{
	display: table-cell;
	vertical-align: middle;
}
#archive #title #cell IMG
{
	border: 0;
}
#archive #title A
{
	position: relative;
/*this is the key*/
	z-index: 24;
}
#archive #title A:hover
{
	z-index: 25;
}
#archive #title A SPAN
{
	display: none;
}
#archive #title A:hover SPAN
{
/*the span will display just on :hover state*/
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: #000;
	color: #FFF;
	z-index: 26;
}
#archive #navigate
{
	display: table;
	background-color: #333;
	clear: both;
	font-size: large;
	width: 100%;
}
#archive #navigate #cell
{
	display: table-cell;
	vertical-align: middle;
}
#archive #navigate A
{
	text-decoration: underline;
	border: none;
	color: #FFF;
}
#archive #navigate A:hover
{
	text-decoration: none;
	color: #EEE;
}
#archive A
{
	text-decoration: none;
	border: none;
	color: #1B4597;
	text-align: left;
}
#archive A:visited
{
	text-decoration: none;
	border: none;
	color: #1D77F1;
}
#archive A:hover
{
	text-decoration: underline;
}
.recentarchive_item
{
	padding: 3px;
	margin: 3px;
	text-align: left;
}
.recentarchive_item:hover
{
	background-color: #FFFFFF;
}
.recentarchivehoriz_item
{
	height: auto;
	width: 100px;
	/*+placement:float-left 0px 0px;*/
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
}
.recentarchivehoriz_item:hover
{
	background-color: #FFFFFF;
}
#movies UL
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#movies LI
{
	margin: 0;
	padding: 0;
}
#movies LI UL
{
	margin: 0px;
	padding: 0px;
}
#movies LI LI
{
	line-height: 25px;
	border-bottom: 1px dashed #555555;
	margin: 0px;
	border-left: none;
}
#movies LI LI SPAN
{
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}
#movies #category
{
	height: 25px;
	padding-top: 25px;
	padding-left: 0px;
	letter-spacing: -0.5px;
	font-size: 18px;
	color: #000000;
	border-bottom: 3px solid #000000;
	font-weight: bold;
	text-align: left;
}
#movies #title
{
	display: block;
	height: 24px;
	clear: both;
	width: 100%;
	border-bottom: 1px dashed #184596;
	font-weight: normal;
}
#movies #title #left
{
	height: 18px;
	float: left;
}
#movies #title #right
{
	display: table-row;
	height: 18px;
	float: right;
}
#movies A
{
	text-decoration: none;
	border: none;
	color: #010101;
	font-size: 12pt;
}
#movies A:visited
{
	text-decoration: none;
	border: none;
	color: #454545;
}
#movies A:hover
{
	text-decoration: underline;
}