body {margin: 0px; padding: 0px; height:100%; background-color:#ffffff;	
}

#main {
	position:relative;
	z-index:3;
	width:1000px;
	min-width:965px;
	height:auto;
	margin: 0 auto -4em;
	}
	
#AJDesignPortfolio_r1_c1 {
	position:absolute;
	top:0px;
	left:0px;
	margin-left:20px;
	margin-top:15px;
	margin-bottom:0px;
	margin-right:0px
	width:358px;
	float:left;
	display:inline;
}
#colwrap1 {
	position:absolute;
	left:358px;
	float:left;
	width:605px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:0px

}
#AJDesignPortfolio_r1_c4 {
	position:absolute;
	left:358px;
	top:0px;
	margin-left:0px;
	margin-top:0px;
	width:605px;
	height:54px;
	margin-bottom:0px;
	float:left;
	display:inline;

}
#AJDesignPortfolio_r2_c4 {
	position:absolute;
	left:358px;
	top:55px;
	margin-left:0px;
	margin-top:0px;
	width:605px;
	height:10px;
	float:left;
	display:inline;
	background-image: url(../images/AJDesignPortfolio_r2_c4.jpg);
}
#AJDesignPortfolio_r3_c4 {
	position:absolute;
	top:84px;
	left:358px;
	margin-left:0px;
	margin-top:0px;
	width:605px;
	height:12px;
	margin-bottom:0px;
	float:left;
	display:inline;

}
#AJDesignPortfolio_r4_c1 {
	position:absolute;
	top:95px;
	left:0px;
	margin-left:0px;
	margin-top:0px;
	width:963px;
	height:54px;
	margin-bottom:0px;
	display:inline;
	background-image: url(../images/AJDesignPortfolio_r4_c1.jpg);
	overflow:hidden;
	text-align: center;
}

#AJDesignPortfolio_r4_c1b {
	position:absolute;
	top:95px;
	left:-19px;
	margin-left:0px;
	margin-top:0px;
	padding:12px;
	width:963px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background-image: url(../images/AJDesignPortfolio_r4_c1b.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	vertical-align: middle;
	text-align: center;
}

#AJDesignPortfolio_r5_c1 {
	position:absolute;
	top:149px;
	left:-1px;
	margin-left:0px;
	margin-top:0px;
	width:85px;
	height:512px;
	margin-bottom:0px;
	float:left;
	display:inline;
}
#AJDesignPortfolio_r5_c3 {
	position:absolute;
	top:148px;
	left:85px;
	margin-left:0px;
	margin-top:0px;
	padding:0px;
	width:832px;
	height:512px;
	float:left;
	display:inline;
	background-image:url(../images/AJDesignPortfolio_r5_c3.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}
#AJDesignPortfolio_r5_c3b {
	position:absolute;
	top:93px;
	left:84px;
	margin-left:0px;
	margin-top:0px;
	padding:0px;
	width:832px;
	float:left;
	display:inline;
	background-image:url(../images/AJDesignPortfolio_r5_c3b.jpg);
	background-repeat:no-repeat;
}
#AJDesignPortfolio_r5_c5 {
	position:absolute;
	top:149px;
	left:917px;
	margin-left:0px;
	margin-top:0px;
	width:46px;
	height:100%;
	margin-bottom:0px;
	float:left;
	display:inline;
}
#AJDesignPortfolio_r6_c1 {
	margin-left:0px;
	margin-top:0px;
	width:963px;
	height:5px;
	margin-bottom:0px;
	float:left;
	display:inline;

}
#AJDesignPortfolio_r7_c1 {
	margin-left:0px;
	margin-top:0px;
	width:45px;
	height:75px;
	margin-bottom:0px;
	float:left;
	display:inline;

}
#AJDesignPortfolio_r7_c2 {
	margin-left:0px;
	margin-top:0px;
	width:40px;
	height:85px;
	margin-bottom:0px;
	float:left;
	display:inline;

}
#AJDesignPortfolio_r7_c3 {
	margin-left:0px;
	margin-top:0px;
	width:832px;
	height:107px;
	margin-bottom:0px;
	float:left;
	display:inline;

}
#AJDesignPortfolio_r7_c5 {
	margin-left:0px;
	margin-top:0px;
	width:46px;
	height:107px;
	margin-bottom:0px;
	float:left;
	display:inline;

}
#AJDesignPortfolio_r8_c1 {
	margin-left:0px;
	margin-top:0px;
	width:963px;
	margin-bottom:0px;
	float:left;
	display:inline-block;
}

#WebLinks {
	position:absolute;
	top:760px;
	float:left;
	width:963px;
	display:inline;
	padding-left: 85px;
	padding-top:20px;
	left:0px;

}
#WebLinks2 {
	position:absolute;
	top:760px;
	float:left;
	width:963px;
	display:inline;
	padding-left: 85px;
	padding-top:20px;
	left:450px;

}

#ClientList {
	text-align:left;
	width:1000px;
	padding-top: 50px;
	margin:auto;
}

.TwoCol {
	width:960px;
}

#ClientList .OneCol {
	position:relative;
	display:inline-block;
	width:1000px;
	padding:50px 20px 20px 10px;
	left:0px;
	clear:both;
	margin:auto;
}
#ClientList  .LeftCol{
	position:relative;
	float:left;
	width:300px;
	display:inline-block;
	padding: 0 0px 20px 20px;
}

#ClientList  .RightCol{
	position:relative;
	float:left;
	width:300px;
	display:inline-block;
	padding-left: 0px;
	padding-top:0px;
}


	

#WebLinks h3, #WebLinks h2, #WebLinks p {
	text-align: left;
	line-height: 15px;
	

}
#WebLinks2 h3, #WebLinks2 h2, #WebLinks2 p {
	text-align: left;
	line-height: 15px;
	

}

#ClientList h3, #ClientList h2, #ClientList p {
	text-align: left;
	line-height: 15px;
	padding:0px;
	margin:5px;
	

}

#ClientList h3, #ClientList h2 {
	text-align: left;
	line-height: 15px;
	padding-bottom:10px;
	margin:5px;
	

}
	
#WebLinks h2, #WebLinks2 h2, #ClientList h2 {
	font-size:24px;
	line-height: 10px;

}
	
	
#AJDesignPortfolio_r8_c1b {
	margin-left:0px;
	margin-top:0px;
	width:880px;
	margin-bottom:0px;
	float:left;
	display:inline;
}
		.p {
	margin:0px;
	padding:0px;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	text-align: inherit;
	color: inherit;
	line-height: inherit;
	vertical-align: top;
}
p {
	padding-top:0px;
	margin-top:0px;
}
img {
	border:0px;
}
div {
	margin:0px;
	padding:0px;
	font-family:verdana; font-size:12px;
	color: #4E617C
}
span {
	text-align:center;
}
.br {
	margin:0px;
	padding:0px;
}

.image {
	position:relative;
	display:block;
	padding:0;
	margin:0;
	float:left; /* optional */
}
.image .text {
	position:absolute;
	top:12px; /* in conjunction with left property, decides the text position */
	left:100px;
	width:763px; /* optional, though better have one */
	height: 30px;
}



.AbsWrap {
	width: 100%;
	position: relative;
}
.rowWrap {
	width: 100%;
}
.clearfloat {
	height:0px;
	padding:0px;
	margin:0px;
	border:0px;
}
a:link, a:visited{
	COLOR:inherit;
	text-decoration:inherit;


	}
	
	#dhtmlgoodies_slideshow{
		width:832px;	/* Total width of slideshow */
		height:512px


	}
	
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
    font-style:italic;
	text-align: center;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
	font-size:0.9em;
	width:963px
}	
	#previewPane{
	border:0px solid #CCCCCC;
	margin-bottom:0px;
	text-align:center;
	vertical-align:middle
    padding-top:0px;
	position:absolute;
	/* CSS HACK */
		height: 512px;
	overflow: hidden;
	visibility: visible;
	width: 832px;
	left: 0;
	top:-2px;
	}
	#previewPane img{
		height:475px
		
	}
	#galleryContainer{
	height:95px;	/* Height of the images + 2 */
	z-index:10;
	position:absolute;
	overflow:hidden;
	padding:0px;
	/* CSS HACK */
		height: /95px;	/* IE 5.x - Added 2 pixels for border left and right */
	height/* */:/**/95px;	/* Other browsers */
	height: /**/95px;
	width:932px;
	margin:0px;
	top: 668px;
	left:35px;
	}
	#arrow_left{
	position:absolute;
	left:-11px;
	z-index:20;
	background-color: #FFF;
	padding:0px;
	top: 0px;
	height:85px;
	width: 50px;
	left:0px
	}
	#arrow_right{
	position:absolute;
	right:0px;
	z-index:20;
	background-color: #FFF;
	padding:0px;
	top: 0px;
	width: 50px;
	height: 85px;
	}
	#theImages{
	z-index:10;
	position:absolute;
	height:85px;
	left:42px;
	width:100000px;
	top:-6px;
	margin:0px
	bottom:0px
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		z-index:15;
		float:left;
		padding-right:8px;
		filter: alpha(opacity:100);
		opacity: 1;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:;
		border:0px double #000;
		padding:0px;
		color:;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}

#footer, .push {
	z-index:5;
	position: relative;
	bottom:0px; /* negative value of footer height */
	left:0px;

} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

input, textarea {
	z-index:25;
	padding: 8px;
	border: solid 1px #09C;
	font: normal 12px Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('form_background.png') left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

	}

textarea { 
	z-index:25;
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	z-index:25;
-moz-box-shadow:0 0 8px lightblue;
	-webkit-box-shadow:0 0 8px lightblue;
	box-shadow:0 0 8px lightblue;
}

.form label { 
	z-index:25;
	margin-left: 12px; 
	color: #999999; 
	}

.submit input {
	z-index:25;
	width: auto;
	padding: 10px 14px;
	background: #617798;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
	}
#form-div { 
	z-index:25;
	text-align:left

-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
padding:15px;
}

#wrapper { 
	z-index:25;

margin:30px auto;
width:500px;
}

.box {
	margin:0px;
	margin-bottom:0px;
	width:100%;
	left:0px;
	float:left;
			border:1px;
	border-color:#D00;

}
#box1 {
	margin:0px;
	width:100%;
	left:0px;
	float:left;
		border:1px;
	border-color:#D00;
}
#box2 {
	margin:0px;
	width:50%;
	float:left;

}
#box3 {
	position:relative;
	margin:0px;
	width:50%;
	left:20px;
	float:left;

}
#collumn1 {
	margin:0px;
	width:50%;
	float:left;

	}
#collumn2 {
	position:relative;
	left:20px;
	margin:0px;
	width:50%;
	float:left;

	}

#collumn3 {
	margin:0px;
	margin-left:20px;
	width:40%;
	float:left;
	}
#collumn4 {
	position:relative;
	left:20px;
	margin:0px;
	width:40%;
	float:left;

	}

#collumn5 {
	position:relative;
	left:20px;
	margin:0px;
	width:30%;
	float:left;

	}
	
#content {
  max-width:70em;
  width:100%;
  margin:0 auto;
  padding-bottom:20px;
  overflow:hidden

}
.demo {
  margin:0;
  padding:1.5em 1.5em 0.75em;
  border:0px;
  position:relative;
  overflow:hidden
}
.collapse p {padding:0 10px 1em}

.collapse text {padding-left:10px;}

.top{font-size:.9em; text-align:right}
#switch, .switch {margin-bottom:5px; text-align:right}

/* --- Headings  --- */
h1 {
  margin-bottom:0px; 
  font-family:Verdana, Geneva, sans-serif; 
  font-size:2em; 
  font-weight:normal; 
  color:#82D39F;
  margin-left:20px
}
h2 {font-size:1em;
}
.h3 {color: #000;
}



.expand{padding-bottom:.75em}

/* --- Links  --- */
a:link, a:visited {
  border:1px dotted #ccc;
  border-width:0 0 1px;
  text-decoration:none;
  color:#4E617C
}
a:hover, a:active, a:focus {
  color:#444;
  border-style:solid;
  background-color:
  #C3EED3;
  outline:0 none;
  text-decoration:none;
}
a:active, a:focus {
  color:white;
}
.expand a {
  display: block;
  padding:3px 10px
}
.expand a:link, .expand a:visited {
  border-width:1px;
  background-image:url(../img/arrow-down.gif);
  background-repeat:no-repeat;
  background-position:98% 50%;
}
.expand a:hover, .expand a:active, .expand a:focus {
  text-decoration:none;
}
.expand a.open:link, .expand a.open:visited {
  border-style:solid;
  background:#C3EED3 url(../img/arrow-up.gif) no-repeat 98% 50%
}
#footer {
	position:absolute;
	bottom:0;
}