/*Design By: Meddea dot com
*/
/*Basic Tags
*/
body { background-color: white; margin: 0; padding: 0; }
a { color:#660000; text-decoration:none;}
.a href { color:#660000; text-decoration:none; }
ul { margin: 0; padding: 0; }
p { text-indent: 0px; }
r { margin-right:0px }
q { font-variant: small-caps; background-color: #ecf2ec; width: auto; margin-left: 25px; padding: 0.5em 0.5em 0.5em 1em; display: block; }
/*Special Function Tags*/
.logo h2 { color: grey; font-size: 15px; font-family: "Verdana"; font-weight: 210; font-variant: small-caps; text-decoration: none; letter-spacing: 0.5px; margin: 0; padding: 0 0 3px; border-bottom: 1px #707070; }
.logo h2 a:hover { color: 660000; }
.nav a { color: #707070; font-size: 11px; text-decoration: none; text-transform: uppercase; text-indent: 5px; width: 650px; height: auto; margin: 0; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; }
.footer a { color: grey;}
.nav li {
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
}
.nav a {
width: 700px;
display: block;
padding: 0.2em 0;

font-size: 0.8em;
text-decoration: none;
text-transform: uppercase;

color: #707070;
border-bottom: 1px #707070;
}
.nav a:hover {
color: grey;
background-color: #f2f2f2;
text-decoration:none
}
.content h2 { color: #f00; font:18pt Arial, sans-serif; font-weight: 100; font-variant: small-caps; text-decoration: none; padding-left: 15px; }
/*Main Tags
*/
#container { font:18pt Arial, sans-serif; width: 700px; height: auto; margin: 0 auto; padding-top: 15px; }
.logo { background-color: white; text-align: right; width: 700px; height: auto; }
.nav { background-color: white; text-align: left; width: 700px; height: auto; margin: 0; padding: 0; }
.header { width: px; margin: 0; padding: 10px 0 0; }
.content { color: #707070; font:10pt Arial, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; text-align: justify; text-indent: 0; width: 700px; margin: 0; padding: 10px 0 5px 3px; border-bottom: 1px #707070; }
.content1 { color: #707070; font-size: 10px; font-family: helvetica; font-weight: normal; font-style: normal; line-height: 160%; text-decoration: none; text-align: justify; text-indent: 0; width: 700px; margin: 0; padding: 10px 0 5px 3px; border-bottom: 0px #707070; }
.line { color: #707070;
border-bottom: 1px #707070; }
.footer { color: #CCC; font-size: 10px; text-decoration: none; padding-top: 5px; }
.alignleft {
float: left;
text-decoration:none
}
.alignright {
float: right;
text-decoration:none
}


{ 
padding:0px; margin:0px; 
}
body{ background:#FFFFFF; }
a{ color:#660000; 	}		
h3 
{ margin: 10px 10px 0 10px; color:#FFFFFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: none;  }
h6 
{ margin: 10px 10px 0 10px; color:#FFFFFF; font:10pt Arial, sans-serif; letter-spacing:-1px; font-weight: none;  }
					

.boxgrid{ 
width: 125px; 
				height: 200px; 
				margin: 0px; 
				float:none; 
				background:#161613; 
				border: solid 0px #8399AF; 
				overflow: hidden; 
				position: relative 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Arial", verdana, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
				
.a href {
color:Grey;
text-decoration:none;
}


body {
	font-family:Arial, Tahoma, sans-serif;
	background-position:right;
}
#contact-wrapper {
	width:330px;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:10px;
	width:auto;
}
form#contactform input {
	background-color:#FFFFFF;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:10px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}

/* This is for the protfolio gallery*/

body{
	font-family:arial;
}

.clear {
	clear:both
}

#gallery {
	position:relative;
	width:655px;
	height:360px
}
	#gallery a {
	    float:none;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:655;
	}

	#gallery .caption1 {
		z-index:655;
		margin:0; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption1 .content1 {
		margin:5px
	}
	
	#gallery .caption1 .content1 h4 {
		font:12pt Arial, sans-serif; letter-spacing:-1px; font-weight:bold; 
		margin:0;
		padding:0;
		color:FFFFFF;
	}
	
