body {
	background-color:#333;
}

#window {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:3px;
	text-align:center;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	line-height:30px;
}

#container {
	display:block;
	Width:1024px;
	height:100%;
	position:relative;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	z-index:0;
}

.header {
	display:block;
	height:147px;
	width:1024px;
	position:relative;
	top:0px;
	left:0px;
	background-image:url(../images/headergradient.gif);
	background-repeat:repeat-x;
}

.header h2 {
	position:absolute;
	top:90px;
	left:375px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#666;
	z-index:2;
}

#headerlogo {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

.headerslogan {
	display:block;
	height:147px;
	width:684px;
	background-image:url(../images/headercloud.jpg);
	position:absolute;
	top:0px;
	right:0px;
	z-index:1;
}

.headerslogan a {
	display:block;
	width:240px;
	height:57px;
	position:absolute;
	top:0px;
	right:0px;
	border:none;
	z-index:2;
}

.topnav {
	display:block;
	height:35px;
	position:relative;
	top:0px;
	left:0px;
	width:1024px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight:normal;
	text-align: right;
	color:#ffffff;
	background-color: #161616;
}

.topnav span {
	position:relative;
	right:10px;
	top:7px;
}

.topnav span a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight:normal;
	text-align: right;
	text-decoration:none;
	color:#ffffff;
	z-index:2;
	
}

.topnav a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	color: #09F;
}

/*Services Navigation Bar*/

#svcnavcontainer {
	position:absolute;
	top:147px;
	left:0px;
	display:block;
	width:237px;
	height:595px;
	z-index:2;
}

.svcnavphotography a {
	display:block;
	width:237px;
	height:101px;
	background-image:url(../images/photorolloverbutton.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	z-index:2;
}

.svcnavphotography a:hover { 
	background-position:0-101px;
}

.svcnavphotographycurrent {
	display:block;
	width:237px;
	height:101px;
	background-image:url(../images/photorolloverbutton.gif);
	background-position:0 -101px;
	background-repeat:no-repeat;
	z-index:2;
}

.svcnavgraphicdesign a {
	display:block;
	width:237px;
	height:105px;
	background-image:url(../images/gdrolloverbutton.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

.svcnavgraphicdesign a:hover { 
	background-position:0-105px;
}

.svcnavgraphicdesigncurrent {
	display:block;
	width:237px;
	height:105px;
	background-image:url(../images/gdrolloverbutton.gif);
	background-position:0 -105px;
	background-repeat:no-repeat;
	z-index:2;
}

.svcnavwebdesign a {
	display:block;
	width:237px;
	height:89px;
	background-image:url(../images/wdrolloverbutton.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

.svcnavwebdesign a:hover { 
	background-position:0-89px;
}

.svcnavwebdesigncurrent {
	display:block;
	width:237px;
	height:89px;
	background-image:url(../images/wdrolloverbutton.gif);
	background-position:0 -89px;
	background-repeat:no-repeat;
	z-index:2;
}

.svcnavillustration a {
	display:block;
	width:237px;
	height:90px;
	background-image:url(../images/illrolloverbutton.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

.svcnavillustration a:hover { 
	background-position:0-90px;
}

.svcnavillustrationcurrent {
	display:block;
	width:237px;
	height:90px;
	background-image:url(../images/illrolloverbutton.gif);
	background-position:0 -90px;
	background-repeat:no-repeat;
	z-index:2;
}

.svcnavanimation a {
	display:block;
	width:237px;
	height:89px;
	background-image:url(../images/animrolloverbutton.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	z-index:2;
}

.svcnavanimation a:hover { 
	background-position:0-89px;
}

.svcnavanimationcurrent {
	display:block;
	width:237px;
	height:89px;
	background-image:url(../images/animrolloverbutton.gif);
	background-position:0 -89px;
	background-repeat:no-repeat;
	z-index:2;
}

.svcnavopdesign a {
	display:block;
	width:237px;
	height:121px;
	background-image:url(../images/opdesignrollloverbutton.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

.svcnavopdesign a:hover { 
	background-position:0-121px;
}

.svcnavopdesigncurrent {
	display:block;
	width:237px;
	height:121px;
	background-image:url(../images/opdesignrollloverbutton.gif);
	background-position:0 -121px;
	background-repeat:no-repeat;
	z-index:2;
}

/*End of Services Navigation*/

.mainbody {
	position:absolute;
	left:237px;
	top:181px;
	display:block;
	width:555px;
	height:561px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	z-index:0;
}



#mainbodysubhead {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	text-align:left;
}

.mainbody p {
	position:relative;
	top:10px;
	width:95%;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
}

.mainbody table{
	margin-left:auto;
	margin-right:auto;
	border:0px #666;
}

.mainbody table caption p {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

#mainbodytablefirstrow {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.mainbody table tr {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
}

.mainbodynextpage {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	text-align:right;
}

/*Portfolio Sidebar*/

.portfolio {
	display:block;
	width:237px;
	height:561px;
	position:absolute;
	top:181px;
	right:0px;
	background-color:#FFF;
	background-image:url(../images/portbar.gif);
	background-repeat:no-repeat;
	z-index:2;
}

#portfoliocontent {
	display:block;
	width:166px;
	height:561px;
	position:absolute;
	top:0px;
	right:18px;
	z-index:100;
}

#portfoliostrip {
	display:block;
	height:561px;
	width:20px;
	position:absolute;
	top:0px;
	right:0px;
}

.footer {
	display:block;
	width:1024px;
	position:absolute;
	top:742px;
	left:0px;
	height:86px;
	background-image:url(../images/footergradient.gif);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	color:#000000;
	z-index:2;
}

.footer p {
	position:relative;
	top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	color:#000000;
}

.footer a {
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	color:#000000;
}

.footer a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	color:#09F;
}

.footer span {
	position:relative;
	top:10px;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}