/* AUTHOR --------------------------------------
http://rriegger.com

LICENCE --------------------------------------
This work is licensed under a Creative Commons Attribution-Share Alike 3.0 New Zealand License
http://creativecommons.org/licenses/by-sa/3.0/nz/

UPDATES ------------------------------------
Revision number: 1.0.0
Last update: 12/01/10 @ 1:45am
Last update by: RR
*/
 
 
/* RESET --------------------- */
@import url(reset.css);
/* RESET.end ----------------- */

	body{
		background: #080c27 url(../_img/bg.jpg) repeat-y top center;
		font-family: Arial, Helvetica, Verdana;
		}
	.clear{
		clear: both;
		}
		#wrap{
			margin: 0 auto;
			width: 860px;
			}
			#wrap #header{
				width: 860px;
				margin-top: 59px;
				overflow: hidden;
				}
				#wrap #header h2#logo a{
					text-indent: -999px;
					display: block;
					width: 375px;
					height: 71px;
					background-image: url(../_img/logo.png);
					float: left;
					}				
			#wrap #header #nav{
				float: right;
				margin-top: 30px;
				}
				#wrap #header #nav ul li{
					display: inline;
					margin-left: 5px;
					}
				
					#wrap #header #nav ul li a{	
						font-size: 16px;
						font-weight: bold;
						text-decoration: none;
						letter-spacing: -1px;
						color: #74b9d4;
						}
						
						#wrap #header #nav ul li a:hover{
							color: #a1d8e6;
							}
					
						#wrap #header #nav ul li a.selected{
							text-decoration: underline;
							}
			#wrap #content{
				padding: 38px 0 0 0;
				}
				#wrap #content a#other-pages{
					margin: 20px 0 0 0;
					background: url(../_img/other-page-bg.jpg) no-repeat 0 0;
					display: block;
					height: 68px;
					width: 860px;
					font-size: 16px;
					color: #d7dae8;
					padding: 24px 0 0 10px;
					font-weight: bold;
					letter-spacing: -0.3px;
					text-decoration: none;
					}
					#wrap #content a#other-pages span{
						font-size: 30px;
						}
						#wrap #content a#other-pages span strong{
							color: #FFF;
							}
					#wrap #content a#other-pages:hover{
						background-position: 0 -92px;
						}
			#footer{
				background: #000618 url(../_img/footer-bg.jpg) repeat-x top center;
				overflow: hidden;
				margin: 20px 0 0 0;
				
				}
					#footer h3{
						color: #FFF;
						font-size: 20px;
						letter-spacing: -0.3px;
						margin: 0 0 10px 0;
						}
					#footer h4{
						color: #FFF;
						font-size: 16px;
						letter-spacing: -0.3px;
						margin: 0 0 10px 0;
						}
					#footer p{
						color: #d7dae8;
						font-size: 12px;
						line-height: 16px;
						}
			#footer #footer-content{
				width: 860px;
				margin: 0 auto;
				padding: 30px 0 0 0;
				}
				#footer #footer-content p#copy{
					margin: 20px 0;
					}
					#footer #footer-content p#copy a{
						color: #FFF;
						text-decoration: none;
						}
						#footer #footer-content p#copy a:hover{
							text-decoration: underline;
							}
				#footer #footer-content #contact-form{
					width: 273px;
					float: left;
					}
				#footer #footer-content #footer-right{
					float: right;
					width: 503px;
					margin: 50px 0 0 0;
					}
				#footer #footer-content #footer-right #footer-left-content{
					float: left;
					}
				#footer #footer-content #footer-right #friends{
					float: right;
					margin: 20px 0 0 0;
					}
					#footer #footer-content #footer-right #friends ul li a{
						font-size: 12px;
						color: #d7dae8;
						text-decoration: none;
						line-height: 16px;
						}
						#footer #footer-content #footer-right #friends ul li a:hover{
							text-decoration: underline;
							}
				#footer #footer-content #footer-right #find-me{
					margin: 20px 0 0 0;
					}
					#footer #footer-content #footer-right #find-me a{
						margin: 0 5px 0 0;
						}
						#footer #footer-content #footer-right #find-me a:hover{
							/* for IE */
							filter:alpha(opacity=80);
							/* CSS3 standard */
							opacity:0.8;
							}
				#footer #footer-content #footer-right #get-hold{
					margin: 20px 0 0 0;
					}
					#footer #footer-content #footer-right #get-hold a{
						color: #FFF;
						text-decoration: none;
						}
						#footer #footer-content #footer-right #get-hold a:hover{
						text-decoration: underline;
						}
					#footer #footer-content #footer-right #get-hold p span{
						color: #FFF;
						}
				
	/*------Portfolio Boxes---------*/
	
		.boxgrid{
			width: 423px;
			height: 242px;
			float:left;
			margin: 15px 0 0 0;
			overflow: hidden;
			position: relative;
			}
		.boxgrid img{
			position: absolute;
			top: 0;
			left: 0;
			border: 0;
			}
		.boxcaption{
			float: left;
			position: absolute;
			background: #000;
			height: 100px;
			width: 100%;
			color: #FFF;
			width: 421px;
			margin: 0 0 0 1px;
			/* for IE */
			filter:alpha(opacity=90);
			/* CSS3 standard */
			opacity:0.9;
			}
			.boxcaption h3{
				font-size: 16px;
				margin: 8px 0 8px 10px;
				letter-spacing: -0.3px;
				}
				img.plussign{
					margin: 10px 0 0 400px;
					}
			.boxcaption p{		
				font-size: 13px;
				margin: 0 0 8px 10px;
				letter-spacing: -0.3px;
				color: #c0c0c0;
				}
				.boxcaption p a{		
					color: #c0c0c0;
					text-decoration: none;
					}
					.boxcaption p a:hover{		
						text-decoration: underline;
						color: #FFF;
						}
 				.caption .boxcaption {
 					top: 242px;
 					left: 0;
					}		
				.boxright{
					float: right;
					margin-right: 0;
					}	
					.boxcaptionsmall strong.role{
						margin: 0 0 0 10px;
						}
					.boxcaption strong.role{
						margin: 0 0 0 10px;
						}
					.boxcaptionsmall strong{
						color: #FFF;
						}
					.boxcaption strong{
						color: #FFF;
						}

/*------Portfolio Boxes---------*/	
	
	#footer #footer-content #contact-form form fieldset label{
		color: #d9dde8;
		font-size: 14px;
		letter-spacing: -0.3px;
		font-weight: bold;
		
		}
	
	#footer #footer-content #contact-form form fieldset input{
		width: 254px;
		height: 24px;
		line-height: 31px;
		font-size: 12px;
		background-color: #d9dde8;
		padding: 7px 0 0 7px;
		margin: 8px 0 8px 0;
		}

	#footer #footer-content #contact-form form fieldset textarea{
		width: 254px;
		height: 98px;
		
		font-size: 12px;
		background-color: #d9dde8;
		padding: 7px 0 0 7px;
		margin: 8px 0 8px 0;
		}
	
	#footer #footer-content #contact-form form fieldset p#smalltext{
		margin: 0 0 10px 0;
		}

	p.error{
		font-size: 14px;
		color: #F00;
		}

	#thankyou{
		margin: 17px 0;
		color: #FFF;
		}