/* Normaliizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;}

/* Normalizes font-siz for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%}

/* Removes list-style from lists*/
ol, ul, dl {
	margin: 0;
	padding: 0;
	list-style: none;}
	
blockquote	{
	font-style: italic;
	}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal; 
	font-weight: normal}

/* Collapses borders on tables */
table {
	border-collapse: collapse;
	border-spacing: 0;}

/* Removes border from fieldset and img */
fieldset, img {
	border: 0;}

/* Left-aligns text in th */
th {
	text-align: left;}

/* Removes quotaton marks from q */
q:before, q:after {
	content :'';}
	
/*Transparent borders for Opera 7 and below */

fieldset	{
	border: solid 0 transparent;
	}
	
html	{
	
	background:  url(images/green_menu30.gif) repeat-x top left;
	text-align: center;
	}

body	{
	font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
	font-size: small;
	color: #666;
	text-align: left;
	width: 100%;
	position: relative;
	background: url(images/grass.gif) repeat-x bottom left;	
	}
	
#wrapper	{	
	width: 770px;
	position: relative;
	left: 50%;
	margin-left: -385px;
	}
	

/***** TYPOGRAPHY *****/

h1	{
	margin-top: -30px;
	padding: .25em 0;
	font-size: 250%;
	color: #2960f5;
	}

h2	{
	font-size: 160%;
	color: #2960f5;
	}
	
h3	{
	font-size: 150%;
	color: #fc8a43;
	}
	
h4	{
	font-size: 140%;
	color: #2960f5;
	}
	
h5	{
	font-size: 120%;
	color: #666;
	}

p	{
	padding-top: 5px;
	}
	
a	{
	color: #2960f5;
	text-decoration: none;
	}
	
.big_blue	{
	font-size: 200%;
	color: #2960f5;
	}
	
.emphasize	{
	font-weight:bold;
	font-style: italic;
	}
	
.bold_blue	{
	font-weight: bold;
	color: #2960f5;
	font-size: 120%;
	}
	
.bold_orange	{
	font-weight: bold;
	color: #fc8a43;
	font-size: 120%;
	}
.bold_grey	{
	font-weight: bold;
	}
		
.big	{
	font-size: 150%;
	}
	
.big_orange	{
	color: #fc8a43;
	font-size: 170%;
	}
	
.port_orange	{
	color: #fc8a43;
	font-size: 120%;
	}
		
/***** NAVIGATION *****/	
#menu	{
	width: 100%;
	}
	
#menu ul	{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	}
	
#menu li	{
	float: right;
	margin: 0;
	padding: 0;
	font-size: 140%;
	}
	
#menu a	{
	display: block;
	height: 32px;
	text-decoration: none;
	border-right: 2px groove #e2e6db;	
	color: #fff;
	}
	
#menu .home a	{
	background: url(images/home30.gif) no-repeat top left;
	width: 70px;
	border-left: 2px groove #e2e6db;
	}
	
#menu .client a	{
	background: url(images/client30.gif) no-repeat top left;
	width: 112px;
	
	}

#menu .services a	{
	background: url(images/services30.gif) no-repeat top left;
	width: 84px;
	}
	
#menu .portfolio a	{
	background: url(images/portfolio30.gif) no-repeat top left;
	width: 88px;
	}
	
#menu .about a	{
	background: url(images/about30.gif) no-repeat top left;
	width: 71px;
	}

#menu .contact a	{
	background: url(images/contact30.gif) no-repeat top left;
	width: 89px;
	}

#home .home a, #menu .home a:hover	{
	background: url(images/home.gif) no-repeat top left;
	width: 70px;
	}
	
#services .services a, #menu .services a:hover	{
	background: url(images/services.gif) no-repeat top left;
	width: 84px;
	}

#portfolio .portfolio a, #menu .portfolio a:hover	{
	background: url(images/portfolio.gif) no-repeat top left;
	width: 88px;
	}
	
#about .about a, #menu .about a:hover	{
	background: url(images/about.gif) no-repeat top left;
	width: 71px;
	}

#contact .contact a, #menu .contact a:hover	{
	background: url(images/contact.gif) no-repeat top left;
	width: 89px;
	}
	
#client .client a, #menu .client a:hover	{
	background: url(images/client.gif) no-repeat top left;
	width: 112px;
	}


/****** HEADER ********/	
#logo	{
	clear: both;
	padding-top: 10px;
	}
	
#logo h1	{
	text-indent: -9999px;
	}

#banner	{
	margin-top: -20px;
	}
	
#little_logo 	{
	position: absolute;
	top: 50px;
	right: 0;
	}

/***** 	CONTENT *******/

#main {
	position: relative;
	height: 1%;
	}
	
.pad_bot	{
	padding-bottom: 30px;
	}

.main_top_mar	{
	margin-top: 5px;
	}
.mar_bot	{
	margin-bottom: 75px;
	}	
	
#packages	{
	position: relative;
	height: 1%;
	margin-top: -10px;
	}

#packages a	{
	font-weight: normal;
	}	
	
#packages ul	{
	margin-top: -10px;
	list-style: url(images/bullet.gif) inside;
	font-size: 110%;
	color: #2352d1;
	margin-bottom: 10px;
	}
	
#basic	{
	position: relative;
	width: 235px;
	float: left;
	margin: 0;
	}
	
#plus	{
	width: 235px;
	float: left;
	margin-left: 32px;
	position: relative;
	}
	
#ecommerce	{
	position: relative;
	width: 235px;
	float: left;
	margin-left: 33px;
	}
		
.price	{
	font-weight: bold;
	font-size: 150%;
	position: absolute;
	right: 10px;
	bottom: 0px;	
 	}
	
.price a	{
	color: #fc8a43;
	}

.bold	{
	font-weight: bold;
	font-size: 130%;
	}
	
#basic .price	{
	margin-top: 30px;
	background: url(images/495.gif) no-repeat right;
	padding: 1.2em 75px 1.2em 0;
	margin-bottom: 15px;
	}
	
#plus .price	{
	background: url(images/795.gif) no-repeat right;
	padding: 1.2em 75px 1.2em 0;
	margin-bottom: 15px;
	}
	
#ecommerce .price	{
	background: url(images/995.gif) no-repeat right;
	padding: 1.2em 75px 1.2em 0;
	margin-bottom: 15px;
	}
	
#basic h2	{
	padding: 1.4em 0px .7em 60px;
	background: url(images/basic.gif) no-repeat left;
	border-bottom: 1px dotted #7dbf0f;
	height: 1%;
	}	
	
#plus h2	{
	padding: 1.4em 0px .7em 60px;
	background: url(images/plus.gif) no-repeat left ;
	border-bottom: 1px dotted #7dbf0f;
	height: 1%;
	}	
	
#ecommerce h2	{
	padding: 1.4em 0px .7em 60px;
	height: 1%;
	background: url(images/cart.gif) no-repeat left;
	border-bottom: 1px dotted #7dbf0f;
	}	

.dotted	{
	border-bottom: 1px dotted #7dbf0f;
	}	

.button	{
	background: url(images/button_green.gif) repeat-x;
	padding: 2px;
	color: #fff;
	border: #5b9400 solid 1px;
	}
	
/* -------- Basic Page ----------*/

#bottom	{
	clear: both;
	font-size: 125%;
	padding: 20px 0;
	}
	
#top	{
	position: relative;
	width: 690px;
	}
	
.box	{
	background: url(images/basic_big.gif) no-repeat left bottom;
	padding: 1.4em 0 .25em 60px;
	}
	
.start	{
	margin-bottom: 10px;
	}
	
.start a	{
	background: #135aed;
	color: #fff;
	padding: 3px;
	border: solid 2px #0639c2;
	}
	
#two_col	{
	margin-top: 20px;
	width: 770px;
	position: relative;
	}

.topBorder	{
	border-top: 1px dotted #7dbf0f;
	margin-top: 5px;
	}
		
#left_col p	{
	margin-top: 5px;
	}
	
#right_col p	{
	margin-top: 5px;
	}
	
#left_col	{
	float: left;
	width: 45%;
	}
	
#right_col	{
	float: right;
	width: 45%;
	}
	
#basic_pack h2	{
	margin: 20px 0 0 0;
	}
	
#benefits {
	list-style: url(images/bullet_green.gif) inside;
	padding-top: 10px;
	}	
	
.custom	{
	background: url(images/custom.gif) no-repeat left bottom;
	padding: 15px 0 0px 50px;
	}
	
#pages	{
	background: url(images/pages.gif) no-repeat left bottom;
	padding: 15px 0 0px 60px;
	}

.wc3	{
	background: url(images/w3c.gif) no-repeat left bottom;
	padding: 15px 0 0px 55px;
	}
	
.valid	{
	background: url(images/valid.gif) no-repeat left bottom;
	padding: 15px 0 0px 91px;
	}
	
.search	{
	background: url(images/search.gif) no-repeat left bottom;
	padding: 15px 0 0px 45px;
	}
	
.browser	{
	background: url(images/browser.gif) no-repeat left bottom;
	padding: 15px 0 0px 50px;
	}
	
#info	{
	background: url(images/info.gif) no-repeat left bottom;
	padding: 15px 0 0px 50px;
	}
	
.jpeg	{
	background: url(images/jpeg.gif) no-repeat left bottom;
	padding: 15px 0 0px 60px;
	}

.gif	{
	background: url(images/gif.gif) no-repeat left bottom;
	padding: 15px 0 0px 60px;
	}
	
.privacy	{
	background: url(images/privacy.gif) no-repeat left bottom;
	padding: 15px 0 0px 50px;
	}
	
.fav	{
	background: url(images/favicon.gif) no-repeat left bottom;
	padding: 15px 0 0px 25px;
	}
	
.edit	{
	background: url(images/edit.gif) no-repeat left bottom;
	padding: 15px 0 0 50px;
	}
	
.relative	{
	position: relative;
	}
	
span.poptip { 
	display:none;
	}

a:hover span.poptip {
	display:block;
	position:absolute;
	left: 10px;
	top:-355px;
	}

ul a:hover span.poptip	{
	display: block;
	position: absolute;
	left: 10px;
	top: -285px;
	}
	
/******* PLUS ********/

#plus_pack .box	{
	background: url(images/plus_big.gif) no-repeat left bottom;
	}
	
#plus_pack h2	{
	margin: 20px 0 0 0;
	}
	
.green_bullet_list	{
	list-style: url(images/bullet_green.gif) inside;
	padding: 10px 0 0 10px;
	}
	
#cms a:hover span.poptip {
	display:block;
	position:absolute;
	left: 100px;
	top: -60px;
	z-index: 100;
 	}

.drupal	{
	background: url(images/drupalicon.jpg) no-repeat left bottom;
	padding: 20px 0 0px 50px;
	}
	
.blog	{
	background: url(images/wordpressicon.gif) no-repeat left bottom;
	padding: 20px 0 0px 50px;
	}
	
.realtor	{
	background: url(images/open.gif) no-repeat left bottom;
	padding: 20px 0 0px 85px;
	}
	
.wiki	{
	background: url(images/wiki.gif) no-repeat left bottom;
	padding: 20px 0 0px 120px;
	}
	
/***** ECOMMERCE PAGCKAGE ********/

#ecom_pack .box	{
	background: url(images/ecom_big.gif) no-repeat left bottom;
	}
	
#ecom_pack .bullet_check ul	{
	list-style: url(images/bullet.gif) inside;
	color: #2352d1;
	margin-bottom: 10px;
	}
	
#ecom_pack .bullet_green ul	{
	list-style: url(images/bullet_green.gif) inside;
	color: #2352d1;
	}
	
/****** PORTFOLIO *******/

#port	{
	width: 740px;
	float: left;
	}
	
#port dl	{
	float: left;
	
	margin: 10px 20px;
	padding-top: 20px;
	border-top: solid 5px #a2d84e;
	display: inline /* fixes IE?Win double margin bug */
	}
	
#port dt	{
	width: 448px;
	float: right;
	font-size: 170%;
	color: #2960f5;
	margin: 0;
	padding: 0;
	}
#port dd	{
	margin: 0 0 0 252px;
	padding: 0;
	font-size: 110%;
	line-height: 1.5em;
	}
#port dd.enlarge	{
	margin: 0;
	clear: left;
	padding-top: 5px;
	font-size: 85%;
	}

#port dd.img img	{
	float: left;
	margin-right: 20px;
	}
	

	
#port dl dd.img	{
	margin: 0;
	}

	

	
/******** SERVICES ********/

#services #left_col, #services #right_col	{
	margin-top: 30px;
	}
	
#services #packages	{
	margin-top: 20px;
	}
	

	
#services table	{
	margin: 20px;
	border: solid 2px #2960f5;
	border-collapse: collapse;
	margin-top: 20px;
	}
	

	
th	{
	background: #7cbd0b;
	color: #fff;
	text-align: center;
	font-weight: bold;
	}
	
#hosting{
	background: url(images/hosting.gif) no-repeat bottom left;
	padding: 1em 0 0em 45px;
	}
	
#forum{
	background: url(images/forum.gif) no-repeat bottom left;
	padding: 1.2em 0 0 45px;
	}
	
#gallery{
	background: url(images/gallery.gif) no-repeat bottom left;
	padding: 1.4em 0 0 45px;
	}
	
#egroup{
	background: url(images/groupware.gif) no-repeat bottom left;
	padding: 1.4em 0 0 60px;
	}
	
#sugar	{
	background: url(images/crm.gif) no-repeat bottom left;
	padding: 1.4em 0 0 55px;
	}
	
#help	{
	background: url(images/help.gif) no-repeat bottom left;
	padding: 1.4em 0 0 40px;
	}
#calendar	{
	background: url(images/calendar.gif) no-repeat bottom left;
	padding: 1.4em 0 0 55px;
	}	

#faq	{
	background: url(images/question.gif) no-repeat bottom left;
	padding: 1.4em 0 0 50px;
	}	
	
#survey	{
	background: url(images/survey.gif) no-repeat bottom left;
	padding: 1.4em 0 0 50px;
	}	
	
#moodle	{
	background: url(images/moodle.gif) no-repeat bottom left;
	padding: 1.4em 0 0 50px;
	}	
	
#tree	{
	background: url(images/tree.gif) no-repeat bottom left;
	padding: 1.6em 0 0 50px;
	}	
	
#poll	{
	background: url(images/polldaddy.gif) no-repeat bottom left;
	padding: 1.6em 0 0 135px;
	}	
	
#light	{
	background: url(images/lightbox.gif) no-repeat bottom left;
	padding: 1.6em 0 0 50px;
	}	

#shadowbox	{
	background: url(images/video.gif) no-repeat bottom left;
	padding: 1.6em 0 0 50px;
	}
	
#login	{
	background: url(images/lock.gif) no-repeat bottom left;
	padding: 1.6em 0 0 50px;
	}	
	
#adsense	{
	background: url(images/adsense.gif) no-repeat bottom left;
	padding: 1.6em 0 0 110px;
	}
	
#adwords	{
	background: url(images/adwords.gif) no-repeat bottom left;
	padding: 1.6em 0 0 110px;
	}				
	
#services #pages	{
	padding-top: 1.6em;
	}
	
#services #info	{
	padding-top: 1.6em;
	}

#slideshow	{
	font-size: 160%;
	color: #2960f5;
	font-weight: bold;
	margin-left: -50px;
	}
	

	
#ie6_swf	{
	position: relative;
	height: 1%;
	}
		
#services #main	{
	margin-top: -30px;
	}
	
#flash	{
	background: url(images/flash.gif) no-repeat bottom left;
	padding: 1.6em 0 0 65px;
	}	
	
#maps	{
	background: url(images/maps.gif) no-repeat bottom left;
	padding: 1.2em 0 0 115px;
	}	
	
#zebra	{
	background: url(images/zebra.gif) no-repeat bottom left;
	padding: 1.4em 0 0 140px;
	}	
	
#chart	{
	background: url(images/graph.gif) no-repeat bottom left;
	padding: 1.4em 0 0 55px;
	}	
	
#analytics	{
	background: url(images/analytics.gif) no-repeat bottom left;
	padding: 1.4em 0 0 108px;
	}	
	
#quick	a{
	position: absolute;
	top: 45px;
	right: 10px;
	background: url(images/script.png) no-repeat left;
	padding: 16px 0 16px 20px;
	}
		
		
#ie6	{
	visibility:hidden;
	}
	
#serContent	{
	clear:both;
	color: #2960f5;
	font-size: 160%;
	padding-top: 20px;
	
	}
		
/***** PRICE **********/

#price	table	{
	margin: 10px 0 25px 0;
	width: 508px;
	}
	
.cellcolor	{
	background-color: #e2f8c3;
	}
		
#priceList {
	position: relative;
	width: 510px;
	}
	
#price h2 {
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 10px;
	}	

.table_left 	{
	width: 80%;
	}
	
.table_right	{
	width: 20%;
	}
	
/******* REQUEST A QUOTE *******/

fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #2960f5;
	background: #f5f8f0;
	}
#user_login, #client_index fieldset {
	border: 1px solid #2960f5;
	padding: 5px;
	background: none;
	}
	
td, th		{
	padding: 5px;
	}
#price td, th	{
	border: solid 1px #2960f5;
	}	

#contact td, th	{
	border: solid 1px #2960f5;
	}
	
#request td, th	{
	border: solid 1px #2960f5;
	}
	
#services td, th	{
	border: solid 1px #2960f5;
	}		

legend 	{
	font-weight: bold;
	color: #fff;
	background: #7cbd0b;
	border: 1px solid #2960f5;
	border-right-color: #001f9f;
	border-bottom-color: #001f9f;
	padding: 4px 8px;
	}



label	{
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
.details label	{
	float: left;
	width: 13em;
	}
	
.contact_details label	{
	float: left;
	width: 8em;
	}
		
fieldset ol {
	margin: 0;
	padding: 0;
	}

fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}

.block label {
	display: block;
	width: auto;
	}
	
input:focus, textarea:focus	{
	background: #ffc;
	}
input[type=text], input[type=email], input[type=phone], textarea	{
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}

.required	{
	font-size: 90%;
	color: #FF0000;
	font-style: italic;
	}
	
input[type="radio"], input[type="checkbox"] {
     margin: 3px 5px 0;
     vertical-align: baseline;
     }

.emphasize	{
	font-style: italic;
	font-weight: bold;
	}
	
/***** FOOTER ********/

#footer	{
	clear: both;
	font-size: 90%;
	text-align: center;
	position: relative;
	padding: 10px 0 50px 0;
	border-top: solid 5px #a2d84e;
	margin-top: 10px;
	}
	
.mar_bot_10	{
	margin-bottom: 10px;
	}
	
	
.order	{
	background: url(images/go.jpg) no-repeat left bottom;
	padding: 10px 0 5px 35px;
	}
	
.mail	{
	background: url(images/question.jpg) no-repeat left bottom;
	padding: 10px 0 5px 35px;
	}

#scroller	{
	position: relative;
	width: 770px;
	}
	
/***** Contact *****/

#contact form	{
	margin-bottom: 20px;
	}
	
/*  Misc Classes */

.email	{
	background: url(images/email.png) no-repeat right top;
	padding-right: 10px;
	}
	
.external	{
	background: url(images/external.gif) no-repeat right top;
	padding-right: 11px;
	}
	
.form	{
	background: url(images/note_edit.png) no-repeat right top;
	padding-right: 15px;
	}
	
#contruction	{
	background: url(images/construction.png) no-repeat left top;
	}
	
#contruction p	{
	padding-left: 200px;
	}
	
#contruction h1	{
	margin-left: 200px;
	}
	
.mar_bot_200	{
	padding-bottom: 200px;
	}
	
.noBorder p	{
	border: none;
	}
	
	
.indent	{
	margin-left: 20px;
	}
	
.mar_top_15	{
	margin-top: 15px;
	}
	
.small 	{
	font-size: 80%;
	}
	
.mar_bot_20	{
	margin-bottom: 20px;
	}
	
.mar_bot_100 {
	margin-bottom: 100px;
	}

.float_left	{
	float: left;
	}
		
.float_right	{
	float: right;
	}
	
.strikeout	{
	text-decoration:line-through;
	}
	
.center	{
	text-align: center;
	}
	
.pad_top_10	{
	padding-top: 10px;
	}
	

	
.two_thirds	{
	width: 66%;
	float: left;
	}
	
.orange	{
	color: #fc8a43;
	}