body, div, h1, h2, h3, h4, h5, h6, hr, p, ul, li, strong, em, span, img, form, fieldset, label {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1em;
}

hr {
	display: none;
}

input,
textarea,
select {
	margin: 0;
	font: 12px Arial, Helvetica, sans-serif;
}

button {
	margin: 0;
	cursor: pointer;
}

body {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
}

.clear-fix {
	clear: both;
}

.gray {
	color: #7d7F81 !important;
}

.dark-gray {
	color: #434445 !important;
}

.soft-gray {
	color: #939598 !important;
}

.sky {
	color: #00aedc !important;
}

.black {
	color: #231f20 !important;
}

.center {
	text-align: center;
}

a {
	color: #00aedc;
}

/*



container



------------------------------------------------------------------------------------------------------------------*/

div#container {
	position: relative;
	width: 990px;
	margin: auto;
	overflow: hidden;
}

/*



header



------------------------------------------------------------------------------------------------------------------*/

div#header {
	position: relative;
	background: url(../images/header-bg.png) repeat-x;
	height: 158px;
}

div#header p.logo {
	position: absolute;
	top: 50px;
	left: 33px;
	width: 310px;
	height: 80px;
}

div#header p.logo a {
	display: block;
	background: url(../images/logo.png) no-repeat;
	width: 310px;
	height: 80px;
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
}

div#header .headerkeywords {
	position: absolute;
	top: 18px;
	right: 10px;
	font-size: 12px;
	z-index: 9;
}

div#header .headerphone {
	position: absolute;
	top: 62px;
	right: 0;
	background: url(../images/headerphone-bg.gif) no-repeat;
	width: 237px;
	height: 47px;
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
}

/*



navigation



------------------------------------------------------------------------------------------------------------------*/

div#navigation {
	position: absolute;
	top: 132px;
	right: 0;
	height: 17px;
	z-index: 100;
}

div#navigation ul {
	list-style: none;
}

div#navigation ul ul {
	position: absolute;
	top: 16px;
	left: 0;
	background: #064476;
	width: 124px !important;
	padding: 4px 6px;
}

div#navigation ul ul ul {
	position: absolute;
	top: -4px;
	left: 120px;
	background: #064476;
	width: 124px !important;
	padding: 4px 6px;
}

div#navigation ul .contactus ul,
div#navigation ul #page31 ul {
	left: auto;
	right: 0;
}

div#navigation ul .contactus ul ul,
div#navigation ul #page31 ul ul {
	left: auto;
	right: 0;
}

div#navigation li {
	display: block;
	position: relative;
	float: left;
	background: url(../images/navigation-li.gif) left 1px no-repeat;
	width: auto;
	height: 16px;
}

div#navigation li li {
	background: url(../images/navigation-dotted.gif) left bottom repeat-x !important;
	width: 112px;
	height: auto;
	padding: 0 6px;
}

div#navigation li .last {
	background: none;
}

div#navigation #page1.first,
div#navigation #page19.first {
	background: none;
}

div#navigation a {
	display: block;
	height: 16px;
	padding: 0 17px;
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
}

div#navigation li li a {
	background: 0;
	width: auto !important;
	height: auto;
	padding: 8px 0;
	font-size: 12px;
	color: #fff;
	text-indent: 0 !important;
	text-decoration: none;
	overflow: visible !important;
}

div#navigation li li:hover a,
div#navigation li li.iehover a,
div#navigation li li a:hover {
	color: #fff200;
	text-decoration: underline;
}

div#navigation li li:hover li a,
div#navigation li li.iehover li a {
	color: #fff;
	text-decoration: none;
}

div#navigation li li li:hover a,
div#navigation li li li.iehover a,
div#navigation li li li a:hover {
	color: #fff200;
	text-decoration: underline;
}

div#navigation .home a,
div#navigation #page1 a {
	background: url(../images/navigation-home.png) center top no-repeat;
	width: 27px;
}

div#navigation .aboutus a,
div#navigation #page19 a {
	background: url(../images/navigation-aboutus.png) center top no-repeat;
	width: 48px;
}

div#navigation .websitedesign a,
div#navigation #page2 a {
	background: url(../images/navigation-websitedesign.png) center top no-repeat;
	width: 76px;
}

div#navigation .websitedesign li a,
div#navigation #page2 li a {
	background: none;
}

div#navigation .graphicdesign a,
div#navigation #page11 a {
	background: url(../images/navigation-graphicdesign.png) center top no-repeat;
	width: 78px;
}

div#navigation .graphicdesign li a,
div#navigation #page11 li a {
	background: none;
}

div#navigation .seo a,
div#navigation #page8 a {
	background: url(../images/navigation-seo.png) center top no-repeat;
	width: 49px;
}

div#navigation .seo li a,
div#navigation #page8 li a {
	background: none;
}

div#navigation .portfolio a,
div#navigation #page15 a {
	background: url(../images/navigation-portfolio.png) center top no-repeat;
	width: 51px;
}

div#navigation .blog a,
div#navigation #page37 a {
	background: url(../images/navigation-blog.png) center top no-repeat;
	width: 25px;
}

div#navigation .friends a,
div#navigation #page30 a {
	background: url(../images/navigation-friends.png) center top no-repeat;
	width: 40px;
}

div#navigation .contactus a,
div#navigation #page31 a {
	background: url(../images/navigation-contactus.png) center top no-repeat;
	width: 56px;
}

div#navigation .sitemap a,
div#navigation #page70 a {
	background: url(../images/navigation-sitemap.png) center top no-repeat;
	width: 40px;
}

div#navigation ul ul {
	display: none;
}

div#navigation ul li:hover ul,
div#navigation ul li.iehover ul {
	display: block;
}

div#navigation ul li:hover ul ul,
div#navigation ul li.iehover ul ul {
	display: none;
}

div#navigation ul li:hover ul li:hover ul,
div#navigation ul li.iehover ul li.iehover ul {
	display: block;
}

/*



banner



------------------------------------------------------------------------------------------------------------------*/

div.banner {
	position: relative;
	background: url(../images/banner-bg.jpg) no-repeat;
	height: 176px;
	z-index: 99;
}

div.banner p.slogan {
	display: block;
	position: absolute;
	top: 26px;
	left: 308px;
	background: url(../images/banner-h1.png) no-repeat;
	width: 338px;
	height: 123px;
	/* hide from IE Mac \*/
	text-indent: -999em;
	overflow: hidden;
	/* end hide */
}

div.banner ul {
	position: absolute;
	top: 20px;
	left: 39px;
	width: 254px;
	background: url(../images/banner-ul.png) 101px 49px no-repeat;
	list-style: none;
}

div.banner li {
	position: relative;
	display: block;
	width: 254px;
	height: 61px;
	margin: 0 0 13px 0;
}

div.banner li.meeting a,
div.banner li.call a#call-link {
	display: block;
	width: 254px;
	height: 61px;
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
}

div.banner li.meeting a {
	background: url(../images/banner-button-meeting.png) no-repeat;
}

div.banner li.call a#call-link {
	background: url(../images/banner-button-call.png) no-repeat;
      // position:absolute;
       // z-index:1;
}

div.banner img {
	display: block;
	float: left;
}

div.banner form {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	//background: url(../images/callform-bg.png) no-repeat;
        border-bottom:#999 solid 4px; 
        background: url(../images/callform-bg-middle.png) center top repeat-y;
	width: 254px;
	//height: 284px;
        height:auto;
}

div.banner form fieldset {
	display: block;
	width: 224px;
	margin: 13px 16px 0 14px;
	overflow: hidden;
}

div.banner form p {
	margin: 0 0 6px 0;
}

div.banner form label {
	display: block;
	background: #86c806 url(../images/callform-labels-new.gif) center top no-repeat;
	width: 224px;
	height: 24px;
	margin: 0 0 4px 0;
	padding: 0;
        
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
}

div.banner form .Fristname label {
	background-position: center -72px;
}

div.banner form .Lastname label {
	background-position: center -96px;
}

div.banner form .email label {
	background-position: center -120px;
}

div.banner form .phonenumber label {
	background-position: center -24px;
}

div.banner form .Preffered_Times label {
	background-position: center -144px;
}

div.banner form .phonenumber label {
	background-position: center top;
}

div.banner form .besttime label {
	background-position: center -24px;
}

div.banner form .name label {
	background-position: center -48px;
}

div.banner form .captcha label {
	display: inline;
	background: none;
	height: auto;
	margin: 0 0 4px 0;
    text-indent: 0;
}

div.banner form .captcha span {
	display: block;
	width: 224px;
	height: 28px;
	overflow: hidden;
}

div.banner form .captcha a {
	display: block;
	float: right;
	background: url(../images/refresh.png) center no-repeat;
	width: 28px;
	height: 26px;
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
}

div.banner form img {
	margin: 0 0 4px 0;
}

div.banner form input {
	width: 218px;
	height: 14px;
	padding: 2px;
	border: 1px solid #7e8082;
}

div.banner form input.w3 {
	width: 40px;
	margin: 0 0 0 2px;
}

div.banner form input.first {
	margin: 0;
}

div.banner form input.w8 {
	width: 116px;
	margin: 0 0 0 2px;
}

div.banner form .captcha input {
	width: 108px;
}

div.banner form select {
	width: 224px;
	height: 20px;
	padding: 0;
	border: 1% solid #7e8082;
}

div.banner form button {
	display: block;
	background: url(../images/callform-button.png) no-repeat;
	width: 61px;
	height: 29px;
	margin: 0 14px 0 160px;
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
	cursor: pointer;
	border: 0;
}

div.banner form #call-error {
	position: absolute;
	top: 235px;
	left: 14px;
	width: 154px;
	color: red;
	z-index: 9;
}

div.banner form #email-error {
	position: absolute;
	top: 370px;
	left: 14px;
	width: 154px;
	color: red;
	z-index: 9;
}

div.banner form .close {
	position: absolute;
	bottom: -5px;
	right: -5px;
	background: url(../images/callform-close.png) center no-repeat;
	width: 25px;
	height: 25px;
	margin: 0;
	padding: 0;
	text-indent: -999em;
	overflow: hidden;
	cursor: pointer;
}

/*



block



------------------------------------------------------------------------------------------------------------------*/

div.block {
	position: relative;
	float: right;
	width: 778px;
	height: 278px;
	overflow: hidden;
	z-index: 1;
}

/* Box left */



div.boxleft {
	position: absolute;
	top: 334px;
	left: 0;
	width: 207px;
	height: 278px;
	overflow: hidden;
	z-index: 9;
}



/* Sales & Marketing */
div.salesandmarketing {
	position: relative;
	background: url(../images/salesandmarketing-bg.png) no-repeat;
	height: 219px;
	padding: 22px 9px 0 17px;
}
.inner div.salesandmarketing {
	height: 201px;
}
div.salesandmarketing p.title {
	background: url(../images/salesandmarketing-h3.png) no-repeat;
	width: 173px;
	height: 85px;
	margin: 0 0 20px 0;
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
}
div.salesandmarketing .comment {
	position: absolute;
	top: 100px;
	left: 68px;
	background: url(../images/salesandmarketing-comment.png) no-repeat;
	width: 122px;
	height: 20px;
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
}
div.salesandmarketing form p {
	margin: 0 !important;
	padding: 0 !important;
}
div.salesandmarketing form .TXNewsletters_form_item {
	margin: 0 0 9px 0;
}
div.salesandmarketing label {
	display: none;
}
div.salesandmarketing input,
div.salesandmarketing input[type="text"] {
	width: 167px;
	height: 16px;
	padding: 0 3px;
	color: #808080;
	border: 0;
}
div.salesandmarketing button,
div.salesandmarketing input[type="button"] {
	display: block;
	float: right;
	background: url(../images/salesandmarketing-button.png) no-repeat;
	width: 107px;
	height: 30px;
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
	border: none;
}
div.salesandmarketing .unsubscribe button {
	background: url(../images/salesandmarketing-button-unsubscribe.png) no-repeat;
	margin: 15px 0 0 0;
}
div.salesandmarketing p.subscribethanks {
	margin: 0 7px 0 0;
	padding: 15px 0 0 0;
	font-size: 12px;
	color: #fff;
	text-align: center;
}



/* Search */
div.search {
	position: relative;
	padding: 26px 0 1px 8px;
}
div.search label {
	display: none;
}
div.search input {
	display: block;
	float: left;
	width: 146px;
	margin: 4px 0 0 0;
	padding: 4px 5px 3px 5px;
	color: #a7a9ac;
	border: 1px solid #808080;
}
div.search button {
	display: block;
	float: left;
	background: url(../images/search-button.png) no-repeat;
	width: 39px;
	height: 32px;
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
	border: none;
}



/* Wrapper Services */
div.wrapperservices {
	position: relative;
	float: right;
	background: url(../images/wrapperservices-bg.png) no-repeat;
	width: 778px;
	height: 281px;
}
div.wrapperservices .boxservice {
	position: relative;
	float: left;
	width: 230px;
	margin: 0 0 0 31px;
	padding: 26px 0 0 0;
	font-size: 11px;
	line-height: 115%;
}
div.wrapperservices .websitedesign {
	margin: 0;
}
div.wrapperservices .boxservice h1 {
	height: 32px;
	margin: 0 0 0 20px;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	text-indent: 5px;
	line-height: 32px;
	letter-spacing: -1px;
	white-space: nowrap;
}
div.wrapperservices .websitedesign h1 {
	background: url(../images/boxservice-websitedesign.gif) no-repeat;
}
div.wrapperservices .graphicdesign h1 {
	background: url(../images/boxservice-graphicdesign.gif) no-repeat;
}
div.wrapperservices .searchengineoptimization h1 {
	background: url(../images/boxservice-searchengineoptimization.gif) no-repeat;
}
div.wrapperservices .boxservice .wrapperimg {
	display: block;
	position: relative;
	width: 210px;
	height: 111px;
	margin: 0 0 0 12px;
	overflow: hidden;
}
div.wrapperservices .boxservice .wrapperimg img {
	display: block;
	margin: 5px auto 0 auto;
	z-index: 1;
}
div.wrapperservices .boxservice .wrapperimg span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/boxservice-img.png) no-repeat;
	width: 210px;
	height: 111px;
	z-index: 9;
}
div.wrapperservices .boxservice p {
	margin: 0 0 0 22px;
}



/*
CONTENT 
------------------------------------------------------------------------------------------------------------------*/
div.wrappercontent {
	height: 1%;
	padding: 0 0 30px 0;
	clear: both;
}
div.wrapperleft {
	float: left;
	width: 770px;
	overflow: hidden;
}



/*
SIDEBAR LEFT 
------------------------------------------------------------------------------------------------------------------*/
div.sidebarleft {
	position: relative;
	float: left;
	width: 207px;
}



/* Knowledge Base*/
div.knowledgebase {
	position: relative;
	background: url(../images/knowledgebase-bg-content.png) repeat-y;
}
div.knowledgebase .top {
	background: url(../images/knowledgebase-bg-top.png) no-repeat;
}
div.knowledgebase .bottom {
	background: url(../images/knowledgebase-bg-bottom.png) left bottom no-repeat;
	height: 1%;
	padding: 25px 0 6px 0;
}
div.knowledgebase p.maintitle {
	background: url(../images/knowledgebase-h2.gif) no-repeat;
	width: 183px;
	height: 46px;
	margin: 0 0 0 12px;
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
}
div.knowledgebase p.comment {
	background: url(../images/knowledgebase-comment.png) no-repeat;
	height: 67px;
	margin: -6px 0 0 3px;
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
}
div.knowledgebase h3 {
	background: url(../images/knowledgebase-h3.gif) no-repeat;
	height: 21px;
	margin: 0 0 5px 14px;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	text-indent: 8px;
	line-height: 21px;
}
div.knowledgebase ul {
	margin: 0 0 1px 24px;
	padding: 0 0 10px 0;
	list-style: none;
}
div.knowledgebase ul li {
	display: block;
	background: url(../images/arrow.gif) no-repeat;
	height: auto !important;
	height: 11px;
	min-height: 11px;
	margin: 0 0 1px 0;
	padding: 0 0 0 15px;
}
div.knowledgebase a {
	color: #808080;
	text-decoration: none;
}






/*
CONTENT 
------------------------------------------------------------------------------------------------------------------*/
div#content {
	position: relative;
	float: right;
	width: 551px;
	padding: 12px 0 0 0;
}



/* Box content */
div.boxcontent {
	position: relative;
	padding: 0 0 16px 0;
	line-height: 150%;
	text-align: justify;
}

.inner div.boxcontent {
	background: url(../images/boxcontent-inner-bg.gif) no-repeat;
	padding: 13px 13px 16px 13px;
}

div.boxcontent h1,
div.boxcontent h2 {
	margin: 0 0 17px 0 !important;
	padding: 0 !important;
	font: 34px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #00b0d8;
	letter-spacing: -2px;
	line-height: 34px;
	text-align:left;
	clear: both;
}

.inner div.boxcontent h1,
.inner div.boxcontent h2 {
	margin: 0 0 17px 0 !important;
}

div.boxcontent h3 {
	margin: 0 0 17px 0;
	font: 26px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #00b0d8;
	letter-spacing: -2px;
	line-height: 34px;
}

div.boxcontent ul {
	margin-left: 7px;
	margin-bottom: 15px;
}

div.boxcontent ul li {
	color:#1B75BB;
	font-size: 16px;
	list-style-position: inside;
	padding-bottom:7px;
}

.inner div.boxcontent h2,
.inner div.boxcontent h3 {
	margin: 0 0 17px 0;
	clear:both;
}

div.boxcontent p {
	margin: 0 0 10px 0;
}

.inner div.boxcontent p {
	margin-left: 0;
}

div.boxcontent .packagenavigation {
	padding: 20px 0 0 0;
}

div.boxcontent .packagenavigation .downpackage {
	float: left;
}

div.boxcontent .packagenavigation .higherpackage {
	float: right;
}



/* Cloud content */
div.cloudcontent {
	position: relative;
	background: url(../images/cloudcontent-bg.png) no-repeat;
	width: auto;
	height: auto !important;
	height: 120px;
	min-height: 120px;
	margin: 16px 0 0 0;
	padding: 25px 0 0 0;
}
div.cloudcontentinner {
	margin: 16px 0 0 -8px;
}
div.cloudcontent .cloud {
	position: relative;
	width: 480px;
	height: 80px;
	margin: 0 0 20px 0 !important;
	padding: 0 28px 0 25px;
	line-height: 150%;
}
div.cloudcontent .author {
	float: left;
	background: url(../images/cloudcontent-trusted.gif) right 4px no-repeat;
	width: auto;
	height: 47px;
	padding: 4px 55px 0 26px;
	font-size: 12px;
	color: #faa61a;
	line-height: 47px;
}
div.cloudcontent .author a {
	color: #faa61a;
	text-decoration: none;
}



/* Breadcrumbs */
div.breadcrumbs {
	position: relative;
	margin: 0 0 18px 0;
	font-size: 12px;
	color: #231f20;
	width: 250px;
	float: left;
	text-align: left;
}
div.breadcrumbs a {
	color: #939598;
	text-decoration: none;
}



/* View portfolio */
.inner div.boxcontent .viewportfolio {
	margin-left: 0;
}
.inner div.boxcontent .viewportfolio a {
	display: block;
	background: url(../images/button-viewportfolio.png) no-repeat;
	width: 160px;
	height: 45px;
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
}



/* Our services includes / Search engine marketing */
.inner div.boxcontent .ourservicesincludes,
.inner div.boxcontent .searchenginemarketing {
	background: #e2f4fd;
	width: 523px;
	margin: 0 0 15px 2px;
	padding: 0 0 6px 0;
	text-align: left;
	overflow: hidden;
}

.inner div.boxcontent .searchenginemarketing {
	margin-top: 20px;
	padding: 6px 0;
}

.inner div.boxcontent .ourservicesincludes p.title {
	background: url(../images/ourservicesincludes-title.gif) no-repeat;
	height: 38px;
	margin: 0 0 6px 0;
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
}

.inner div.boxcontent .ourservicesincludes ol,
.inner div.boxcontent .searchenginemarketing ol {
	margin: 0 30px 20px 0;
	padding: 0;
	list-style: none;
}

.inner div.boxcontent .ourservicesincludes .video_player {
	float: right;
	width: 210px;
	margin: 0 10px 10px 10px;
}

.inner div.boxcontent .ourservicesincludes .video_player p {
	margin: 0;
	font-size: 14px;
	color: #1b75bb;
}

.inner div.boxcontent .ourservicesincludes li,
.inner div.boxcontent .searchenginemarketing li {
	display: block;
	height: auto !important;
	height: 34px;
	min-height: 34px;
	margin: 0 0 5px 0;
	padding: 5px 0 0 52px;
	font-size: 18px;
	color: #1b75bb;
	line-height: 130%;
	clear: none !important;
}

.inner div.boxcontent .ourservicesincludes li h2,
.inner div.boxcontent .searchenginemarketing li h2 {
	margin: 0 !important;
	padding: 0 !important;
	font: 18px Arial, Helvetica, sans-serif;
	color: #1b75bb;
	letter-spacing: 0;
	line-height: normal;
	text-align:left;
	clear: none !important;
}

.inner div.boxcontent .ourservicesincludes h2.services_title {
	background: url(../images/ourservicesincludes-title_bck.gif) no-repeat;
	height: 38px;
	margin: 0 0 10px 0 !important;
	font-size: 20px;
	color: #000;
	text-indent: 20px;
}

.inner div.boxcontent .ourservicesincludes h2.services_title span {
	color: #fff;
}

.inner div.boxcontent .ourservicesincludes ul {
	padding: 10px 0 0 0;
}

.inner div.boxcontent .ourservicesincludes ul li {
	background: url(../images/arrow-black.gif) left 7px no-repeat;
	margin: 0;
	padding: 0 0 0 13px;
	list-style: none;
}

.inner div.boxcontent .searchenginemarketing li {
	margin: 0 0 10px 0;
}

.inner div.boxcontent li.n1 {
	background: url(../images/n1.jpg) no-repeat;
}

.inner div.boxcontent li.n2 {
	background: url(../images/n2.jpg) no-repeat;
}

.inner div.boxcontent li.n3 {
	background: url(../images/n3.jpg) no-repeat;
}

.inner div.boxcontent li.n4 {
	background: url(../images/n4.jpg) no-repeat;
}

.inner div.boxcontent li.n5 {
	background: url(../images/n5.jpg) no-repeat;
}

.inner div.boxcontent li.n6 {
	background: url(../images/n6.jpg) no-repeat;
}

.inner div.boxcontent li.n7 {
	background: url(../images/n7.jpg) no-repeat;
}

.inner div.boxcontent li.n8 {
	background: url(../images/n8.jpg) no-repeat;
}

.inner div.boxcontent li.n9 {
	background: url(../images/n9.jpg) no-repeat;
}

.inner div.boxcontent li.n10 {
	background: url(../images/n10.jpg) no-repeat;
}

.inner div.boxcontent li.n11 {
	background: url(../images/n11.jpg) no-repeat;
}

.inner div.boxcontent li.n12 {
	background: url(../images/n12.jpg) no-repeat;
}

.inner div.boxcontent li.n13 {
	background: url(../images/n13.jpg) no-repeat;
}

.inner div.boxcontent li.n14 {
	background: url(../images/n14.jpg) no-repeat;
}

.inner div.boxcontent li.n15 {
	background: url(../images/n15.png) no-repeat;
}

.inner div.boxcontent li.n16 {
	background: url(../images/n16.png) no-repeat;
}

.inner div.boxcontent li.n17 {
	background: url(../images/n17.png) no-repeat;
}

.inner div.boxcontent li.n18 {
	background: url(../images/n18.png) no-repeat;
}

.inner div.boxcontent li.n19 {
	background: url(../images/n19.png) no-repeat;
}

.inner div.boxcontent li.n20 {
	background: url(../images/n20.png) no-repeat;
}

div.boxcontent .innercertificate {
	padding: 30px 0 0 0;
	text-align: center;
	clear: both;
}

div.boxcontent .innercertificate a {
	margin: 0 15px;
}

/*



sidebarright



------------------------------------------------------------------------------------------------------------------*/

div.sidebarright {
	position: relative;
	float: right;
	width: 210px;
	overflow: hidden;
}
.inner div.sidebarright {
	padding: 10px 0 0 0;
}



/* Fast quote */
div.fastquote {
	position: relative;
	background: url(../images/fastquote-bg.jpg) no-repeat;
	height: 202px;
	padding: 30px 0 0 0;
}
.wrappercontent .sidebarright div.fastquote p.title {
	background: url(../images/fastquote-h3.gif) no-repeat;
	height: 70px;
	margin: 0 0 5px 5px;
	text-align: left;
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
}
.wrappercontent .sidebarright div.fastquote p {
	margin: 0 25px 10px 25px;
	font-size: 15px !important;
	color: #303030;
}
.wrappercontent .sidebarright div.fastquote .button {
	margin: 0;
}
div.fastquote .button a {
	display: block;
	background: url(../images/fastquote-button.gif) no-repeat;
	width: 174px;
	height: 21px;
	margin: auto;
	font-size: 14px !important;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-indent: 10px;
	line-height: 21px;
}



/* Become a fan */
div.becomeafan {
	padding: 19px 0 0 0;
}

div.becomeafan p.title {
	background: url(../images/becomeafan-h3.gif) no-repeat;
	height: 34px;
	margin: 0 0 14px 11px;
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
}

div.becomeafan ul {
	list-style: none;
}

div.becomeafan li {
	display: block;
	float: left;
	width: auto;
	margin: 0 0 0 9px;
}



/* Certificate */
div.certificate {
	position: relative;
	padding: 10px 0 0 0;
	text-align: center;
}

div.certificate img {
	margin: 0 0 15px 0;
}


#content .boxcontent .errors {
	margin: 30px;
	color: #FF0000;
}

#content .boxcontent form p.question_title {
	font-size: 12px;
	color: #000000;
	margin-top: 25px;
}

#content .boxcontent form p.question_title span {
	color:#00B0D8;
}

#content .boxcontent form .fastquote_details input {
	clear: both;
	display: block;
}

#content .boxcontent form button {
	background: url(../images/callform-button.png) no-repeat;
	width: 61px;
	height: 29px;
	margin: 0 14px 0 0;
	text-indent: -999em;
	overflow: hidden;
	cursor: pointer;
	border: 0;
	display: block;
}







#content .boxcontent .contact_fields p {
	clear: both;
	overflow: hidden;
}

#content .boxcontent .contact_fields label {
	width: 180px;
	float: left;
	margin-right:10px;
	text-align:right;
}

#content .boxcontent .contact_fields input,
#content .boxcontent .contact_fields select,
#content .boxcontent .contact_fields textarea {
	width: 250px;
	float: left;
}

#content .boxcontent p.button_right button {
	float: right;
	margin-right: 75px;
}

/*



BLOG



------------------------------------------------------------------------------------------------------------------*/

.blog-post .titlepost,
.blog-content .titlepost {
	margin: 0 0 10px 13px !important;
	font: 26px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #00b0d8;
	letter-spacing: -2px;
	line-height: normal;
	clear: both;
}

.blog-post a,
.blog-content a {
	text-decoration: none;
}

.blog-post .info strong,
.blog-content .info strong {
	color: #00aedc;
}

.blog-post .date,
.blog-content .date {
	float: right;
}

.blog-post .comments,
.blog-content .comments {
	float: right;
}

.boxcontent .titlecomments,
.boxcontent .titlewrite {
	font-size: 18px;
	font-weight: bold;
}

.boxcontent .jot-row {
	margin: 0 0 15px 13px;
}


#page_options {
	float: right;
	width: 260px;
	padding: 0 0 5px 10px;
	overflow: hidden;
}

#page_options .option {
	float: left;
	width: 55px;
	font-size: 11px;
	white-space: nowrap;
}

#page_options .large_opt {
	width: 90px;
}

#page_options .print {
	background: url(../images/options/print.gif) no-repeat;
	padding-left: 20px;
}

#page_options .email {
	background: url(../images/options/email.gif) no-repeat;
	padding-left: 20px;
}

#page_options .share {
	background: url(../images/options/share.gif) no-repeat;
	padding-left: 20px;
}

#page_options a.font_smaller {
	background: url(../images/options/fontSizeSmall.gif) no-repeat;
	width: 20px;
	display: block;
	text-indent: -9999em;
	float: left;
}

#page_options a.font_larger {
	background: url(../images/options/fontSizeLarge.gif) no-repeat;
	width: 20px;
	display: block;
	text-indent: -9999em;
	float: left;
}

#content .internal_seo_menu {
	display: none;
	clear: both;
}

#content .internal_seo_menu ul {
	width: 360px;
	float: left;
}

#content .internal_seo_menu ul li {
	float: left;
	list-style: none;
	margin-right:50px;
}

/*



packagepricetable



------------------------------------------------------------------------------------------------------------------*/

#content .boxcontent .packagepricetable {
	width: 100%;
	margin: 5px 0 15px 0;
	border-collapse: collapse;
}

#content .boxcontent .packagepricetable th {
	font-size: 14px;
	color: #00aedc;
}

#content .boxcontent .packagepricetable th,
#content .boxcontent .packagepricetable td {
	padding: 1%;
	text-align: center;
	border: 1px solid #ccc;
}

#content .boxcontent .packagepricetable .w40 {
	width: 38%;
}

#content .boxcontent .packagepricetable .w20 {
	width: 18%;
}

#content .boxcontent .packagepricetable .w15 {
	width: 13%;
}

#content .boxcontent .packagepricetable .left {
	text-align: left;
}

#content .boxcontent .packagepricetable .strike {
	text-decoration: line-through;
}

/*



packagepricetable



------------------------------------------------------------------------------------------------------------------*/

#content .friendscloud {
	margin: 0 0 15px 0;
	overflow: hidden;
	clear: both;
}

#content .friendsclouddinamic {
	background: url(../images/cloudcontent-bg_bottom.png) bottom no-repeat;
	margin: 0;
	padding: 0 0 38px 0;
}

#content .friendsclouddinamic div {
	background: url(../images/cloudcontent-bg_top.png) top no-repeat;
	margin: 0;
	padding: 20px 0 0 0;
}

#content .friendsclouddinamic .friendscloudcontent {
	background: url(../images/cloudcontent-bg_content.png) -7px top repeat-y;
	margin: 0;
	padding: 5px 20px;
	font-size: 12px;
	text-align: justify;
}

#content .friendscloud .friendlogo {
	float: left;
}

#content .friendscloud .friendlogo img {
	max-width: 155px;
}

#content .friendscloud .friendtitle {
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	color: #12b2d9;
}

#content .friendscloud .friendlink {
	float: left;
	width: 350px;
	margin: 5px 0 0 0;
}

#content .friendscloud .friendlink a {
	font-size: 12px;
	color: #808080;
	text-decoration: none;
}

/*



footer



------------------------------------------------------------------------------------------------------------------*/

div#footer {
	position: relative;
	background: url(../images/footer-bg.gif) repeat-x;
	height: 1%;
}

div#footer .navfooter {
	margin: 0 20px 13px 20px;
	padding: 11px 0 7px 0;
	font-size: 11px;
	color: #808080;
	text-align: center;
	border-bottom: 1px solid #808080;
}

div#footer .navfooter a {
	margin: 0 6px 0 6px;
	color: #808080;
	text-decoration: none;
}

div#footer .navfooter a.active {
	color: #00b0d8;
}

div#footer .validationfooter {
	float: left;
	width: auto;
	margin: 20px 0 0 20px;
}

div#footer .copyfooter {
	float: left;
	width: 450px;
	margin: 20px 0 0 20px;
	font-size: 10px;
	color: #999;
}

div#footer .extrasfooter {
	float: right;
	width: auto;
	margin: 0 27px 0 0;
}

div#footer .extrasfooter a {
	margin: 0 0 0 10px;
}

/*



portfolio



------------------------------------------------------------------------------------------------------------------*/

#content .boxcontent .portfoliolist {
	position: relative;
	height: 88px;
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}

#content .boxcontent .portfoliolist .portfolioitem {
	display: block;
	position: relative;
	float: left;
	background: none;
	width: 166px;
	height: 86px;
	margin: 0 0 10px 10px;
	padding: 0;
	border: 1px solid #00c1f3;
}

#content .boxcontent .portfoliolist .first {
	margin: 0;
}

#content .boxcontent .portfoliolist .portfolioitem img {
	display: block;
	float: left;
	width: 166px;
	height: 86px;
}

/*



latestwork



------------------------------------------------------------------------------------------------------------------*/

div.latestwork {
	position: relative;
	background: url(../images/latestwork-bg-content.png) repeat-y;
}

div.latestwork .top {
	background: url(../images/latestwork-bg-top.png) no-repeat;
}

div.latestwork .bottom {
	background: url(../images/latestwork-bg-bottom.png) left bottom no-repeat;
	height: auto !important;
	height: 490px;
	min-height: 490px;
	padding: 24px 0 10px 0;
}

div.latestwork p.title {
	background: url(../images/latestwork-h3.gif) no-repeat;
	height: 47px;
	margin: 0 0 14px 11px;
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
}

div.latestwork ul {
	width: 168px;
	margin: 0 auto;
	list-style: none;
}

div.latestwork li {
	display: block;
	width: 166px;
	height: 86px;
	margin: 0 0 12px 0;
	border: 1px solid #fff;
}

div.latestwork img {
	display: block;
	width: 166px;
	height: 86px;
}

div.latestwork .button {
	margin: 0;
	padding: 10px 0 5px 19px;
}

div.latestwork .button a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

/*



happeningxcite



------------------------------------------------------------------------------------------------------------------*/

div.happeningxcite {
	position: relative;
	background: url(../images/happeningxcite-bg-content.png) repeat-y;
}

div.happeningxcite .top {
	background: url(../images/happeningxcite-bg-top.png) no-repeat;
}

div.happeningxcite .bottom {
	background: url(../images/happeningxcite-bg-bottom.png) left bottom no-repeat;
	padding: 14px 0 10px 0;
	font-size: 11px;
	line-height: 120%;
}

div.happeningxcite p.maintitle {
	background: url(../images/happeningxcite-h2.gif) 14px top no-repeat;
	height: 112px;
	margin: 0;
	padding: 0 0 12px 14px;
	/* hide from IE Mac \*/
    text-indent: -999em;
	overflow: hidden;
	/* end hide */
}

div.happeningxcite ul {
	background: url(../images/happeningxcite-line.gif) repeat-x;
	margin: 0 22px 0 20px;
	padding: 16px 0 0 0;
	list-style: none;
}

div.happeningxcite ul li {
	display: block;
	background: url(../images/dotted.gif) left bottom repeat-x;
	padding: 0 0 14px 0;
	margin: 0 0 14px 0;
}

div.happeningxcite ul li.last {
	background: none;
}

div.happeningxcite li a {
	text-decoration: none;
}

div.happeningxcite .month {
	color: #1a62a7;
	text-transform: uppercase;
}

div.happeningxcite .more {
	text-align: right;
}

div.happeningxcite .readmore {
	background: url(../images/arrow.gif) left -1px no-repeat;
	height: auto !important;
	height: 11px;
	min-height: 11px;
	margin: 0 0 15px 20px;
	padding: 0 0 0 10px;
}

div.happeningxcite .readmore a {
	color: #335b81;
}

div.happeningxcite .readmore a:hover {
	text-decoration: none;
}

/*



portfoliomainimage



------------------------------------------------------------------------------------------------------------------*/

div#content .portfoliomainimage img {
	width: auto !important;
	width: 525px;
	max-width: 525px;
	clear: both;
}

/*



portfoliopagination



------------------------------------------------------------------------------------------------------------------*/

div#content .portfoliopagination {
	margin: 0;
	padding: 15px 0 0;
}
div#content .portfoliopagination a,
div#content .portfoliopagination span {
	display: block;
	float: left;
	background: #08b1d8;
	width: 25px;
	height: 25px;
	margin: 0 5px 0 0;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	border: 1px solid #08b1d8;
}
div#content .portfoliopagination .prev,
div#content .portfoliopagination .next {
	font-size: 200%;
	line-height: 22px;
}
div#content .portfoliopagination span.prev,
div#content .portfoliopagination span.next {
	background: #08b1d8;
	color: #666;
}
div#content .portfoliopagination a {
	color: #fff;
}
div#content .portfoliopagination a:hover,
div#content .portfoliopagination span {
	background: #fff;
	color: #000;
}

/*------------------------BLOG--------------------------------*/
.nl_summaryPost{

width:520px;
v-align:top;
height:140px;
}
.nl_summaryPost h3 {
border-bottom: 1px solid #CCCCCC;
margin: 0px !important;
padding: 5px !important;
color: black;
}
 
.nl_summaryPost .nl_info {
background-color: #F8F8F8;
padding: 5px !important;
font-size: 0.8em;
color: black;
}
 
.nl_link {
font-size: 76%;
text-align: right;
}
 
.nl_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: #618100;
}
#nl_pages #nl_currentpage {
    border: 1px solid #618100;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #9c0; 
    color: #fff;
} 
#nl_pages .nl_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#nl_pages a, #nl_pages a:link, #nl_pages a:visited {
    border: 1px solid #9c0; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #618100;
} 
#nl_pages a:hover {
    background-color: #fff;
    color: #000;
}
#nl_archivelist ul {
    list-style-type: none; 
    margin-left: 15px; 
    padding-left: 0;
}
#nl_archivelist ul ul{
    list-style-type: square;
    margin-left: 35px;
} 
#nl_archivelist .nl_month {
    font-weight: bold;
}