@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	border:none;
	background-color:#FFFFFF;
	background-image:url(../images/splash-design.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

/*LONG HORIZONTAL RULE*/
div.hr {
  height: 5px;
  background: #fff url(../images/hr1.gif) no-repeat left ;
}
div.hr hr {
  display: none;
}

/*SHORT HORIZONTAL RULE*/
div.hr2 {
  height: 5px;
  background: #fff url(../images/hr2.gif) no-repeat left ;
}
div.hr2 hr2 {
  display: none;
}


p { /*noraml text*/
	margin:5px 0 0 0;
	padding-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:12px;
	color:#000000;
}

h2 { /*large green font*/
	display:inline;
	margin:10px 0 10px 0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:300;
	font-style:normal;
	font-size:24px;
	color:#009933;
}

h3 { /*small green font*/
	display:inline;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:300;
	font-style:normal;
	font-size:14px;
	color:#009933;
}	

h4 { /*side links*/
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:300;
	font-style:normal;
	font-size:10px;
	color:#000000;
}	

/*PORTFOLIO BUTTON ROLLOVERS*/
#button a {
    display: block;
    width: 75px;
    height: 75px;
    background: url("close.gif") 0 0 no-repeat;
    text-decoration: none;
}
 
#button a:hover {
    background-position: -75px 0;
}

/*CONTAINERS*/
#container {
	margin-top:300px;
	margin-left:auto;
	margin-right:auto;
	width:920px;
	height:auto;
}

#lft_content {
	padding:0;
	margin-top:0px;
	margin-left:80px;
	clear:left;
	float:left;
	width:130px;
	height:auto;    

}

#cntr_content_lft {
	padding-left:5px;
	float:left;
	background-color:#FFFFFF;
	width:555px;
	height:auto;
	
}

#cntr_content_rt {
	clear:right;
	float:right;
	background-color:#FFFFFF;
	width:130px;
	height:auto;
}

#portfolio_lft1, #portfolio_print_lft, #portfolio_web_lft {
	margin:0 0 20px 0;
	padding:0;
	width:250px;
	float:left;
}
#portfolio_rt1, #portfolio_print_rt, #portfolio_web_rt {
	margin:0 0 20px 40px;
	padding:0;
	width:250px;
	float:left;
}

#tutorial_container {
	margin:0 0 20px 0;
	padding:0;
	width:500px;
	float:left;
}

/*CONTAINERS (END)*/
	
img.floatLeft { 
	clear:left;
	float: left; 
    margin:0 7px 7px 0px; 
}

img.floatRight { 
    clear:right;
	float: right; 
    margin:0 7px 7px 7px; 
}

/*TEXT LINK STYLES*/
a:link { 
    color:#0099FF;
	text-decoration:none;
}

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

a:hover { 
    color: #CCCCCC;
    text-decoration:none;
}

a:active { 
    color: #333333;
	text-decoration:none;
}


/*IMAGE LINK STYLES*/
a:link img { 
	border: none 
}
a:visited img { 
	border: none 
}
a:hover img { 
	border: none 
}
a:active img { 
	border: none 
}