@import url("layout.css");

/*
	Author	:	Sites and Signs
	Email	:	info@sitesandsigns.com
	Website	:	sitesandsigns.com
*/

/** MISC */

img { border: none; }

/** HEADER TEXT*/

.headText {
	position: relative;
	left: -50px;
	top: 90px;
	color:#CCCCCC; 
	font-size:16px;
	float:right;
}

#header span {
	color:#66CCFF;
	font-size:14px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	
}

/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background-color:#333333;
}


/** H1 H2 H3 H4 */

h1 {
	padding-bottom: 0px;
	font-variant:small-caps;
	font-size: 18px;
	font-weight: bold;
	color:#66CCFF;
	letter-spacing:.08em;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
}


h2 {
	padding-top:5px;
	
	
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	color: #66CCFF;
	letter-spacing:.08em;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
}

h3 {
	padding:23px 0px 17px 45px;
	background-image:url(../gImages/star.jpg);
	background-position:left;
	background-repeat:no-repeat;
	letter-spacing:.1em;
	color:#FFFFFF;
	font-size: 11px;
}

h4 {
	padding-bottom: 3px;
	font-variant:small-caps;
	font-size: 12px;
	font-weight: bold;
	color:#66CCFF;
	letter-spacing:.08em;
	margin-bottom:15px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}



/** TEXTS */

body, th, td, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	
	
}

.mainText {
	
	color:#CCCCCC;
	
	
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	
}



/** LINKS */

a:link {
	font-size:13px;
	color:#FFFFFF;
	text-decoration: none;
	
}

a:visited {
	font-size:13px;
	color:#FFFFFF;
	text-decoration: none;
}

a:hover {
	font-size:13px;
	color:#CCCCCC;
	text-decoration: none;
}

a:active {
	font-size:13px;
	color:#CCCCCC;
	text-decoration: none;
}


/** STYLES */

.style1 {
	font-size: 10px;
	color: #BBBFC0;
}

.style1 a {
	color: #BBBFC0;
}

.style1 a:hover {
}








/** MAIN NAVIGATION */


#navBox {
	width: 800px;
	height: 30px;
	position: relative;
	left:150px;
	top: 20px;
	text-align:right;
	font-variant:small-caps
}

#nav ul {list-style:none;
}

#nav li {display:inline;
	margin: 0px;
	padding-left: 0px;
	font-size:10px;
	letter-spacing:.08em;
	
}

#nav a:link {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	padding-bottom:5px;
	font-size:13px;
	
	
}
	
#nav a:visited {
font-family: Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	color:#FFFFFF;
	
	
}
	
#nav a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;
	
}

#nav a:active {
	font-family: Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;
}

#nav a:active {
	font-family: Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;
}

#nav a.current {color:#66CCFF; cursor:default}

/** DROPDOWN STYLES */

#dropmenudiv{
	position:absolute;
	border:1px solid black;
	border-bottom-width: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	z-index:100;
	
}

#dropmenudiv a{
	width: 100%;
	font-size:11px;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	color:#FFFFFF;
	letter-spacing:.11em;
	
	
}

#dropmenudiv a:hover{ /*hover background color*/
	background-image:url(../gImages/gradient.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#ffffff;
	color:#000000;
	letter-spacing:.11em;
}
	
	
/** FOOTER NAVIGATION */

#footer {
	width: 1000px;
	height: 100px;
	margin: 0px auto;
	background: url(../gImages/footerPic.jpg) no-repeat left top; 
	color:#666666;
	clear: both;
}

#footer-menu {
	float: left;
	padding: 30px 0px 0px 20px;
}

#copyright {
	float: right;
	padding: 30px 50px 0px 0px;
	color:#CCCCCC;
}
	
#foot ul {list-style:none;}	

#foot li {
	display:inline;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:.17em;
}	
	
#foot a:link {
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
	font-size:10px;
}
	
#foot a:visited {
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
	font-size:10px;
}
	
#foot a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;
}

#foot a:active {
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;
}


/** MORE INFO STYLES */

#info {margin-left:15px;  padding:0px; }

#info li {padding-left:15px; }

.info a:link {
	padding:5px 0px 5px 15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ff3300;
	text-decoration:none;
	
	margin-top:0px
}
	
.info a:visited {
	padding:5px 0px 5px 15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ff3300;
	text-decoration:underline;
}
	
.info a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	padding:5px 0px 5px 15px;
}

.info a:active {
	padding:5px 0px 5px 15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

/** BREADCRUMBS STYLES */

#breadcrumbs {
	color:#CCCCCC;
	margin-bottom:28px;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:.15em;
	border-bottom:#262626 1px solid;
	text-decoration:none;
	
	
	
}

#breadcrumbs ul{list-style:none; padding-left:0px;}

#breadcrumbs li{display:inline; }

#breadcrumbs a:link {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	
}
	
#breadcrumbs a:visited {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
	

#breadcrumbs a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;
}

#breadcrumbs a:active {
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;
}

#breadcrumbs a.current {
	font-family:Arial, Helvetica, sans-serif;
	color:#66CCFF; 
	cursor:default;
	text-decoration:none;
}

#contact td{color:#858585; background-color:#3d3d3d}

/** STYLES FOR PRODUCT BOXES */

#portcol1{width:250px; float:left;}
#portcol2{width:250px; float:right;}

.product {border:1px solid #666666; position:relative; top:1px; left:-15px; padding:5px 15px 10px 15px; width:540px; margin-top:15px; background-color:#333333; }

.product2 {border:1px solid #666666; position:relative; top:0px; left:-15px; padding:5px 15px 10px 15px; width:540px; margin-top:15px; background-color:#4c4c4c; color:#000000; }

.product3 {border:1px solid #666666; position:relative; top:1px; left:-15px; padding:5px 15px 10px 15px; width:230px; margin-top:15px; background-color:#333333; }

.product img {float:left; margin:15px 15px 5px 0px; border:1px solid #666666;}

.product h2 {margin-top:10px;}




/** TABLE STYLES */
.row{background-color:#2d2d2d;}

tr.hover, tr:hover {
	background:#0066a4; }



blockquote { position:relative; top:0px; left:-20px;
  font: 13px Arial, Helvetica, sans-serif;
  width: 480px;
  background: url(../gImages/close-quoteIE.png) no-repeat right bottom;
  padding-left: 0px;
  text-indent: -28px;
  padding-bottom:27px;
  padding-right:20px;
}

blockquote:first-letter {
  background: url(../gImages/open-quoteIE.png) no-repeat left top;
  padding-left: 40px;
  font:  25px Arial, Helvetica, sans-serif;
 
  
  
}

#left ul {
list-style-type: none;
background-image: none;
margin:0;
padding:0 0 0 20px;
}

.leftInside blockquote { position:relative; top:10px; left:-20px;
  font: 13px Arial, Helvetica, sans-serif;
  width: 163px;
  background: url(../gImages/close-quote2IE.png) no-repeat right bottom;
  text-indent: -28px;
   padding: 0px 20px 27px -20px;
   margin-top:10px;
   margin-right:0px;
}

.leftInside blockquote:first-letter {
  background: url(../gImages/open-quote2IE.png) no-repeat left top;
  padding-left: 40px;
  font:  25px Arial, Helvetica, sans-serif;
  
  
}




fieldset {
margin:1em 0;
padding: 1em;
border: 1px solid #000000;
background:#333333;

}

legend {font-weight:bold;}

label {display:block;}

input {width:200px; background-color:#CCCCCC; color:#000000}

/** TOP OF PAGE LINK */
.top {font-size:10px; font-variant:small-caps; padding-top:5px; margin:0px; clear:left}
.top a {font-size:10px}
.top-link {padding-top:5px; margin:0px; clear:left; font-size:10px; font-variant:small-caps}
.top-link a {font-size:10px}

.wrapBen {padding-top:20px}
.wrapBen li{margin-bottom:10px;}


.submit {width:100px; background-color:#66CCFF; color:black; border:1px black solid; cursor:pointer}
.submit:hover {background-color:white}

/* Portfolio Columns */

#col1{
width: 245px;
float:left;
padding: 10px;
}
#col2{
width: 245px;
float:left;
padding: 10px;
}

img.gal {padding:12px 2px;}