body
{

	background-color: #ffc423;
}

#body2
{
background:url(images/grey.jpg) top center repeat-x;
	background-color: #ffc423;
	width:auto;
	overflow:auto;}



a:link{
	text-decoration: none;
	color: #219eea;
}
a:hover{
	text-decoration: underline;
	color: #666666;
}

a:visited{
	text-decoration: none;
	color: #219eea;
}

p
{
	margin-right: 10px;
	margin-left: 10px;
	text-align: justify;
}

#main
{
	background: url(images/bg_rep.jpg) top center repeat-y;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:10px auto 0px auto;
	width: 900px;
	
}

#header
{
	height: 100px;
	background:url(images/bg_top.jpg) top center no-repeat;	
}

#header2
{
	height: 25px;
	background:url(images/bg_top.jpg) top center no-repeat;	
}

#header p
{
	margin-left: 240px;
	/*padding-top: -50px;*/
	width: 550px;
}

#header #logo
{
	margin-left: 70px;
	margin-top: 15px;
}

#header #headerText
{
	margin-top: -80px;
	
}

#navigation
{
	background-color: #ffc423;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	margin:0px 5px 0px 16px;
	text-align:left;	
	width: 876px;
	padding-top: 5px;
	padding-right:30px;
}


#navigation a:link{
	text-decoration: none;
	color: #000000;
}
#navigation a:hover{
	text-decoration: underline;
	color: #666666;
}

#navigation a:visited{
	text-decoration: none;
	color: #000000;
}

#navigation span
{
	margin-bottom: -40px;
	margin-left: 38px;
}

#flashNav
{

	height: 130px;
	width: 900px;
	
}

#flash{
background:url(images/flashbg.jpg) top center no-repeat;
	height: 133px;
	width: 900px;
	
}

#buttons{
	height: 133px;
	width: 770px;
	margin: 0px auto 0px auto;
	padding-top: 10px;
	}

#flash p{
padding: 10px auto;
width: 700px;
	
}

#video
{
	background-color: black;
	height: 240px;
	margin-top: 15px;
	margin-left: 25px;
	width: 320px;
	
}

#subNav
{
	
	width:900px;
	line-height:12px;
}

#subNav h1
{
	
	color:#CC0000;
	font-size:16px;
	font-weight:bold;
}

#subNav h3
{
	
	
	font-size:16px;
	font-weight:bold;
}

#subNav p
{
margin: 0px 10px 0px 0px;
text-align:left;
line-height:12px;
}

#subNav #horizontalDots
{
	background-image: url(images/dotHor.png);
	height: 5px;
	width: 500px;
}

#subNav #verticalDots1
{
	background-image: url(images/dotVert.png);
	height: 90px;
	width: 5px;
}

#subNav #verticalDots2
{
	background-image: url(images/dotVert.png);
	height: 90px;
	width: 5px;
}
#logobg{
background:url(images/bg_logo.jpg) bottom center no-repeat;
clear:both;
bottom:0;

}
div#logobg { 
min-height:325px;
height:expression(this.scrollHeight > 325 ? "auto":"325px"); 
}
#text
{
margin-left:10px;
	text-align: justify;
	width: 840px;
	line-height:14px;
}

#textport
{

	text-align: justify;
	width: 600px;
	line-height:22px;
	float:right;
	margin-right:40px;
}

#portfolioitems{
float:left;
margin-left:50px;

}

#text h1
{
	font-size: 16px;
	margin:10px 0px 5px 10px;
	color:#219eea;
}

#footer
{
background:url(images/bg_bottom.jpg) bottom center no-repeat;
height:49px;
clear:both;
text-align:center;
	
}
#footer a:link{
	text-decoration: none;
	color: #000000;
}
#footer a:hover{
	text-decoration: underline;
	color: #666666;
}

#footer a:visited{
	text-decoration: none;
	color: #000000;
}

#footer2
{
background:url(images/bg_bottom2.jpg) bottom center no-repeat;
height:49px;
clear:both;
text-align:center;
	
}

#footer2 a:link{
	text-decoration: none;
	color: #000000;
}
#footer2 a:hover{
	text-decoration: underline;
	color: #666666;
}

#footer2 a:visited{
	text-decoration: none;
	color: #000000;
}


#addy{
font-size:12px;
text-align:center;
font-family:Geneva, Arial, Helvetica, sans-serif;

}


/*Graphic Design contents */

#content
{background:url(images/bg_logo.jpg) bottom center no-repeat;
	width: 650px;	
	float: left;
	
}


div#content { 
min-height:325px;
height:expression(this.scrollHeight > 325 ? "auto":"325px"); 
}

#content ul
{
	margin: 0px 0px 0px 40px;
	
}

#content h1
{
	margin: 10px 0px 0px 40px;
	font-size: 22px;
	color:#219eea;
}

#content h2
{
	margin: 0px 0px 0px 40px;
	font-size: 14px;
}

#content p
{
	margin: 10px 0px 0px 40px;
	line-height: 20px;
}

#rightNav
{
float:right;
	width: 120px;
	margin-right:50px;
}

#rightList
{
	
	margin-top: -160px;
	margin-left:250px;
}

#rightContact
{
	float:right;
	font-size: 12px;
	margin-right: 100px;
	margin-top: -90px;
	list-style:none;
}

#content #verticalDots1
{
	background-image: url(images/dotVert.png);
	height: 430px;
	width: 5px;
}

#content #horizontalDots1
{
	background-image: url(images/dotHor.png);
	height: 5px;
	width: 175px;
}

#hordots
{
	background: url(images/dotHor.png) top center repeat-x;
	height:6px;
	clear:both;
	width: 750px;
	margin-left:90px;
	
}

#bottomGraphic
{
	margin-left: 50px;
	margin-top: 25px;
}

#image1
{
	left: 80px;
	position: absolute;
	top: 575px;
}

#moveDown
{
	margin-top: 80px;
}

.moveLeft
{
	margin-left: -185px;
}

#largeImage 
{
	position: absolute;
	padding: .5em;
	background: #e3e3e3;
	border: 1px solid #BFBFBF;
	top: 0px;
	left: 0px;
}

/* Portfolio Content */

#line1
{
	margin-left: 150px;
	padding-top: 15px;
	width: 600px;
}

#line1 h2
{
	margin-left: 75px;
}

#line2
{
	margin-left: 75px;
	margin-top: 25px;
	width: 600px;
}

#line2 h2
{
	margin-left: 145px;
}

#line3
{
	margin-top:15px;
	width: 600px;
	margin-left: 100px;
}

#line3 h2
{
	margin-left: 132px;	
}

#line4
{
	margin-left: 100px;	
	width: 600px;
}

#watch
{
	margin-left: 50px;	
	width: 250px;
	float: left;
	height:110px;
	background:url(images/dotVert.png) top right repeat-y;
	line-height:12px;
}
#watch p
{margin: 0px 10px;
line-height:12px;}

#chat
{
		
	width: 300px;
	float: left;
	height:110px;
	background:url(images/dotVert.png) top right repeat-y;
	line-height:12px;
}
#chat p
{margin: 0px 5px;
line-height:14px;}

#marketing
{
		
	width: 250px;
	float: left;
	height:110px;
	line-height:12px;
	
}
#marketing p
{margin: 0px 5px;
line-height:12px;}

#myController span{
color:#FFF;
margin-right:10px;
cursor:pointer;

}

#jFlowSlide{

}

#myController span.jFlowSelected {
background:#F00;
}

.jFlowPrev, .jFlowNext{
cursor:pointer;
}