@import url(http://fonts.googleapis.com/css?family=Montserrat);

html{min-height:100%; 
	background: -moz-linear-gradient(top, #5d4498 0%, #73abc6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d4498), color-stop(100%,#73abc6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5d4498 0%,#73abc6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5d4498 0%,#73abc6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5d4498 0%,#73abc6 100%); /* IE10+ */
background: linear-gradient(to bottom, #5d4498 0%,#73abc6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d4498', endColorstr='#73abc6',GradientType=0 ); /* IE6-9 */}}

html, body, img{padding:0; margin:0; }
body{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}

body.home{}
body.interior{}

img{margin:0; padding:0;}
.aboutImg {float:left; margin:0 20px 10px 0;}
a{text-decoration:none; color: #373737;}
a:hover{color:#992789;}
.clear{clear:both;}

h1,h3{font-family: 'Montserrat', sans-serif; color:#0CA591;}
h2{font-family: 'Montserrat', sans-serif; color:#7CCFDF;}
h3{margin:15px 0 0 0; padding:0;}

ul {list-style:square; }
li {list-style:square; /*color:#992789;*/ font-weight:bold;}

.blue{color:#7CCFDF;}
.purple{color:#992789;}
.green{color:#0CA591;}
.yellow{color:#FFBC3D;}
.orange{color:#F36E3A;}
.pink{color:#EC207B;}
.white{color:#FFFFFF;}
	
#bgStripes {
	padding:0px;
	background: url(../img/colorStripes.png) repeat-y;
	width: 960px;
	margin:0 auto -8px auto;
	height:100%;
}

#container{width:960px; margin:30px auto; background:#FFFFFF;box-shadow:1px 0px 20px #412B6C; color: #373737;
font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
line-height: 1.625;}

#header{width:900px; padding:20px 30px 0px 30px; margin:0px;font-family: 'Montserrat', sans-serif; min-height:120px;}
	
	.subNav{float:right;clear:right; margin-right:30px; width:300px;text-align:right;}
	.subNav a{color:#F36E3A; font-size:10pt;}
		
		#heroText{width:450px; margin:0px; color:#0CA591; font-size:17pt;float:left;line-height:1.5em;}	
		#heroText p{margin-top:40px;}
		#heroText #logo{}
		#heroImage{float:right; margin:0; padding:0px;}
		
			
#nav                        {margin-top:-10px; padding:0; font:18px 'Montserrat', sans-serif;}
	#nav ul                     { width: 960px; margin: 0 auto; overflow: hidden; padding:0; }
	#nav ul li                  { display: inline; }
	
	#nav ul li a                { background-image:url(../img/navSprite.jpg); width:192px; display: block; height:30px; color: white; float: left; text-align:center; padding-top:15px; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; }
	
	#nav ul li:nth-child(1) a                {background-position:0px 0;} 
	#nav ul li:nth-child(1) a:hover          {background-position:0 45px;}
	
	#nav ul li:nth-child(5) a                {background-position:192px 0;} 
	#nav ul li:nth-child(5) a:hover          {background-position:192px 45px;}
	
	#nav ul li:nth-child(4) a                {background-position:384px 0;} 
	#nav ul li:nth-child(4) a:hover          {background-position:384px 45px;}
	
	#nav ul li:nth-child(3) a                {background-position:576px 0;} 
	#nav ul li:nth-child(3) a:hover          {background-position:576px 45px;}
	
	#nav ul li:nth-child(2) a                {background-position:768px 0;} 
	#nav ul li:nth-child(2) a:hover          {background-position:768px 45px;}
	
	#leftCol {width:550px; padding:10px 20px; color:#343434; line-height:1.5em; background:#FDFDFD; border-radius:5px;margin:15px; box-shadow:1px 0px 20px #CFCFCF; float:left;} 
	
	#leftCol.contact{background: -moz-linear-gradient(top, #5d4498 0%, #73abc6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d4498), color-stop(100%,#73abc6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5d4498 0%,#73abc6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5d4498 0%,#73abc6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5d4498 0%,#73abc6 100%); /* IE10+ */
background: linear-gradient(to bottom, #5d4498 0%,#73abc6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d4498', endColorstr='#73abc6',GradientType=0 ); /* IE6-9 */}
	
	
	#rightCol {background: url('../img/RightColBG1.png') no-repeat scroll top left;
		width: 318px;
		height: 245px;
		float:right;
	}
	
	#rightCol .testimonial{color:#992789; font-family: 'Montserrat', sans-serif; width:270px; padding:20px 5px; line-height:1.3em; font-size:10pt; }
	
	#rightCol .testimonial .credit {color:#666666; font-size:9.5pt; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
	
	#footer{border-top:2px solid #992789;background-color:#FFFFFF; padding:20px;}
		#footer #copyright{float:right; color:#999999; font-size:10pt;}
		
		/* Forms */
		input{font-family: 'Montserrat', sans-serif; width:50%; height:25px; font-size:14pt;}
		
		input[type=text],
		input[type=password],
		textarea {
			background: #fafafa;
			-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
			-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
			box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
			border: 1px solid #FFBC3D;
			border-radius:5px;
			color: #888;
		}
		input[type=text]:focus,
		textarea:focus {
			color: #373737; border: 1px solid #992789;
		}
		textarea {
			padding-left: 3px;
			width: 98%;
		}
		input[type=text] {
			padding: 3px;
		}	
