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

* {
	margin:0; 
	padding:0;
	}
	
body {
	background-color: #666666;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333;
	}
	
#bottomspacer {
	position: relative;
	width: 800px;
	height: 50px;
	background-color:#999999;
	border: 0px solid #FF00CC;
	}

#bannerdiv {
	background-image: url(images/black_pinkbg.jpg);
	background-repeat: repeat-x;
	height: 120px;
	z-index: 1;
	}
	
#main {
	position: relative;
	margin: auto; 
	margin-top: 0px;
	height: auto;
	width: 850px; 
	background-color: #999999;
	background-image: url(images/border_bg_main.jpg);
	background-repeat: repeat-y;
	border: 0px solid #ffffff;
	}
	
#maincontainer {
	position: relative;
	margin: auto; 
	height: auto;
	width: 800px; 
	border: 0px solid #ffffff;
	z-index: 3;
	}
	
#banner {
	position: relative;
	padding: 0;
	margin-top: -120px;
	width: 850px;
	height: 120px;
	z-index: 2;
	
	}

#footer {
	position: relative;
	margin: auto;
	width: 850px;
	height: 40px;
	line-height: 30px;
	text-align: center;
	background-color:#999999;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	border: 0px solid #336699;
	}
	
#mainmenu {
	position: absolute;
	margin-top: -45px;
	width: auto;
	height: 30px;
	z-index: 3;
	color: #999999;
	border: 0px solid #993300;
	}
	
#submenu {
	position: relative;
	margin-top: 0px;
	margin-bottom: 35px;
	width: 800px;
	height: 50px;
	background-color: ;
	border-bottom: 0px dotted #CCCCCC;
	}
	
.mainbody {
	background-image: url(images/black_pinkbg.jpg);
	background-repeat: repeat-x;
	border: 0px solid #ffffff;
	}
	
/*PORTFOLIO RIGHT CONTENT - TEXT*/

.portfoliobody {
	background-color: #999999;
	}

#portfoliomain {
	width: 595px;
	height: auto;
	border: 0px solid #66FFCC;
	}

#imagetextbox {
	margin-left: 70px;
	width: 385px;
	height: 80px;
	border: 0px solid #CC6600;
	}
	
#portfolioimageholder {
	width: auto;
	height: auto;
	text-align: center;
	border: 0px solid #CCFF00;
	}

#title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	border: 0px solid #006600;
	}

#description {
	margin-top: 7px;
	width: auto;
	height: 45px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	border: 0px solid #FFFFFF;
	}

#prevnext {
	position: absolute;
	height: 75px;
	margin-top: -82px;
	margin-left: 480px;
	float: inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 0px solid #CC99CC;
	}

.spacer {
	height: 5px;
	}

#portfooter {
	position: relative;
	margin-top: 15px;
	width: 2px;
	height: 30px;
	}

		
/*PORTFOLIO FRAME LAYOUT*/
	
#framecontent {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	height: auto;
	width: 600px;
	border: 0px solid #FF6600;
	}
	
#frameleft {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	height: auto;
	width: 190px;
	padding: 0px;
	border: 0px solid #6633FF;
	border-right: 0px dotted #CCCCCC;
	}
	
.webfitmenu {
	height: 350px;
	}


/* CONTACT */

#contacttext {
	position: relative;
	margin-left: 20px;
	margin-top: -30px;
	width: 400px;
	height: auto;
	}
	
#form {
	position: relative;
	margin-left: 20px;
	margin-top: 20px;
	width: ;
	height: ;
	}
	

/*RESUME*/

hr {
	margin-bottom: 6px;
	}
	
#resumefooter {
	height: 50px;
	}

#resumetext {
	position: relative;
	margin-left: 30px;
	margin-top: -30px;
	width: 500px;
	height: auto;
	}

#resumelist {
	position: relative;
	margin-left: 20px;
	}
	
.resumedate {
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.resumejobdescrip {
	font-size: 11px;
	}
	
.resumejobtitle {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	}
	
.resumecatagory {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	}

	
/* HOME */

#homecontentbox {
	position: relative;
	margin-top: -80px;
	margin-left: 0px;
	width: 800px;
	height: auto;
	border: 0px solid  #99CC00;
	}
	
#homelogocontainer {
	position: relative;
	margin-top: 0px;
	margin-left: 350px;
	width: 451px;
	height: 225px;
	border: 0px solid #CCCCCC;
	}

#freequote {
	position: absolute;
	margin-top: 150px;
	margin-left: 560px;
	width: 181px;
	height: 174px;
	border: 0px solid #CCCCCC;
	z-index: 5;
	}
#hometextcontainer {
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	height: auto;
	width: auto;
	border: 0px solid #CCCCCC;
	z-index: 4;
	}	
#services {
	position: relative;
	margin-top: 0px;
	margin-left: 80px;
	width: 450px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 0px solid #CCCCCC;
	}

li {
	margin-left: 25px;
	}
.servicetextheading {
	font-size:15px;
	font-weight: bold;
	}
.mainlist {
	margin-top: 10px;
	font-weight: bold;
	}
.sublist1 {
	margin-left: 30px;
	font-size: 12px;
	font-weight: 100;
	}
.sublist2 {
	margin-left: 35px;
	font-size: 11px;
	font-weight: 100;
	}
.servicesspacer5 {
	height: 5px;
	width: 2px;
	}
.servicesspacer10 {
	height: 10px;
	width: 2px;
	}
	
#about {
	position: relative;
	margin-top: 50px;
	margin-left: 80px;
	width: 450px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 0px solid #CCCCCC;
	}
	
#hometext {
	position: absolute;
	margin-top: 90px;
	margin-left: 400px;
	width: 300px;
	height: 200px;
	font-family: monospace, arial;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	}

#mainmenuhome {
	position: relative;
	margin-top: -134px;
	width: 270px;
	height: 30px;
	z-index: 2;
	background-color:#666666;
	color: #999999;
	}		
			
/* */

.largerview {
	text-align: right;
	vertical-align: bottom;
	margin-top: 27px;
	}

.navthumb img {
	border: 3px solid #FFFFFF;
	}
a:visited.navthumb img {

	border: 3px solid #000000;
	}
a:hover.navthumb img {
	border: 3px solid #f4acb7;
	}
a:active.navthumb img{
	border: 3px solid #fde0e5;
	}
	
	
a.navabout, 
a:link.navabout {  
	color: #205a75;
	display: inline-block;  
	font-family: arial, tahoma, verdana, arial; 
	font-size: 11px;  
	}
a:visited.navabout {
	color: #164860;
	}
a:hover.navabout { 
	color: #ffffff;
	}
a:active.navabout {
	color: #CC6600;
	}