/* CSS Document */

 *{ margin:0; padding:0 }


html {background:url(bg_page.jpg) #FFFFFF repeat top left;}

body { 
	margin:0px;
	background:url(bg_header.jpg) repeat-x top left;
	text-align: center;
	vertical-align:top;
	min-width: 100%;
	height:100%;
}

hr {
	color: #cdcdcd;
	background-color: #cdcdcd;
	height: 2px;
}

a:link {
	color:#343f53;
	font-weight:bold;
	text-decoration: underline;
}

a:visited {
	color:#1d619a; //5f422f;
	font-weight:bold;
	text-decoration:underline;
}

a:hover, a:active {
	color:#1d619a;
	font-weight:bold;
	text-decoration:none;
}

#pageHeader span
{
	display:none;
}

#container {
	position:relative;
	margin: 0 auto;
	text-align: left;
	width:710px;
	height:1000px;

	top:0px;
	
	/* background-color:#FF0000; */
}


#contentwrapper {
	width:710px;
	position:absolute;
	top:136px;
	left:0px;
	margin:0px;
	
	min-height:100%;
	height:auto !important;
	height:100%;
	
	background:url(bg_content.jpg) repeat-y top center;
}


.content {	
	width:430px; 
	position:relative;
	left:36px;

	/*padding-bottom:40px;*/
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#3f3a3a;
}

.content .p1 span {
	display:none;
}


.content img { border:2px solid #dedede;}
.content hr { height:0px; border: 1px solid #dedede; width:428px; margin-bottom:40px; margin-top:30px;}


.pageHeading div {
	display:none;
}

#homeHeading, #newsHeading {
	DISPLAY: block; 
	BACKGROUND: url(heading_news.gif) no-repeat left top;
	WIDTH: 710px; 
	HEIGHT: 55px;
	margin-bottom:30px;
}

.home a:link, a:visited {color:#ff9c00;}
.home a:hover, a:active {color:#ff8500;} 

.newstitle {
	display:block;
	margin-bottom:20px;
	font-weight:bold;
	font-size:14px;
	color:#ff8500;
}

.newsintro {
	display:block;
	margin-bottom:5px;
	font-weight:bold;
	font-size:12px;
	color:#ff8500;
}

.newsdetails {
	font-size:11px;
	display:block;
	margin-bottom:50px;
}


#portfolioHeading span {
	display:none;
}

#portfolioHeading {
	DISPLAY: block; 
	BACKGROUND: url(heading_portfolio.gif) no-repeat left top;
	WIDTH: 710px; 
	HEIGHT: 55px;
	margin-bottom:30px;
}

.portfolio a:link {color:#0072ff;}
.portfolio a:visited {color:#0072ff;}
.portfolio a:hover, a:active {color:#034290;}

.portfolioentry a:link {color:#0072ff;}
.portfolioentry a:visited {color:#0072ff;}
.portfolioentry a:hover, a:active {color:#034290;}

.portfoliotitle {
	display:block;
	margin-bottom:20px;
	font-weight:bold;
	font-size:16px;
	color:#034290;
}

.portfoliointro {
	display:block;
	margin-bottom:20px;
	font-weight:bold;
	font-size:12px;
	color:#4e4e4e;
}

.portfoliointro img {
    margin-bottom:15px;
}

.portfoliodetails {
	font-size:11px;
	display:block;
	margin-bottom:20px;
}

.portfoliomorelink {
	display:block;
	margin-bottom:20px;
	font-weight:bold;
	font-size:14px;
}

.portfolioback {
	display:block;
	margin-bottom:20px;
	font-weight:bold;
	font-size:14px;
}


portfoliothumbnail {
	margin:5px;
	
}


#aboutHeading span {
	display:none;
}

#aboutHeading {
	DISPLAY: block; 
	BACKGROUND: url(heading_about.gif) no-repeat left top;
	WIDTH: 710px; 
	HEIGHT: 55px;
	margin-bottom:30px;
}

.about a:link {color:#92ce00;}
.about a:visited {color:#92ce00;}
.about a:hover, a:active {color:#6b9504;}


.abouttitle {
	display:block;
	margin-bottom:20px;
	font-weight:bold;
	font-size:14px;
	color:#6b9504;
}

.aboutintro {
	display:block;
	margin-bottom:20px;
	font-weight:bold;
	font-size:12px;
	color:#6b9504;
}

.aboutdetails {
	font-size:11px;
	display:block;
	margin-bottom:20px;
}




#contactHeading span {
	display:none;
}

#contactHeading {
	DISPLAY: block; 
	BACKGROUND: url(heading_contact.gif) no-repeat left top;
	WIDTH: 710px; 
	HEIGHT: 55px;
	margin-bottom:30px;
}

.contact {font-size:11px;}

.contact a:link{color: #d879f3}
.contact a:visited {color: #d879f3}
.contact a:hover, a:active {color:#c602ff;}

.contacttitle {
	display:block;
	margin-bottom:20px;
	font-weight:bold;
	font-size:14px;
	color:#c602ff;
}




#linksHeading span {
	display:none;
}

#linksHeading {
	DISPLAY: block; 
	BACKGROUND: url(heading_links.gif) no-repeat left top;
	WIDTH: 710px; 
	HEIGHT: 55px;
	margin-bottom:30px;
}


.links a:link {color:#f1dd01;}
.links a:visited {color:#f1dd01;}
.links a:hover, a:active {color:#ffc000;}


.linkstitle {
	display:block;
	margin-bottom:10px;
	margin-top:10px;
	font-weight:bold;
	font-size:14px;
	color:#ffc000;
}


.linksdetails{
	font-size:11px;
	display:block;
	margin-bottom:20px;
}

.linkGroup {
	padding: 20px 0;
}

.linkGroup h4 {
	margin: 5px 0;
}

.linkDetails span, .linkDetails a {
	display: inline;
}


/* -------------------------------------------------- */



#linkList {
	position:absolute; top:0px;
	background:url(header.jpg) top center no-repeat;
	width:710px;
	height:135px;
}

#lselect li { 
	list-style-type:none;
}

#lselect span {
	display:none;
}


a.navHome{
	DISPLAY: block; 
	WIDTH: 138px; 
	POSITION: absolute; 
	TOP: 112px; 
	left: 4px;
	HEIGHT: 22px;
}
a.navHome:link, a.navHome:visited {	BACKGROUND: url(menu_home_off.gif) no-repeat left top;}
a.navHome:hover, a.navHome:active {	BACKGROUND: url(menu_home_on.gif) no-repeat left top;}

a.navHomeOn {	
	DISPLAY: block; 
	WIDTH: 138px; 
	POSITION: absolute; 
	TOP: 112px; 
	left: 4px;
	HEIGHT: 22px;
	BACKGROUND: url(menu_home_on.gif) no-repeat left top !important;
}


a.navPortfolio {	
	DISPLAY: block; 
	WIDTH: 129px; 
	POSITION: absolute; 
	TOP: 112px; 
	left: 143px;
	HEIGHT: 22px;
}
a.navPortfolio:link, a.navPortfolio:visited {	BACKGROUND: url(menu_portfolio_off.gif) no-repeat left top;}
a.navPortfolio:hover, a.navPortfolio:active {	BACKGROUND: url(menu_portfolio_on.gif) no-repeat left top;}

a.navPortfolioOn {	
	DISPLAY: block; 
	WIDTH: 129px; 
	POSITION: absolute; 
	TOP: 112px; 
	left: 143px;
	HEIGHT: 22px;
	BACKGROUND: url(menu_portfolio_on.gif) no-repeat left top !important;
}


a.navAbout{
	DISPLAY: block; 
	WIDTH: 192px; 
	POSITION: absolute; 
	TOP: 112px; 
	left: 273px;
	HEIGHT: 22px;
}
a.navAbout:link, a.navAbout:visited {	BACKGROUND: url(menu_about_off.gif) no-repeat left top;}
a.navAbout:hover, a.navAbout:active {	BACKGROUND: url(menu_about_on.gif) no-repeat left top;}

a.navAboutOn{
	DISPLAY: block; 
	WIDTH: 192px; 
	POSITION: absolute; 
	TOP: 112px; 
	left: 273px;
	HEIGHT: 22px;
	BACKGROUND: url(menu_about_on.gif) no-repeat left top !important;
}



a.navContact{
	DISPLAY: block; 
	WIDTH: 145px; 
	POSITION: absolute; 
	TOP: 112px; 
	left: 560px;
	HEIGHT: 22px;
}

a.navContact:link, a.navContact:visited {	BACKGROUND: url(menu_contact_off.gif) no-repeat left top;}
a.navContact:hover, a.navContact:active {	BACKGROUND: url(menu_contact_on.gif) no-repeat left top;}

a.navContactOn{
	DISPLAY: block; 
	WIDTH: 145px; 
	POSITION: absolute; 
	TOP: 112px; 
	left: 560px;
	HEIGHT: 22px;
	BACKGROUND: url(menu_contact_on.gif) no-repeat left top !important;
}


a.navLinks {
	DISPLAY: block; 
	WIDTH: 93px; 
	POSITION: absolute; 
	TOP: 112px; 
	left: 466px;
	HEIGHT: 22px;
}

a.navLinks:link, a.navLinks:visited {	BACKGROUND: url(menu_links_off.gif) no-repeat left top;}
a.navLinks:hover, a.navLinks:active {	BACKGROUND: url(menu_links_on.gif) no-repeat left top;}

a.navLinksOn {
	DISPLAY: block; 
	WIDTH: 93px; 
	POSITION: absolute; 
	TOP: 112px; 
	left: 466px;
	HEIGHT: 22px;
	BACKGROUND: url(menu_links_on.gif) no-repeat left top !important;
}


/* -------------------------------------------------- */


#styleList {
	position:absolute; 
	top:225px; 
	left:540px;
	/*background: #009933;*/
	width: 125px;
	height:800px;
	z-index:1;
}


#sselect a{
	text-decoration:none;
	display: block;
}

#sselect img {
	border:2px solid #dedede;
	width:121px;
	height:121px;
}

#sselect a.stylethumb.active img, #sselect a:hover img {
	border-color:#474747;
}

#sselect ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#sselect li { 
	list-style-type:none;
	display:inline;
	float: left;
  	position: relative;
 	width: 84px;
}

#sselect span.styleName, .selectstyle span {
	display:none;
}

.stylethumb {

}