body {background:#313131 url('images/bodybg.jpg') top repeat-x; font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; color:#7d7d7d; margin:0; padding:0;}

#wrapper {width: 850px; margin: 0 auto; margin-top: 40px; background: #ffffff url('images/headerbg.jpg') top repeat-x;}
#header {width: 800px; height: 140px; margin: 0 auto;}
#intro {width: 800px; margin: 0 auto;}

#footer {width: 850px; margin: 0 auto; text-align: right;}
#footer p {color:#666666; font-size:11px;}
.left {float:left;} .right {float:right;}

#flashintro {width: 800px; height: 276px;background:url('images/introbg.jpg') top no-repeat;}
#intro-left {width:340px; float:left;position:relative;}

#pageintro {width: 800px; height: 120px;background:url('images/pageintrobg.jpg') top no-repeat;}
#pageintro img {padding: 28px 0 0 25px;}

#content-main {margin: 30px 10px 0 10px;overflow: hidden;}
#content-main h1 {border-bottom: #d0d0d0 solid 1px; padding:0 0 10px 0; margin: 0 0 25px 0; font-size: 12px;}

#content-left {width: 520px; float:left;}
#content-left h2 {margin: 0 0 12px 0;padding: 0 0 0 0; font-weight: normal; font-size: 16px; font-weight:bold; }
#content-right {float:right;}
#content-right img {border:0;}

#content-left p.headline_box {background:url('images/icon_box.jpg') no-repeat top left;color:#508623;font-size:15px;height:38px;padding:8px 0 0 48px;margin:20px 0 15px 0; }
#content-left p.headline_paint {background:url('images/icon_paint.jpg') no-repeat top left;color:#508623;font-size:15px;height:30px;padding:8px 0 0 43px;margin:15px 0 10px 0; }

#package {border: #d0d0d0 solid 1px; padding: 6px; overflow: hidden; margin: 0 0 15px 0; background:url('images/package_bottom.jpg') bottom repeat-x;}
#package:hover {border: 1px solid #8ac449;}
#package-icon {width:75px; height:75px; float:left; padding-right: 10px;}
#package-icon img {border:0;}
#package-text {float:left; width: 410px;}
#package h2 {margin: 0 0 12px 0;padding: 6px 0 0 0; font-weight: normal; font-size: 18px; }

ul.packagelist {margin:0 0 10px 5px;padding:0;list-style:none;font-size: 12px;font-style: italic;font-weight: bold;}
ul.packagelist li {display:block;background:url('images/tick3.jpg') 0 3px no-repeat;margin:2px 0 0 3px;padding:2px 0 5px 28px;border-bottom:1px solid #e1e1e1;}

ul.packagelist li.design {background:url('images/icon_design.jpg') 0 3px no-repeat;}
ul.packagelist li.hosting {background:url('images/icon_hosting.jpg') 0 3px no-repeat;}
ul.packagelist li.domain {background:url('images/icon_domain.jpg') 0 3px no-repeat;}
ul.packagelist li.email {background:url('images/icon_email.jpg') 0 3px no-repeat;}
ul.packagelist li.maintenance {background:url('images/icon_maintenance.jpg') 0 3px no-repeat;}
ul.packagelist li.backup {background:url('images/icon_backup.jpg') 0 4px no-repeat;}
ul.packagelist li.stats {background:url('images/icon_stats.jpg') 0 3px no-repeat;}

p.headline_icon_big_hosting {background:url('images/icon_big_hosting.jpg') no-repeat top left;color:#22719c;font-size:15px;height:30px;padding:5px 0 0 38px;margin:5px 0 0 0;font-weight:bold; }
p.headline_icon_big_maintenance {background:url('images/icon_big_maintenance.jpg') no-repeat top left;color:#22719c;font-size:15px;height:30px;padding:5px 0 0 38px;margin:5px 0 0 0;font-weight:bold;  }
p.headline_icon_big_backup {background:url('images/icon_big_backup.jpg') no-repeat top left;color:#22719c;font-size:15px;height:30px;padding:5px 0 0 38px;margin:5px 0 0 0; font-weight:bold; }
p.headline_icon_big_optimisation {background:url('images/icon_big_optimisation.jpg') no-repeat top left;color:#22719c;font-size:15px;height:30px;padding:5px 0 0 38px;margin:5px 0 0 0;font-weight:bold;  }
p.headline_icon_big_stats {background:url('images/icon_big_stats.jpg') no-repeat top left;color:#22719c;font-size:15px;height:30px;padding:5px 0 0 38px;margin:5px 0 0 0; font-weight:bold; }

#package-left {width:256px; float:left;}

#additional2 {border: 1px solid #d0d0d0; padding: 4px;}
#additional2 img {border:0;}
#additional-inner2 {background-color:#f0f0f0; padding: 4px;}
#additional-inner2 p {margin:0;}
#additional-inner2 h3 {margin:0;}

#additional {border: 1px solid #d0d0d0; padding: 4px; width: 225px;}
#additional img {border:0;}
#additional-inner {background-color:#f0f0f0; padding: 4px;}
#additional-inner p {margin:0;}
#additional-inner h3 {margin:0;}

p.adds {background:url('images/addicon.jpg') no-repeat top left;color:#5e8b36;font-size:14px;height:30px;padding:5px 0 0 40px;margin:5px 0 10px 0; }
ul.reps {margin:10px 0 10px 0;padding:0;list-style:none;color: #666;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-weight: bold;}
ul.reps li {width:94%;display:block;background:url('images/arrow.png') 0 2px no-repeat;margin:0 0 0 5px;padding:1px 0 5px 20px; font-size: 11px;}
ul.reps li a{color:#4f4f4f;}
ul.reps li a:hover{color:#84a937;}

.crumbs {float:right; font-weight:bold; padding-top: 3px;}

p.contacting {background:url('images/addicon2.jpg') no-repeat top left;color:#5e8b36;font-size:14px;height:30px;padding:5px 0 0 40px;margin:5px 0 10px 0; }

.portwrap {width: 520px;}
.portwrap p {margin:0;}

#twitter {width: 780px; margin: 0 auto; height: 33px; background:url('images/twitterbg.jpg') top no-repeat; padding-bottom: 30px;}
#twitter p {font-size:12px;margin:0;padding:0;}
#twitter-inner {padding: 8px 0 0 60px; float:left; width: 600px;}
#twitter-button {float:right; width: 99px; height: 33px; padding: 6px 18px 0 0;}
#twitter-button img {border:0;}

.port-left {float: left;padding-right: 30px;width: 152px;margin-bottom: 15px;}
.port-center {float: left;padding-right: 30px;width: 152px;margin-bottom: 15px;}
.port-right {float: left;width: 152px;margin-bottom: 15px;}

a img.portfolio_th {
	border: 1px solid #cccccc;
	padding: 5px;
	margin-bottom: 5px;background-color:#f0f0f0;
}		

a:hover img.portfolio_th {
	background-color: #7bba47;
}

.portfolio_info { 
	line-height: 17px;
	font-size: 11px;
}

.post_title, .portfolio_title { 
	font-size: 13px;
	line-height: 16px;
}







/* Blocks
-------------------------------------------------------------- */
.block { margin: 0 0 20px 0; float:left; width: 240px;}
.block h2 {margin: 0 0 12px 0;padding: 6px 0 0 0; font-weight: normal; font-size: 16px; font-weight:bold; }
.block h2 a:visited {font-weight:  normal; }
.block .icon {background: url('images/sprites-home.jpg') no-repeat 0 0; display: block; float: left; width: 50px; height: 50px; text-indent: -9999px; margin: 0 10px 0 0;}
.designdev .icon {background-position: 0px 4px;}
.codingopt .icon {background-position: 0px -105px;}
.promomarkt .icon {background-position: -0px -218px;}


#navbg {height:41px;background:url('images/navbg.jpg') repeat-x;}

#navigation{display:inline;padding: 0px; margin:0;list-style:none;}
#navigation li a{display: block; text-indent: -9999px;}
#navigation li {float:left;}
	
#nav-home a {outline:none; margin-left: 15px;text-indent: -1000em;background:url('images/nav-home.jpg') no-repeat left top;width: 112px;height: 41px;display: block;overflow: hidden;}
#nav-home a:hover {background-position: 0px -41px; }
#nav-home-on a {outline:none;text-indent: -1000em;background:url('images/nav-home.jpg') no-repeat left top;width: 112px;height: 41px;display: block;overflow: hidden;position:0px;background-position: 0px -82px; }
			
#nav-packages a {outline:none;text-indent: -1000em;background:url('images/nav-packages.jpg') no-repeat left top;width: 168px;height: 41px;display: block;overflow: hidden;}
#nav-packages a:hover {background-position: 0px -41px; }
#nav-packages-on a {outline:none;text-indent: -1000em;background:url('images/nav-packages.jpg') no-repeat left top;width: 98px;height: 41px;display: block;overflow: hidden;background-position: 0px -82px; }
		
#nav-portfolio a {outline:none;text-indent: -1000em;background:url('images/nav-portfolio.jpg') no-repeat left top;width: 98px;height: 41px;display: block;overflow: hidden;}
#nav-portfolio a:hover {background-position: 0px -41px; }
#nav-portfolio-on a {outline:none;text-indent: -1000em;background:url('images/nav-portfolio.jpg') no-repeat left top;width: 98px;height: 41px;display: block;overflow: hidden;position: absolute;background-position: 0px -82px; }
		
#nav-about a {outline:none;text-indent: -1000em;background:url('images/nav-about.jpg') no-repeat left top;width: 75px;height: 41px;display: block;overflow: hidden;}
#nav-about a:hover {background-position: 0px -41px; }
#nav-about-on a {outline:none;text-indent: -1000em;background:url('images/nav-about.jpg') no-repeat left top;width: 75px;height: 41px;display: block;overflow: hidden;position: absolute;background-position: 0px -82px; }

#nav-contact a {outline:none;text-indent: -1000em;background:url('images/nav-contact.jpg') no-repeat left top;width: 124px;height: 41px;display: block;overflow: hidden;}
#nav-contact a:hover {background-position: 0px -41px; }
#nav-contact-on a {outline:none;text-indent: -1000em;background:url('images/nav-contact.jpg') no-repeat left top;width: 124px;height: 41px;display: block;overflow: hidden;position: absolute;background-position: 0px -82px; }

#nav-clientlogin a {outline:none;text-indent: -1000em;background:url('images/nav-clientlogin.jpg') no-repeat left top;width: 117px;height: 41px;display: block;overflow: hidden;}
#nav-clientlogin a:hover {background-position: 0px -41px; }
#nav-clientlogin-on a {outline:none;text-indent: -1000em;background:url('images/nav-clientlogin.jpg') no-repeat left top;width: 117px;height: 41px;display: block;overflow: hidden;position: absolute;background-position: 0px -82px; }

#nav-right {float:right;margin-right:15px;}


ul, li {margin: 0;padding: 0;}
	
.container { width:326px; height:276px; overflow:hidden; position:relative; cursor:pointer; margin-left: 25px;}
.slides { position:absolute; top:41px; left:0; }
.slides div { position:absolute; top:0; width:326px; display:none; }
#loopedSlider { width:400px; position:relative; clear:both; float:right;background: url('images/sliderbg.jpg') top no-repeat;}


.previous {text-indent: -9999px; position:absolute; border:none;outline:none;cursor:pointer;top:115px;left:-0px;background:url('images/slider/intro_previous.png') no-repeat;width:42px;height:42px;}
.next {text-indent: -9999px; position:absolute;border:none;outline:none;cursor:pointer;top:115px;right:25px;background:url('images/slider/intro_next.png') no-repeat;width:42px;height:42px;}
.previous:hover {background:url('images/slider/intro_previous_on.png') no-repeat;}
.next:hover {background:url('images/slider/intro_next_on.png') no-repeat;}

.viewpackages {outline:none;text-indent: -9999px;position:absolute; top: 205px; left:28px; border:none;background:url('images/intro_button_packages.jpg') no-repeat;width:140px;height:29px;}
.viewportfolio {outline:none;text-indent: -9999px; position:absolute; top: 205px; left:190px;border:none;background:url('images/intro_button_portfolio.jpg') no-repeat;width:140px;height:29px;}
.viewpackages:hover {background:url('images/intro_button_packages2.jpg') no-repeat;}
.viewportfolio:hover {background:url('images/intro_button_portfolio2.jpg') no-repeat;}

#footer a:link {
	color: #666666;
}
#footer a:visited {
	color: #666666;
}
#footer a:hover {
	color: #7f7f7f;
}
#footer a:active {
	color: #666666;
}

a:link {
	color: #538734;
}
a:visited {
	color: #6CAE44;
}
a:hover {
	color: #9AD233;
}
a:active {
	color: #6CAE44;
}

/* Normal Bubble */
div.bubble {
	width: auto;
	margin: 15px 0 30px 0
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #b8dda3;
	background-color: #e5f2de;
}

div.bubble blockquote p {
	margin: 15px;
	padding: 0px;
	font-style:italic;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 9px 0px 0px 15px;
	top: 6px;
	background: transparent url('images/tip.gif') no-repeat 20px 0;
	font-style: normal;
}

.tweet {font-size: 12px;}
.tweet .tweet_list {list-style-type: none;margin: 0; padding: 0;}
.tweet .tweet_list li {overflow: auto;padding: 0; }
.tweet .tweet_list li a { color: #538734; }

fieldset {border:0; margin:0; padding:0;}

/* ---------------------------------------------------------------- 
 *  Contact Forms & Tool Tip
 * ---------------------------------------------------------------- 
*/ 

#thank_you_right {
	display: none; margin:0; padding:0;
}
#quoteForm input, #quoteForm textarea,
#contactForm input, #contactForm textarea {
	border: 1px solid #d2d2d2;
	background: #fff;
	padding: 7px 5px;
	width: 320px;
	font-size: 13px;
	color: #525861;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
#quoteForm .validation-failed,
#contactForm .validation-failed {
	border: 1px dashed #c72121;
}
#quoteForm button,
#contactForm button {
	width: 140px;
	height: 29px;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
}
#quoteForm button#submit1,
#contactForm button#submit2 {
	background: url(images/submit2.jpg) no-repeat 0 0;
	margin-top: 10px;
}
#quoteForm button#submit1:hover,
#contactForm button#submit2:hover {
	background-position: 0 -29px;
}
.mail {
	display: none;
}
.user_tip {
	display: none;
}
.f-tooltip {
    background: #93d165 url(images/tip_background.png) repeat-x 0 0;
    width: 148px;
    padding: 10px 10px;
    border: 1px solid #7bad51;
    color: #3e4f2f;
    font-size: 11px;
    text-align: center;
}
.f-tooltip div.right-arrow {
    position: absolute;
    right: -15px;
    width: 15px;
    height: 15px;
    top: 12px;
    background: url(images/tip_arrow_right.png) no-repeat 0 0;
}
.f-tooltip div.left-arrow {
    position: absolute;
    left: -15px;
    width: 15px;
    height: 15px;
    top: 12px;
    background: url(images/tip_arrow_left.png) no-repeat 0 0;
}