/*
= IMPORTING STUFF AND SETTING DEFAULT STYLES
-------------------------------------------------------------------------------------- */
@import url("reset.css");

/*
= COMMON ---------------- */
	
	#mainHolder {
		overflow:hidden;
		width:926px;
		margin:0px auto; padding-top:80px;
		}
					
        /*
          + Header */

		#header {
			position:relative; overflow:hidden;
			width:926px;
			padding-bottom:18px;
			border-bottom:1px solid #dedede;
			}
			h1 {
			
				}
				h1 a {
					display:block;
					width:98px; height:84px;
					text-indent:-9999px;
					background:url(../images/logo.png) left top no-repeat;
					outline:none;
					}
			ul#mainNav {
				position:absolute; right:0px; bottom:16px;
				}
				ul#mainNav li {
					float:left;
					margin-left:20px;
					}
					ul#mainNav li a {
						font-size:12px; text-transform:uppercase; color:#616263;
						outline:none;
						}
					ul#mainNav li a:hover, ul#mainNav li a.active {
						color:#d8da39;
						}

        /*
          + Content */
		  
		  h2 {
		      padding:34px 0 34px 10px;
			  font-size:49px; font-family:"Georgia", Times New Roman, Times, serif; line-height:50px; color:#d8da39; font-weight:normal; text-transform:uppercase; letter-spacing:2px;
			  border-bottom:1px solid #dedede;
			  }
		  #contentHolder {
		      overflow:hidden;
			  width:926px;
			  padding:18px 0;
			  }
			  h3 {
			 	  padding-left:10px;
			      color:#858585; font-size:12px; font-weight:normal; text-transform:uppercase;
				 }
				 #leftColumn {
				 	float:left;
					width:715px;
					}
				 #rightColumn {
					float:right;
					width:198px;
					border-left:1px solid #b8b8b8;
					}
					#rightColumn h3 {
						margin-bottom:14px;
						}

					/*
					  + Client List */
					  
					  #rightColumn ul { 
					  	padding-left:10px;
					  	}
						#rightColumn ul li {
							 color:#c5c734; line-height:17px; padding:5px 0 6px; font-style:italic;
							}
							#rightColumn ul li a {
								font-family:"Georgia", Times New Roman, Times, serif; font-style:italic; font-size:12px; color:#c5c734;
								}
								#rightColumn ul li a:hover {
									text-decoration:underline;}
							
        /*
          + Footer */
		  
		  #footer {
		  	  overflow:hidden;
		  	  width:926px;
			  padding:6px 0;
			  border-top:1px solid #dedede;
			  }
			  #footer p {
			  	  float:right;
				  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#a0a1a1;
				  }
			  
/*
= HOME, WORK ---------------- */

	h2.workTitle {
		padding:54px 0 54px 30px;
		}
	#homeWork li a, #work li a {
		display:block; position:relative;
		width:213px; height:151px;
		margin-bottom:20px;
		}
		#homeWork li a span, #work li a span {
			position:absolute; left:12px; bottom:12px;
			font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#2a2929;
			}

        /*
          + About us */

			ul#about {
				overflow:hidden;
				width:715px;
				}
				ul#about li {
					float:left;
					width:236px;
					padding-top:15px;
					}
					ul#about li h4 {
						padding-left:10px;
						font-size:12px; color:#c5c734; font-weight:normal;font-style:italic;
						}
					ul#about li p {
						min-height:100px; height:auto !important; height:100px; 
						padding:10px;
						border-left:1px solid #b8b8b8;
						font-family:"Times New Roman", Times, serif; font-size:12px; color:#585757; line-height:18px;
						}
					ul#about li p.first {
						border:none;
						}	
						
/*
= SERVICES ---------------- */

	h2.servicesTitle {
		padding-left:20px;
		font-size:43px; line-height:46px;
		}
	.serviceHolder {
		float:left; 
		width:224px;
		margin-right:10px; padding-bottom:30px;
		}
	.serviceHolderLast {
		margin:0px;
		}
		.serviceHolder img {
			display:block;
			}
		.serviceHolder h3 {
			width:209px; height:50px;
			padding-left:15px;
			font-family:"Georgia", Times New Roman, Times, serif; font-size:20px; color:#ffffff; font-weight:normal; line-height:50px; text-transform:none; letter-spacing:-1px;
			background:#d8da39;
			}
		.serviceHolder ul {
			width:209px;
			padding:15px 0 0 15px;
			}
			.serviceHolder ul li {
				width:199px;
				padding-left:10px; margin-bottom:10px;
				font-family:"Times New Roman", Times, serif; font-size:12px; color:#585757;
				background:url(../images/bullet.jpg) left 6px no-repeat;
				}
		
/*
= THINKING ---------------- */

	h2.thinkingTitle {
		padding:44px 0 44px 10px;
		font-size:53px; line-height:54px;
		}
	#thinkingHolder {
		overflow:hidden;
		width:685px;
		padding:20px 0 20px 30px;
		}
		#thinkingHolder div {
			float:left;
			width:315px;
			padding-left:20px;
			}
			#thinkingHolder div p {
				font-family:"Times New Roman", Times, serif; font-size:12px; color:#585757; line-height:18px; margin-bottom:15px;
				}

/*
= CONTACT POPUP ---------------- */
		#contactholder{display:none;}
		#contactholderInner {
			position:relative;
			padding:60px 40px 0 40px;
			}
			a.closePopup {
				display:block; position:absolute; top:10px; right:10px;
				width:16px; height:16px;
				text-indent:-9999px;
				background:url(../images/close-popup.jpg) left top no-repeat;
				outline:none; cursor:pointer;
				}
			h2.contactTitle {
				padding:0px;
				font-size:31px; line-height:34px; text-transform:none;
				border:none;
				text-transform:uppercase;
				}
			.contactFormInfoHolder {
				overflow:hidden;
				width:660px;
				padding-top:80px;
				}
				.contactForm {
					float:left;
					width:350px;
					margin-right:35px;
					border-right:1px solid #c2c1c1;
					}
					.contactForm ul {
						width:340px;
						}
						.contactForm ul li {
							overflow:hidden;
							width:340px;
							margin-bottom:10px;
							}
							.contactForm ul li label {
								float:left;
								width:100px;
								margin-right:15px;
								text-align:right; font-family:"Times New Roman", Times, serif; font-size:13px; color:#6b6a6a;
								}
							.contactForm ul li input {
								float:left;
								width:190px; height:14px;
								font-family:"Times New Roman", Times, serif; font-size:13px; color:#6b6a6a;
								border:1px solid #d4d4d4;
								}
							.contactForm ul li input.sendButton {
								width:80px; height:auto;
								padding:2px 5px;
								text-align:center;
								cursor:pointer;
							}
							.contactForm ul li textarea {
								float:left;
								width:190px; height:86px;
								font-family:"Times New Roman", Times, serif; font-size:13px; color:#6b6a6a;
								border:1px solid #d4d4d4; outline:none;
								}
				.contactFormInfoHolder p {
					margin-bottom:20px;
					font-family:"Times New Roman", Times, serif; font-size:13px; color:#6b6a6a; line-height:18px;
					}
					.contactFormInfoHolder p span {
						color:#d8da39;
						}
					.contactFormInfoHolder p a {
						color:#6b6a6a;
						}
					.contactFormInfoHolder p a:hover {
						text-decoration:underline;
						}