@charset "UTF-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}


body {
	background-color:#333333;
	text-align: left;
 	padding: 0px;
 	margin: 0px;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
	color: #cccccc;
}



/*///WM/// SITE  ///WM///*/

#header {
	width:1024px;
	margin:auto;
	height:125px;
}

#dottedLine {
	width:100%;
	border-top:dashed;
	border-color:#999999;
	border-width:1px;
}

#logo {
	float:left;
	width:103px;
	height:107px;
	padding-left:100px;
}

#web {
	float:left;
	margin-left:10px;
	width:121px;
	height:50px;
	margin-top:16px;
}

#web2 {
	float:left;
	margin-left:125px;
	width:121px;
	height:50px;
	margin-top:16px;
}

#work {
	float:left;
	width:100px;
	height:100px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:1px;
	color:#FFFFFF;
	font-weight:600;
}

#bodyContainer {
	width:1024px;
	height:auto;
	margin:auto;
}

#subHeader{
	float:left;
	width:800px;
	height:160px;
	padding-left:112px;
}

#recentWork {
	float:left;
	width:325px;
	height:135px;
	margin-top:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:1px;
	color:#FFFFFF;
	font-weight:600;
}

#workContainer{
	float:left;
	width:650px;
	padding-left:112px;
	padding-right:112px;
	border-top:dashed;
	border-color:#999999;
	border-width:1px;
	margin-top:25px;
}

#hello {
	float:left;
	width:450px;
	height:135px;
	margin-left:20px;
	margin-top:25px;
}

#projectDetails {
	float:left;
	width:304px;
	height:85px;
	padding-left:346px;
	padding-right:114px;
	padding-top:15px;
}

#image {
	width:650px;
	height:400px;
	float:left;
	padding-top:25px;
}

#contactForm {
	float:left;
	width:745px;
	height:280px;
}

/*///WM/// /SITE  ///WM///*/



a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing:1px;
	color: #cccccc;
	font-weight:500;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #cccccc;
}

a:hover {
	text-decoration: underline;
	color: #cccccc;
}

a:active {
	text-decoration: none;
	color: #cccccc;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:1px;
	color:#FFFFFF;
	font-weight:600;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:1px;
	color:#cccccc;
	font-weight:500;

}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	color:#FFFFFF;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#cccccc;
	font-weight:lighter;
	line-height:14px;
}


/*///RAZOLUTION/// CONTACT  ///RAZOLUTION///*/


#contactForm {
	float:left;
	width:745px;
	height:auto;
}

	
	.divider {
	 width: 800px;
	 height: 2px;
	 padding: 0px;
	 margin: 0px;
	 background: #999;
	}
	
	.content {
	 width:700px;
	 padding-left: 100px;
	 padding-bottom: 60px;
	}
	
		.content img {
		 margin: 0;
		 padding: 0;
		}
	
		.captionLeft {
		 color: #333;
		 font-family: Arial, Helvetica, sans-serif;
 		 font-size: 10px;
		 text-transform: uppercase;
		 width: 330px;
		 margin-bottom: 25px;
		 margin-left: 5px;
		 float:left;
		}
		
		.captionRight {
		 color: #333;
		 font-family: Arial, Helvetica, sans-serif;
 		 font-size: 10px;
		 text-transform: uppercase;
		 width: 330px;
		 margin-bottom: 25px;
		 margin-left: 5px;
		 float:right;
		}
		
		.maps {
		 width: 450px;
		 float: right;
		}
		
		.mediakit {
		 width: 160px;
		 float: left;
		}
		
		.formLeft {
		 width: 320px;
		 float: left;
		}
		
		.formRight {
		 width: 370px;
		 float: right;
		}
		
		fieldset {
		 margin-top: 20px;
		 border: 0;
		}
		
			fieldset.contactForm li {
			 text-align: right;
			 list-style: none;
			 margin-bottom: 20px;
			 line-height: 1.5;
			}
			fieldset.contactForm label {
			 display: inline-block;
			 vertical-align: top;
			 padding-right: 5px;
			}
			fieldset.contactForm label:hover{
			 color:#000;
			}
			
			fieldset.quoteForm li {
			 text-align: left;
			 list-style: none;
			 margin-bottom: 20px;
			 line-height: 1.5;
			}
				fieldset li.form150 {
				 float: left;
				 width: 150px;
				}
				fieldset li.form60 {
				 float: left;
				 width: 60px;
				}
				fieldset li.form100 {
				 float: left;
				 width: 100px;
				}
				fieldset li.formSplit {
				 float: left;
				 width: 150px;
				}
			fieldset.quoteForm label {
			 font-size: 11px;
			 display: inline-block;
			}
			fieldset.quoteForm label:hover{
			 color:#000;
			}
			fieldset input, fieldset textarea, fieldset select {
			 border: 1px solid #ccc;
			 color: #333;
			 font-family: Arial, Helvetica, sans-serif;
			 padding: 3px;
 		 	 font-size: 11px;
			}
			fieldset input:hover, fieldset textarea:hover, fieldset select:hover {
			 background-color: #f0f0f0;
			}
				fieldset input#Submit, fieldset input#LogoYes, fieldset input#LogoNo, fieldset input#CMS, fieldset input#Ecom, fieldset input#Copy {
				border: 0px;
				}
			fieldset .checkboxLabel {
			 padding-left: 8px;
			 vertical-align: top;
			 font-size: 11px;
			}
			fieldset .checkboxDesc {
			 font-size: 11px;
			}
		
		.red {
		 color: #ff0000;
		}
		.black {
		 color: #000;
		}
		
		a.out, a.out:visited {
		 color: #666;
		 text-decoration: none;
		 border-bottom: 1px solid #666;
		 padding-right: 15px;
   		 background: transparent url(images/external_link.gif) no-repeat center right;
		}
		
		a.out:hover {
		 color: #000;
		 text-decoration: none;
		 border-bottom: 1px solid #000;
		}
	
	h3 .client {
	 font-weight: bold;
	 padding:4px;
	 background-color: #333;
	 color: #fff;
	}
	
	h3 a.out, h3 a.out:visited {
	 font-size: 11px;
	 color: #000;
	}
	
	.clearboth { clear: both; }



/*///RAZOLUTION/// /CONTACT  ///RAZOLUTION///*/