body {
	margin:0;
	padding:0;
	width: 40000px;
	height: auto;
	color:#333; 
	font: 62.5%/150% Tahoma, Geneva, sans-serif;
	background:#D4DFE5;

	}

html{	

	overflow-y:auto;
	overflow-x:hidden;

}


h2 {font-size: 1.1em}
h3 {
	font-size: 1.4em;
	font-weight:bold;
	font-style:italic;

}
em, i {
	font-style: italic;
}

hr, .hide {
	position:absolute; 
	top:0;
    left:-9000px;
}	

#page {
	height: 770px;
	
}

#leftsider {
	padding: 0px 0 0 0px;
	float: left;
	width:1920px;
	/*background:url(../images/front_page_blank.jpg) 0 0 no-repeat;*/
	
	height:770px;
}

#leftsider h1 {font-size: 2.0em;}


#menu {
	position:relative;
	left:700px;
	top:350px;
	width:200px;
	font-size:12pt;
	font-family:Arial, Helvetica, sans-serif;
	z-index:1;

}

#menu ul {
	list-style-type:none;
}

#menu a{
	text-decoration: none;
	color:#333;
	border:0px;
}
#menu img{
	border:0px;
}

#menu a:hover{
	/*color:#FFF;*/
}

#content {
	margin: 0px 0 0 40px; 
	float: left;
	font-size: 1.1em; 
}


#content h4 {font-size: 1.2em;}

.par {
	margin: 0px 0px 0 0px; 
	padding-left: 0px; 
	float: left; 
	width: 1900px;	
	height: 780px;
	background:url(../images/body_bg.jpg) #D4DFE5 0 0 no-repeat;
}

.page_content{
	position:relative;
	float:left;
	padding:10px;
	margin-left:10px;
	height:460px;
	width:975px;
}


.portfolio {
	margin: 0px 0px 0 0px; 
	padding-left: 0px; 
	float: left; 
	width: 1900px;	
	height: 800px;
	background:url(../images/bg_portfolio.jpg) #D4DFE5 0 0 no-repeat;
}



/* header */
.header{
	width:100%;
	height:51px;
	background:#eee;
	border-bottom:#EEE 1px solid;
}
.header_logo{
	position:relative;
	left:10px;
	top:15px;
}

.header_nav{
	position:relative;
	left:560px;
	top:-10px;
}
.header_nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.header_nav ul li{
	display:inline;
	padding:5px;
	
}
.header_nav ul li a{
	text-decoration:none;
	color:#333;
	font-size:12pt;
	font-family:Tahoma, Geneva, sans-serif;
	padding:2px 5px 2px 5px;
}

.header_nav ul li a:hover{
	color:#FFF;
	background:#333;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding:2px 5px 2px 5px;
	text-decoration:none;
}


/* end header */

/* @group about */


#about_heading{
	position:relative;
	left:50px;
	width:900px;
}

#about_content{
	position:relative;
	top:5px;
	left:175px;
	width:760px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9pt;
	line-height:18px;
	color:#666;
}

#about_content img{
	border:0px;
}
#about h1{
	font-size:2.3em;
	color:#333;
	position:relative;
	top:-5px;
	line-height:28px;
}

#about h2{
	font-size:10pt;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
}

#about h3{
	font-size:11pt;
	color:#000;
	font-weight:bold;
	font-style:italic;
}
#about_content a {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFF;
	background:#2CA3E1;
	padding:2px 5px 2px 5px;
	text-decoration:none;
}

.profiles_button{
	position:absolute;
	left:595px;
	top:170px;
}

#about_content a:hover {
	background:#333;
}
#about_statements{
	padding-top:10px;
	height:197;
	width:975;
}

#about_caption{
	position:relative;
	float:right;
	top:10px;
	padding-left:5px;
	
}

#damien_award{
	position:absolute;
	top:145px;
	left:0px;
	float:left;
}
#we_box{
	position:relative;
	float:right;

}

#about_next{
	position:relative;
	top:-20px;
	float:right;
	border:0px;

}

#about_next a{
	background:none;

}

#about_next a:hover{
	text-decoration:none;
	background:none;

}



/* end about */


/* @group services */

#services_heading{
	position:relative;
	left:50px;
	width:900px;
}

#services_content{
	position:relative;
	top:10px;
	left:20px;
	width:900px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9pt;
	line-height:18px;
	color:#666;
}



#services h1{
	font-size:2.3em;
	color:#000;
	position:relative;
	top:-20px;
	
}

#services .h1_price{
	color:#B1D035;
	font-size:14pt;
	float:right;
}

#services h2{
	font-size:9pt;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
}

#services h3{
	font-size:11pt;
	color:#000;
	font-weight:bold;
	font-style:italic;
	padding-bottom:0px;
}

#services .box{
	width: 200px;
    padding: 0px 0 0px 0;
    margin: 0 0 0 15px;
    float: left;
	padding:5px;
}

#services .box p{
	position:relative;
	top:-10px;

}

/*#services_content a{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #B1D035;
	border: 1px solid #CCC;
	color:#333;
	text-decoration:none;
	padding:5px;
}

#services_content a:hover{
	background: #333;
	color:#B1D035;

}*/

#box_fade{
	height:130px;
	width:200px;
	background:#999;
	position:relative;
	float:left;
	z-index:1;
}

ol#services-list {
	width: 210px;
	height: 275px;
	display: block;
	float: left;
}
ol#services-list li {
	display: block;
	width: 210px;
	height: 35px;
	margin-bottom: 5px;
}
ol#services-list li a {
	display: block;
	width: 210px;
	height: 35px;
	text-indent: -9999px;
}
ol#services-list li a#creative-wd {
	background: url(../images/creative-web-design.png) no-repeat;
}
ol#services-list li a#creative-wd:hover, .ui-tabs-nav .ui-tabs-selected a#creative-wd {
	background: url(../images/creative-web-design-over.png) no-repeat !important;
}
ol#services-list li a#e-commerce {
	background: url(../images/shopping-carts.png) no-repeat;
}
ol#services-list li a#e-commerce:hover, .ui-tabs-nav .ui-tabs-selected a#e-commerce {
	background: url(../images/shopping-carts-over.png) no-repeat !important;
}

ol#services-list li a#bigcommerce {
	background: url(../images/bigcommerce-carts.png) no-repeat;
}
ol#services-list li a#bigcommerce:hover, .ui-tabs-nav .ui-tabs-selected a#bigcommerce {
	background: url(../images/bigcommerce-carts-over.png) no-repeat !important;
}

ol#services-list li a#r-estate {
	background: url(../images/real-estate.png) no-repeat;
}
ol#services-list li a#r-estate:hover, .ui-tabs-nav .ui-tabs-selected a#r-estate {
	background: url(../images/real-estate-over.png) no-repeat !important;
}

ol#services-list li a#express {
	background: url(../images/express-web-sites.png) no-repeat;
}
ol#services-list li a#express:hover, .ui-tabs-nav .ui-tabs-selected a#express {
	background: url(../images/express-web-sites-over.png) no-repeat !important;
}
ol#services-list li a#cms {
	background: url(../images/content-management.png) no-repeat;
}
ol#services-list li a#cms:hover, .ui-tabs-nav .ui-tabs-selected a#cms {
	background: url(../images/content-management-over.png) no-repeat !important;
}
ol#services-list li a#domains {
	background: url(../images/domain-names.png) no-repeat;
}
ol#services-list li a#domains:hover, .ui-tabs-nav .ui-tabs-selected a#domains {
	background: url(../images/domain-names-over.png) no-repeat !important;
}

ol#services-list li a#hosting {
	background: url(../images/web-hosting.png) no-repeat;
}
ol#services-list li a#hosting:hover, .ui-tabs-nav .ui-tabs-selected a#hosting {
	background: url(../images/web-hosting-over.png) no-repeat !important;
}

ol#services-list li a#proofreading {
	background: url(../images/proof-reading.png) no-repeat;
}
ol#services-list li a#proofreading:hover, .ui-tabs-nav .ui-tabs-selected a#proofreading {
	background: url(../images/proof-reading-over.png) no-repeat !important;
}




#services-tabs h3 {
	font-size: 22px;
	letter-spacing: -1px;
	font-weight: normal;
}
#services-tabs p{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9pt;
	line-height:18px;
}
/*#services-tabs a {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	background:#333;
	font-size:10pt;
	font-weight:bold;
	padding:2px 5px 2px 5px;
	text-decoration:none;
}

#services-tabs a:hover {
	background:#B1D035;
	
}
*/
#services-tabs a{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-decoration:none;
	padding:2px 5px 2px 5px;
}
#services-tabs a:hover {

	text-decoration:underline;
}

/* end services */

/* @group contact */

#contact_heading{
	position:relative;
	left:50px;
	width:900px;
}

#contact_content{
	position:relative;
	float:left;
	padding:10px;
	margin-left:10px;
	height:460px;
	width:975px;
}
#contact h1{
	font-size:2.3em;
	color:#333;
	position:relative;
	top:-5px;
	line-height:28px;
}

#contact h2{
	font-size:9pt;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
}

#contact h3{
	font-size:11pt;
	color:#000;
	font-weight:bold;
	font-style:italic;
	padding-bottom:10px;
}

#contact h3.title{
	font-size:16pt;
}

#contact .box{
	width: 200px;
    padding: 0px 0 0px 0;
    margin: 0 0 0 15px;
    float: left;
	padding:5px;
}

#contact .box p{
	position:relative;
	top:-10px;

}

#contact_content a{

	color:#2CA3E0;
	text-decoration:none;

}

#contact_content a:hover{
	color:#2CA3E0;
	

}

#contact_content img{
	border:none;
}

#twitter_skype{
	position:absolute;
	top:215px;
	left:20px;
	width:366px;
	height:80px;
}


/* end contact */

/* Boxes
============================================================================= */

.boxes {
  /*background: url(../images/boxes.gif) 0 0 repeat-y;*/
  width: 975px;
  margin: 0 0 0 15px;
  /*border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;*/
  position:relative;
  top:-5px;
  float:left;
}

.page_name{
	position:relative;
	float:left;
	top:10px;
	left:-30px;
	
}

.page_name_clients{
	position:relative;
	float:left;
	top:490px;
	left:-40px;
}

.boxes a{
	color: #1B83BA;
}

.boxes h3{
	font-size: 1.4em;
	font-weight:bold;
	font-style:italic;
}

  .boxes .box {
    width: 205px;
    padding: 0px 0 27px 0;
    margin: 0 0 0 30px;
    float: left;
  }

  .boxes .left {margin: 0;}
  .boxes p {margin: 10px 0 0 0;}
  .boxes p.link {margin: 15px 0 0 0;}

.boxes h3{
	font-size:10pt;
}
.boxes h3#incontrol_cms {
  width: 105px;
}

.boxes h3.proposal_planner {
  width: 180px;
}

.boxes h3.credentials {
  width: 77px;
}

.boxes h3.updates {
  width: 51px;
}

  .boxes form div {
    background: url(../img/textbox_144.gif) 0 0 no-repeat;
    height: 26px;
    margin: 23px 0 0 0;
  }

  .boxes form input {
    background: none;
    width: 132px;
    height: 21px;
    padding: 5px 6px 0 6px;
    border: none;
    float: left;
  }
  

  .boxes form button {
    background: url(../images/send.gif) 0 0 no-repeat;
	text-indent: -9999px;
	clear: both;
    height: 26px;
    width: 48px;
    float: right;
	border:0px;
	cursor:pointer;
	position:relative;
	top:-25px;
  }

  .boxes form button:hover {background-position: 0 -26px;}
  
p.link {padding: 0 0 0 19px;}
p.arrow_right {background: url(../images/arrow_right.gif) 0 0px no-repeat;}
p.arrow_down {background: url(../images/arrow_down.gif) 0 0px no-repeat;}

/* Testimonial */

.testimonials_container{
	position:relative;
}
#testimonial_about, #testimonial_services, #testimonial_contact{
	margin:0px;
	padding:0px;
	width:210px;
}
#testimonial_about ul,li{
	list-style-type:none;
	position:relative;
	left:15px;
	top:5px;
	
}

#testimonial_services ul,li{
	list-style-type:none;
	position:relative;
	left:15px;
	top:5px;

}

#testimonial_contact ul,li{
	list-style-type:none;
	position:relative;
	left:15px;
	top:5px;
	
}
	
.speech-bubble {
  background: url(../images/testimonials_bg.gif) 0 0 no-repeat;
  height:83px;
  margin-top: 5px;
  width:216px;
}

.credits{
	position:absolute;
	top:72px;
	left:-10px;
}

.credits a{
	text-decoration:none;
}

.credits a:hover{
	text-decoration:underline;
}
	
/*
.speech-bubble-top {
  background: url(../images/speech-bubble-top.gif) 0 top no-repeat;
  height: 1%;
}

.speech-bubble-bottom {
  background: url(../images/speech-bubble-bottom.gif) 0 bottom no-repeat;
  padding: 3px 20px 30px 10px;

}
*/
/* Footer
============================================================================= */

#news_box {
  position: relative;
}

#news_error_box {
  position: absolute;
  top: 52px;
  left: 0;
  height: 65px;
  width: 200px;
  background: url(/img/backgrounds/newsletter.gif) 0 0 no-repeat;
}

.footer {
	position:absolute;
	top:740px;
	float:left;
  padding: 26px 0;
  margin: 0 0 0 15px;
  width:960px;
  display:block;
}

  .footer ul,
  .footer li {
	  float: left;
	  list-style-type:none;
	  padding-right:15px;
	  }

    .footer li a {
      color: #6e6e66;
      border-bottom: 1px solid #e0e0e0;
	  word-spacing:20px;
    }

    .footer li a:hover {
      color: #8e8e86;
      border-bottom: 1px solid #fff;
    }

    .footer li span {color: #d0d0d0;}

  .footer p.copyright {
    width: 405px;
    float: right;

  }

/* Portfolio filtering */

#portfolio-filter {
	font-size: 9pt;
	font-family:Tahoma, Geneva, sans-serif;
	letter-spacing: 1px;
	list-style-type: none;
	margin: 5px 0px 5px 0px;
	text-transform: uppercase;
	background: transparent url(../images/tag-icon.png) left no-repeat;
	height:25px;
	}

	
#portfolio-filter li {
	background: none;
	display: inline;
	margin: 0px 0px 0px 5px;
	padding: 0;
	}
	
#portfolio-filter li a {
	color:#808080;
	margin: 0;
	padding: 5px 7px 5px 7px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
	
#portfolio-filter li a:hover {
	background: #333;
	color:#88B309;
	text-decoration: none;
	}
	
#portfolio-filter li a.current {
	color: #fff;
	background: #333;
	text-decoration: none;
	}
	
/* Portfolio tiles list style */
	
#portfolio-tiles { /* Tiled arrangement for displaying portfolio thumbnails */
	width: 950px;
	height:560px;
	overflow:hidden;
	}
	
#portfolio-tiles div { /* Tiled arrangement for displaying portfolio thumbnails */
	float: left;
	margin: 0px 0px 0px 0px;
	width: 302px;
	height:190px;
	background: url(../images/shadow.png) no-repeat bottom right !important;
	}
	
#portfolio-tiles h3 {
	position:relative;
	left:20px;
	font-size: 14px;
	font-weight: normal;

	}
	
#portfolio-tiles img{
	border:0px;
	margin:0px 0px 0px 0px;
	position: relative;
	left:13px;
}

#portfolio-tiles .thumb {
	top:0px;
	height:168px;
	overflow:hidden;
}

/*------- Shadow --------*/
div.shadowbox {
padding: 0;
float: left;
display: block;
position: relative;
margin: 6px 0px 0px 6px !important;
background: url(../images/shadow.png) no-repeat bottom right !important;
}
 
div.shadowbox div,
div.shadowbox img{
margin: 0px 6px 24px 0px;
position:relative;
display:block;
}
 
div.shadowbox img{
border:1px solid #ccc;
}
 
div.shadowbox div{
width:302px;
height:214px;
text-align:center;
}

/*----------End Shadow----------*/

.site_link{
	position:relative;
	margin:0px;
	float:left;
}
.testimonial{
	position:relative;
	float:right;
}
.site_name{
	position:relative;
	left:-70px;
	color:#1D90C7;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:8pt;
	font-weight:normal;
	text-align:center;
}

.testimonial_content{
	color:#333;
	padding:5px;
}

.testimonial_content h1{
	font-size:16pt;
	font-style:italic;
	line-height:20px;
	font-weight:normal;
	color:#A5C22E;
	
}

.popout_content{
	color:#333;
	padding:0px 15px 0px 15px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9pt;
	line-height:18px;
}

.popout_content a{
	color: #2CA3E1;
	text-decoration:none;
}

.popout_content a:hover{

	text-decoration:underline;
}


.popout_content h1{
	font-size:18pt;
	font-weight:bold;
	line-height:20px;
	font-weight:normal;
	color:#A5C22E;
	
}

.popout_content h2{
	font-size:12pt;
}

#slider_heading{
	position:relative;
	float:right;
	left:-335px;
	top:-270px;
}


#slider_container{
	position:relative;
	left:550px;
	top:-255px;
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{
	position:relative;
	top:20px;
	width:500px;
	height:480px;
	overflow: hidden;

	}
#slider li div {
	float: left;
	width: 200px;
	height: 55px;
	position: relative;
}
#slider li div.textarea {
	width: 380px;
	display: block;
	height: auto;
	clear: both;
}

#slider li div label {
	width: 260px;
	display: block;
	padding: 0px 0;
	font-size: 1.2em;
}


#slider li div label.error {
	color: #F00;
	position: absolute;
	top: 0;
	right: 20px;
	width: auto;
}

#slider li div input {
	width: 160px;
	background: #FFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #333;
	border: 1px solid #CCC;
	padding: 4px;
}

#slider li div.radio label {
	padding-bottom: 5px;
}

#slider li div.radio span {
	font-size: 1.2em;
	width: 40px;
	color: #333;
	float: left;
}

#slider li div.radio input {
	width: auto;
	background: none;
	border: 0;
	float: left;
}

#slider li div textarea {
	width: 380px;
	background: #FFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #333;
	border: 1px solid #CCC;
	height: 60px;
	padding: 4px;
}

#slider li button {
	width: 135px;
	height: 37px;
	clear: both;
	background: url(../images/submit-btn.png) no-repeat;
	text-indent: -9999px;
	margin: 10px 0 0 0;
	position: relative;
	border: 0;
	display: block;
	float: left;
	cursor:pointer;
}

#slider li button:hover {
	background: url(../images/submit-btn.png) no-repeat 0 -37px;
}

#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:100px;
		top:0px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:270px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		font-size:11pt;
		width:150px;
		height:16px;
		color:#333;
		text-decoration:none;
		padding:5px;
		
		/*background:url(../images/discuss_project.gif) no-repeat 0 0;	*/
		}	
	#nextBtn a, #slider1next a{ 
	width:100px;
	background:none;
	border:none;
		/*background:url(../images/say_hello.gif) no-repeat 0 0;	*/
		}	
		
		
			#prevBtn a:hover, #nextBtn a:hover,
	#slider1next a:hover, #slider1prev a:hover{  
	background: #333;
	color:#FCBD00;
		
		/*background:url(../images/discuss_project.gif) no-repeat 0 0;	*/
		}
		
		#prevBtn a.selected, #nextBtn a.selected,
	#slider1next a.selected, #slider1prev a.selected{  
		display:block;
		position:relative;
		font-size:11pt;
		height:16px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background: #FCBD00;
		border: 1px solid #CCC;
		color:#333;
		text-decoration:none;
		padding:5px;
		
		/*background:url(../images/discuss_project.gif) no-repeat 0 0;	*/
		}	
		
				#prevBtn a.nonselected, #nextBtn a.nonselected,
	#slider1next a.nonselected, #slider1prev a.nonselected{  
		display:block;
		position:relative;
		font-size:11pt;
		height:16px;
		background: none;
		color:#333;
		text-decoration:none;
		padding:5px;
		
		/*background:url(../images/discuss_project.gif) no-repeat 0 0;	*/
		}

	/* numeric controls */	
	

	.highslide-overlay {
  		background: black; 
		font-weight: bold; 
		font-size: 14pt; 
		font-style:italic;
      	color: white; 
		margin-bottom: 2em; 
		padding: 5px;
}

.testimonial_title{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-weight:normal;
	font-style:italic;
	color:#B1D035;
	line-height:20px;
}

.notice{
	width:100%; 
	background:#000; 
	color:#FFF; 
	font-size:9pt; 
	padding:2px 0px 2px 10px;
}

.notice a{
	color:#FFF;
}
	
/* end all */