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




body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	background-image:url(../images/bg2.jpg);
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-style:normal;
	color:#D5D5D5;
}

h2 {												/* interior headlines */
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-style:normal;
	color:#990000;
}

p {font-size:14px;font-family:Arial, Helvetica, sans-serif;line-height:140%;color:#D5D5D5;}

p2 {font-size:14px;font-family:Arial, Helvetica, sans-serif;line-height:140%;color:#2D2D2D;} /* interior body text */

p3 {font-size:12px;font-family:Arial, Helvetica, sans-serif;line-height:140%;color:#990000;} /* sidebarr body text */

#container {			/* main container for page */
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	
}

#contentwrapper{   /* container for three home page columns */
	float: left;
	width: 100%;
	margin:auto;
}

#contentwrapper2{   /* container for interior pages */
	float: left;
	margin-right:100px;
	width: 1000px;
	margin:auto;
	background-image:url(../images/divBG.jpg);
	
}

#contentcolumn{		/* home page bottom left column */
	float: left;
	width: 480px;
	padding-right: 60px;
}
#columncenter{      /* home page bottom center column */
	float: left;
	width: 220px;
	padding: 15px;
	
}
#columnnright{     /* home page bottom right column */
	float:right;
	width: 150px;
	
}

#contentcolumn2{		/* interior left column */
	float: left;
	width: 600px;
	margin-left:40px;
	margin-top:25px;
	padding-right: 60px;
	border-right:1px dashed #990000;
}

#columnnright2{     /* interior right columnn */
	float:left;
	width: 250px;
	text-align:left;
	margin-top:100px;
	margin-left:25px;
	
}

td img {display: block;}

a {
	color:#990000;
	text-decoration:none;
}
a:hover {
	color:#969696;
	text-decoration:underline;
}

#logo {
	float:left;
	padding-right:24px;
}

#header {
	float:left;
	width:1000px;
	height:120px;

}

#topHome {
	float:left;
	width:1000px;

}


#nav {
	float:left;
}


/* Top Navigation Tabs */

#navHome {
    float: left;
    width: 140px;
}

#navAbout {
    float: left;
    width: 140px;
}
#navServices {
    float: left;
    width: 140px;
}
#navPortfolio {
    float: left;
    width: 140px;
}
#navContact {
    float: left;
    width: 140px;
}

  	#home {
    display: block;
    width: 140px;
    height: 90px;
    background:url(../images/nHome-up.png) no-repeat 0 0;
	}
	#home:hover
  	{ 
    background: url(../images/nHome-over.png) no-repeat 0 0;
  	}
  
  	#home span
	{
  	display: none;
	}
	
	#about {
    display: block;
    width: 140px;
    height: 90px;
    background:url(../images/nAbout-up.png) no-repeat 0 0;
	}
	#about:hover
  	{ 
    background:url(../images/nAbout-over.png) no-repeat 0 0;
  	}
  
  	#about span
	{
  	display: none;
	}

	#services {
    display: block;
    width: 140px;
    height: 90px;
    background:url(../images/nServices-up.png) no-repeat 0 0;
	}
	#services:hover
  	{ 
    background:url(../images/nServices-over.png) no-repeat 0 0;
  	}
  
  	#services span
	{
  	display: none;
	}

	#portfolio {
    display: block;
    width: 140px;
    height: 90px;
    background:url(../images/nPortfolio-up.png) no-repeat 0 0;
	}
	#portfolio:hover
  	{ 
    background: url(../images/nPortfolio-over.png) no-repeat 0 0;
  	}
  
  	#portfolio span
	{
  	display: none;
	}
	
	#contact {
    display: block;
    width: 140px;
    height: 90px;
    background:url(../images/nContact-up.png) no-repeat 0 0;
	}
	#contact:hover
  	{ 
    background: url(../images/nContact-over.png) no-repeat 0 0;
  	}
  
  	#contact span
	{
  	display: none;
	}

/* END Top Navigation Tabs */


#footer {
	float:right;
	margin:0;
	padding-top:5px;
	width: 1000px;
}

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

#footer p {
	
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#C6C6C6;
	font-size:12px;
}


/* Home monitor images */


.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 312px; /*Width of Carousel Viewer itself*/
height: 193px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 312px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* END Home monitor images */


/* Curly Container */

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 300px;
}

.curlycontainer .innerdiv{
background: transparent url(../images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

/* End of Curly Container */


/* CONTACT FORM */

.boxform1 {
	border: thin solid #990000;
	width: 350px;
	height: 22px;
	font-family: arial, verdana, helvetica;
	text-indent: 2px;

}

.boxform2 {
	border: thin solid #990000;
	width: 430px;
	height: 100px;
	font-family: arial, verdana, helvetica;
	text-indent: 2px;

}

/* END of contact form */