/*

	GGG-D Screen Styles



	Table of Contents:

		layout

		typography

		forms

*/



/* layout

----------------------------------------------- */

body { 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	margin: 0px; background-color: #E3E3E3;

	font-size: 90%;

}

#content {

	PADDING-RIGHT: 10px; PADDING-LEFT: 20px; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; 

	FLOAT: left; WIDTH: 634px; LINE-HEIGHT: 1.6em;  background-color: #ffffff;

	font-size: 90%; color: #666666;  margin-bottom: 10px;

}	

#wrapper {

	MARGIN: 0px auto; WIDTH: 664px; TEXT-ALIGN: left; 

	padding: 1px 5px 9px 5px; background: url(../images/wrapper-bg.jpg) ;

}

	

#top-nav {

	background-color: #8A1213;

	height: 55px; font-size: 200%;

	font-family: Times New Roman; color: #ffffff; text-align: right;

}



#top-content {

	height: 140px;

	width: 668 px;

	background-color: #CFD9E7;  margin-top: 1px;

}



#btm-nav {

	background-color: #8A1213;

	height: 5px; font-size: 20%;

	margin-top: 1px; text-align: right; padding-right: 5px;

}



#bg {

	PADDING-RIGHT: 19px; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; PADDING-TOP: 10px

}



#nav {

	PADDING-LEFT: 5px; BACKGROUND: #BFBFBF; MARGIN: 1px 0px; HEIGHT: 35px; text-align: right;

	font-size: 80%; padding-right: 10px;  border-bottom: 7px solid #666666;

}

	

#banner {

	BACKGROUND: url(../images/b2.jpg); WIDTH: 630px; HEIGHT: 189px

}



/* typography

----------------------------------------------- */

.comment {

	text-align: right;

	font-size: 80%;

	text-align: right;

	width: 200px;

	}

	

.heading {

	font-size: 150%; color: #666666; padding-top:5px; padding-bottom:5px;line-height: 25px;

}



.heading-highlight {

	font-weight: bold;

	color: #6287B3;

}



.validate {

	font-size: 75%; text-align: right; margin: 5px; color: #ffffff;

}

h1 {

	border-bottom: 1px solid #8A1213;

	color: #666666;

	font-size: 135%;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	letter-spacing: 0.2em; padding-top: 5px;

	}



h2 {

	border-bottom: 1px solid #8A1213;

	color: #666666;

	font-size: 135%;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	letter-spacing: 0.2em;

	}



h3 {

	color: #666666;

	font-weight: bold;

	font-size: 100%; margin-bottom: 0px;

	}

	

.nav-hdr {

	font-size: 100%; font-weight: bold;

	color: #CCCCCC;

	border-bottom: 1px solid #BFBFBF;

	margin-bottom: 5px;

	}

#wrapper-foot {

	MARGIN-top: 15px;; WIDTH: 664px; TEXT-ALIGN: center; 

	color: #ffffff; background-color: #8A1213; font-family: verdana;

	}

.footer-links { font-size: 75%; text-align: left; padding: 2px;

	}





	/* links 

	------------------------------------------- */

	A {

		COLOR: #c9ca6d; TEXT-DECORATION: none; font-size: 100%;

	}

	

	a:hover {

		text-decoration: underline;

	}

	

	A.infol:link {

		COLOR: #C4C3C3; TEXT-DECORATION: none; font-size: 100%; font-weight: bold;

	}

	A.infol:visited {

		COLOR: #C4C3C3; TEXT-DECORATION: none; font-size: 100%;font-weight: bold;

	}

	A.infol:active {

		COLOR: #C4C3C3; TEXT-DECORATION: none; font-size: 100%;font-weight: bold;

	}

	A.infol:hover {

		COLOR: #C4C3C3; TEXT-DECORATION: underline; font-size: 100%; font-weight: bold; background-color: #666666; border-right: 3px solid #000000;

	}

	A.portfolio-l:link {

		COLOR: #B33A01; TEXT-DECORATION: none; font-size: 95%;

	}

	A.portfolio-l:visited {

		COLOR: #B33A01; TEXT-DECORATION: none; font-size: 95%;

	}

	A.portfolio-l:active {

		COLOR: #BBBC61; TEXT-DECORATION: none; font-size: 95%;

	}

	A.portfolio-l:hover {

		COLOR: #743010; TEXT-DECORATION: underline; font-size: 95%;

	}
	
	
		A.photos:link {

		COLOR: #B33A01; TEXT-DECORATION: none; font-size: 95%; width: 77px; height: 77px;

	}

	A.photos:visited {

		COLOR: #B33A01; TEXT-DECORATION: none; font-size: 95%; width: 77px; height: 77px;

	}

	A.photos:active {

		COLOR: #BBBC61; TEXT-DECORATION: none; font-size: 95%; width: 77px; height: 77px;

	}

	A.photos:hover {

		border: 2px solid #000000; width: 77px; height: 77px;

	}
	
	#photos { position: relative; padding-top: 0.2em;  }
ul.thumbs{ list-style: none; padding: 0; }
ul.thumbs p {padding:10px 0; border-bottom:1px solid #e5e5e5;margin-bottom:10px; }
ul.thumbs li{ float: left; padding: 0; margin-right: 5px; position: relative; }
ul.thumbs li a img{ background:#FFF;border: 4px solid #ccc; padding: 3px; }
ul.thumbs li a img:hover { border: 4px solid #8A1213;  }
.clearfix {display: inline-block;}

ul.thumbs li.test{ width: 100% }
	

	A.split:link {

		COLOR: #D16D39; TEXT-DECORATION: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 120%; margin-top: 10px; float: left; margin-right: 20px;font-weight: bold; 

	}

	A.split:visited {

		COLOR: #D16D39; TEXT-DECORATION: none; font-family:Verdana, Arial, Helvetica, sans-serif; float: left; margin-right: 20px; font-size: 120%; font-weight: bold; margin-top: 10px;

	}

	A.split:active {

		COLOR: #8A1213; TEXT-DECORATION: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 120%; margin-top: 10px; float: left; margin-right: 20px;

	}

	A.split:hover {

		COLOR: #8A1213; TEXT-DECORATION: none;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 120%; margin-top: 10px; float: left; margin-right: 20px;font-weight: bold; 

	}

	A.mainnav:hover {

	TEXT-DECORATION: underline; BORDER-RIGHT: #444444 3px solid; COLOR: #444444; TEXT-DECORATION: none

	}

	A.photograph:link {

		border: 1px solid #000000; 

	}

	A.photograph:visited {

		border: 1px solid #000000; 

	}

	A.photograph:hover {

		border: 1px solid #8A1213;

	}

	

	A.sample:hover {

		border: 3px solid #AAAAAA;

	}

	

	

	A.top-nav:link {

		COLOR: #ffffff; TEXT-DECORATION: none; font-size: 110%; margin-top: 30px; margin-right: 15px;

	}

	A.top-nav:visited {

		COLOR: #ffffff; TEXT-DECORATION: none; margin-right: 15px; font-size: 110%; margin-top: 30px;

	}

	A.top-nav:active {

		COLOR: #CFD7E4; TEXT-DECORATION: none; font-size: 110%; margin-top: 30px; margin-right: 15px;

	}

	A.top-nav:hover {

		COLOR: #ffffff; TEXT-DECORATION: underline; font-size: 110%; margin-top: 30px; margin-right: 15px;

	}

.clearthis {

	CLEAR: both; FONT-SIZE: 1px; FLOAT: none; COLOR: #fff

}

#menu {

	PADDING-RIGHT: 30px; MARGIN-TOP: 10px;  FLOAT: right; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; background-color: #ffffff; width: 120px;

}

#menu UL {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 15px; PADDING-TOP: 0px

}

#menu LI {

	MARGIN: 0px; BORDER-BOTTOM: #EEEEEE 1px solid; LIST-STYLE-TYPE: none

}

#menu A {

	DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: #ffffff;  COLOR: #cccccc; TEXT-DECORATION: none; font-weight:bold;

}

#menu A.mainnav:hover {

	BACKGROUND: #cccccc; COLOR: #ffffff

}



#break {

	border-bottom: 1px dotted #cccccc;

	}

.port-tn {

	border: 1px solid #D16D39;

	}

img.gggdb {

	BORDER: #666666 1px dashed; PADDING: 7px; BACKGROUND: #cccccc; FLOAT: left;  MARGIN: 7px 12px 10px 0px; VERTICAL-ALIGN: sub; 

}









.portfolio {

	border-top: 1px dotted #cccccc;

	border-bottom: 1px dotted #cccccc;

	margin-bottom: 15px; padding: 10px;

}



.portfolio-thumb {

	padding: 2px; margin: 5px;

	border: 1px dotted #cccccc;

	float: left;

}



.portfolio-hdr {

	color: #B33A01;

	font-weight: bold;

}



.img-shadow {

  float:left;

  background: url(shadowAlpha.png) no-repeat bottom right !important;

  background: url(shadow.gif) no-repeat bottom right;

  margin: 10px 0 0 10px !important;

  margin: 10px 0 0 5px;

  }



.img-shadow img {

  display: block;

  position: relative;

  background-color: #fff;

  margin: -6px 6px 6px -6px;

  } 

  

  /* Contact Form */

.mailwrapper {

	text-align: center;

}





.maildiv {

	margin: 0 auto 0 auto;

	text-align: left;

	width: 365px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 90%;

}

.maildiv form {

	text-align: left;

}

.maildiv label {

	/* used for right side captions */

	vertical-align: top;

	padding: 0 0 0 3px;

}



.maildiv .sidelbl {

	/* used for left side labels */

	width: 95px;

	text-align: right;

	padding: 0 10px 0 0;

	vertical-align: top;

	position: relative;

    display: block; 

    float: left; 

	clear: left;

}

.maildiv a {

	color: #005ABE;

}

.maildiv h2 {

	color: #005ABE;

	font-size: 120%;

}

.maildiv input {

	margin-bottom: 10px;



}

.maildiv select {

	margin-bottom: 10px;



}

.maildiv textarea {

	margin-bottom: 10px;



}

.maildiv .ver_img {

	padding: 0;

	margin: 0 0 10px 10px;

	vertical-align:bottom;  

	border: 1px solid #005ABE; 

}

.maildiv fieldset {

	padding: 5px 5px 5px 5px;

	margin-bottom: 10px;

}

.maildiv .legendspacing {

	height: 10px;

}

.maildiv .fmcredits {

	float: left;

	font-size: 90%;

}

.maildiv .fmsubmit {

	float: right;

}

.maildiv .fmrequired {

	color: #005ABE;

	font-size: 90%; 

	float: left;

	margin-top: 3px;

	margin-left: 5px;

}

.maildiv .fmspacer {

	height: 10px;

}



.maildiv .fminfofull {

	padding: 0 10px 0 10px;

	color: #005ABE;

	margin-bottom: 15px;

}

.maildiv .fminfohalf {

	padding: 0 10px 0 10px;

	color: #005ABE;

	margin-left: 110px;

	margin-bottom: 15px;

}

.maildiv .fmerrorbox {

	text-align: left;

}

.maildiv li {

	margin: 0 0 4px 0;

}

.maildiv .fmerrortitle {

	color: #FF0000;

	font-size: 120%;

}







.recent-work-hdr {

	color: #AAAAAA;

	font-family: times new roman;

	font-size: 250%; margin: 5px;

}





.recent-work {

	background-color: #EEEEEE;

	width: 470px;

	border-top: 2px solid #DDDDDD;

	border-bottom: 2px solid #DDDDDD; float: left;

}



.recent-work-img {

	border: 2px solid #DDDDDD;

	margin: 5px;

}

.info{

	margin-top: 0px; 

}

.recent-mini {

	background-color: #ffffff; border-top: 2px solid #DDDDDD; border-bottom: 2px solid #DDDDDD;

	width: 150px;

	float: right; 

}



.recent-mini-hdr {

	color: #AAAAAA;

	font-family: times new roman;

	font-size: 200%; margin: 5px;

}



.recent-mini-cnt {

	padding-left: 2px; padding-right: 2px;

}



.recent-mini-img {

	margin: 3px;

}



.portfolio-img {

	border: 2px solid #8A1213; margin:5px;

}















#navigation ul {

	list-style: none;

	margin: 0;

	padding: 0;

	}

	

#navigation li {

	float: left;

	margin: 0;

	padding: 0;

	}

	

#navigation a {

	color: #ffffff;

	padding: 5px 10px;

	text-decoration: none;

	font-size: 110%; margin-top: 30px; 

	}

	

#navigation a:hover {

	text-decoration: underline;

	}

	

#navigation #currentpage a {

	color: #CFD7E4;

	text-decoration: underline;

	}



.logo {

	margin-right: 20px;

}