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

body{
	font-family:Arial, Helvetica, sans-serif;
	color:#222;
	line-height:1.166;	
	margin:0;
	padding:0;
	font-size:75%;
	background: url(../images/bk.gif) 50% 0 repeat;
	background-color:#FFF;
}






@font-face {
    font-family: 'CrimsonRoman';
    src: url('../fonts/Crimson-Roman-webfont.eot');
    src: url('../fonts/Crimson-Roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Crimson-Roman-webfont.woff') format('woff'),
         url('../fonts/Crimson-Roman-webfont.ttf') format('truetype'),
         url('../fonts/Crimson-Roman-webfont.svg#CrimsonRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CrimsonBold';
    src: url('../fonts/Crimson-Bold-webfont.eot');
    src: url('../fonts/Crimson-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Crimson-Bold-webfont.woff') format('woff'),
         url('../fonts/Crimson-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Crimson-Bold-webfont.svg#CrimsonBold') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'CrimsonSemibold';
    src: url('../fonts/../fonts/Crimson-Semibold-webfont.eot');
    src: url('../fonts/Crimson-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Crimson-Semibold-webfont.woff') format('woff'),
         url('../fonts/Crimson-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/Crimson-Semibold-webfont.svg#CrimsonSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}





img {
border:0;
float:left;

}


a:link, a:visited, a:hover {
	text-decoration: none; 
	color:#7ac142;
	font-weight:bold;
}

a:hover {
	text-decoration: underline;
	}
	
img{
	border:none;
	}
	
h1{
	/*color:#7ac142;*/
	color:#e2599e;
	font: 25px 'CrimsonBold', Arial, sans-serif;
	letter-spacing: 0;
	line-height:1.1em;
	text-shadow: 0 1px 0 white;
	margin:0;
	padding:0;
	}
	
	
h2{	

	color:#e2599e;
	font: 25px 'CrimsonBold', Arial, sans-serif;
	letter-spacing: 0;
	line-height:1.1em;
	text-shadow: 0 1px 0 white;
	margin:5px 0;
	padding:0;
	
	}
	


h3{
	color:#CCC;
	font: 22px 'CrimsonBold', Arial, sans-serif;
	text-shadow: 0 1px 0 white;
	line-height:1.1em;
	}
	
	
h3 span{
	color:#e2599e;
	text-shadow: 0 1px 0 white;
	line-height:1.1em;
	}
	
	
	
h4{
	color:#7ac142;
	font: 18px 'CrimsonBold', Arial, sans-serif;
	text-shadow: 0 1px 0 white;
	margin:0;
	}
	
	
	
	p{
		line-height:1.3em;
		color:#444;
		}

	
		




/* MAIN LAYOUT */

#wrapper {
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding: 0px 32px;
	position:relative;
	}
	
#header {
	width:265px;
	height:570px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 32px;
	float:left;
	display:inline;
	background: url(../images/header.png) 0 0 no-repeat;
	margin-bottom:5px;
	position:absolute;
	top:0px;
	left:32px;
    margin:0;
	z-index:3000;
	
}


#event {
	width:200px;
	height:200px;
	padding: 0;
	margin:0;
	float:left;
	display:inline;
	margin-bottom:5px;
	position:absolute;
	top:4px;
	left:250px;
    margin:0;
	z-index:5000;
	
}




#social {
	width:210px;
	height:50px;
	padding: 0px 0px 0px 0px;
	margin:0px 20px 0px 45px;
	float:left;
	display:inline;
	text-align:left;
}

 
    #logo {
	width:317px;
	height:215px;
	padding: 0;
	margin:0;
	float:left;
	display:inline;
	position:absolute;
	left:-32px;
 }
 


#scallop {
	width:960px;
	height:40px;
	padding:0px 0px 0px 0px;
	margin: 0;
	float:left;
	display:inline;
	background: url(../images/scallop.png) 0 0 no-repeat;

	}
	

	
	#contentwrap {
	width:960px;
	height:auto;
	padding:0;
	margin: 10px 0px 0px 0px;
	float:left;
	display:inline;
	position:relative;
	background-color:#FFF;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	}
	
#slider {
	width:390px;
	height:550px;
	padding: 0px 0px 0px 10px;
	margin:0px 0px 0px 255px;
	float:left;
	display:inline;
	background-color:#FFF;
	position:relative;
	z-index:0;
	}
	
#sidebar {
	width:265px;
	height:550px;
	padding: 0px 10px 0px 30px;
	margin:0;
	float:left;
	display:inline;
	background-color:#FFF;
	}
	
	
#contentFull {
	width:665px;
	height:550px;
	padding: 25px 20px 20px 20px;
	margin:0px 10px 0px 255px;
	float:left;
	display:inline;
	position:relative;
	z-index:0;
	background-color:#FFF;
	}
	
	
#contentFull2 {
	width:665px;
	height:auto;
	padding: 25px 20px 20px 20px;
	margin:0px 10px 0px 255px;
	float:left;
	display:inline;
	position:relative;
	z-index:0;
	background-color:#FFF;
	}
	
.producthalf {
	width:298px;
	height:538px;
	padding: 10px 10px 0px 10px;
	margin:0px 12px 0px 0px;
	float:left;
	display:inline;
	position:relative;
	z-index:0;
	border:1px dotted #DDD;
	}
	

	
#contenttop1 {
	width:390px;
	height:550px;
	padding: 0px 0px 0px 10px;
	margin:0px 0px 0px 255px;
	float:left;
	display:inline;
	position:relative;
	z-index:0;
	background-color:#FFF;
	}
	
#contenttop2 {
	width:275px;
	height:530px;
	padding: 20px 15px 0px 15px;
	margin:0px;
	float:left;
	display:inline;
	position:relative;
	z-index:0;
	background-color:#FFF;
	}
	
	
#contenttop3 {
	width:260px;
	height:530px;
	padding: 20px 15px 0px 30px;
	margin:0px;
	float:left;
	display:inline;
	background-color:#FFF;
	}
	

	


	
	
.tagline {
	width:245px;
	height:auto;
	padding: 0px 10px 0px 10px;
	margin:10px 10px 10px 0px;
	float:left;
	display:inline;
	background-color:#f5f5f5;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	}
	
.feature {
	width:255px;
	height:145px;
	padding: 30px 0px 0px 0px;
	margin:5px 0px;
	float:left;
	display:inline;
	position:relative;
	}
	
	

	
.banner {
	width:275px;
	height:50px;
	padding: 10px 0px 0px 40px;
	margin:0;
	float:left;
	display:inline;
	background: url(../images/banner.png) 0 0 no-repeat;
	position:absolute;
	right:-60px;
	top:0px;
	color:#FFF;
	font: 20px 'CrimsonBold', Arial, sans-serif;
	letter-spacing: 0em;
	line-height:1.1em;
	text-shadow: 0 0px 0 white;
	}
	
	
.feature2 {
	width:298px;
	height:autopx;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 30px 0px;
	float:left;
	display:inline;
	position:relative;
	}
	
	
	
.banner2 {
	width:267px;
	height:50px;
	padding: 10px 0px 0px 30px;
	margin:0;
	float:left;
	display:inline;
	background: url(../images/banner.png) 0 0 no-repeat;
	position:absolute;
	right:-32px;
	top:130px;
	color:#FFF;
	font: 18px 'CrimsonBold', Arial, sans-serif;
	letter-spacing: 0em;
	line-height:1.1em;
	text-shadow: 0 0px 0 white;
	}
	
	
.banner3 a {
	width:280px;
	height:48px;
	padding: 12px 0px 0px 35px;
	margin:10px 0px 0px 0px;
	float:left;
	display:inline;
	background: url(../images/banner.png) 0 0 no-repeat;
	position:absolute;
	right:-38px;
	top:0px;
	color:#FFF;
	font: 16px 'CrimsonBold', Arial, sans-serif;
	letter-spacing: 0em;
	line-height:1.1em;
	text-shadow: 0 0px 0 white;
	}
	
	
	

#contenthalf1 {
	width:400px;
	height:auto;
	padding: 30px 25px 0px 25px;
	margin:10px 10px 10px 20px;
	float:left;
	display:inline;
	background-color:#f5f5f5;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	
	}
	
#contenthalf2 {
	width:400px;
	height:auto;
	padding: 20px 25px 10px 25px;
	margin:10px 20px 10px 10px;
	float:left;
	display:inline;
	background-color:#f5f5f5;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	}
	
	
#ribbon {
	position:absolute;
	top:-6px;
	left:-6px;
	z-index:500;
}

	
	


	 
	 
	   #footerWrap {
	width:960px;
	height:60px;
	padding: 50px 0px;
	float:left;
    text-align:center;
	background: url(../images/footer.png) 0 0 no-repeat;
	
 }
 
 
 
#footerWrap a:link,  #footerWrap a:visited,  #footerWrap a:active{
color:#7ac142;

	 }
	 
	 
	  #footerWrap a:hover{
	  text-decoration:underline;	
	 }
	
	
/* NAVIGATION */
	
	
#nav {
	width:245px;
	height:290px;
	padding: 0px 0px 0px 0px;
	margin:205px 20px 0px 0px;
	float:left;
	display:inline;
	text-align:left;
}




	
#nav ul
{
padding-left: 0;
margin-left: 0;
color: #FFF;
float:left;
display:inline;
}

#nav ul li { display: inline; }

#nav ul li a
{
width:179px;
height:32px;
padding: 10px 0px 0px 60px;
margin:1px 3px;
color: #555;
text-decoration: none;
border-bottom: 1px dotted #DDD;
display:inline;
float:left;
text-transform:uppercase;
font: 15px 'CrimsonBold', Arial, sans-serif;
text-shadow: 0 1px 0 white;
background: url(../images/nav.png);

}


#nav ul li  a.home
{background-position:0px 225px}

#nav ul li  a.about
{background-position:0px 180px}

#nav ul li  a.product
{background-position:0px 135px}

#nav ul li  a.design
{background-position:0px 90px}

#nav ul li  a.contact
{background-position:0px 45px}

#nav ul li .home:hover 
{background-position:245px 225px}

#nav ul li .about:hover 
{background-position:245px 180px}

#nav ul li .product:hover 
{background-position:245px 135px}

#nav ul li .design:hover 
{background-position:245px 90px}

#nav ul li .contact:hover 
{background-position:245px 45px}



 

	 
	 /* GENERIC */
	 
	 
.GenericImg{
	padding: 0px;
	margin:5px;
	float:left;
	display:inline;
	border:2px solid #d5afd2;
	}
	
	
.GenImg{
	padding: 0px;
	margin:0px;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	}
	
	
 
 .FLTleft { 
  float:left;
  
   }
   
   .FLTright { 
  float:right;
  
   }

	
	.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


ul.default  {

margin:2px 0; 
padding:0;
width:auto;
color:#222;
}

ul.default li{
	list-style-type: none;
	color:#222;
	padding:8px 3px;
width:auto;
border-bottom:1px dotted #DDD;
color:#CCC;
	font: 18px 'CrimsonBold', Arial, sans-serif;
	text-shadow: 0 1px 0 white;
	line-height:1.1em;
	 }






/* TABLES  */

tr.d0 td {
	background-color:#54075b; 
	color: #FFF;
	padding:5px;
	font-weight:bold;
	font-size:1.1em;
	border-right:1px solid #b0adcf;
}
tr.d1 td {
	background-color: #FFF; 
	color:#54075b;
	padding:5px;
	font-size:1em;
	border:1px solid #b0adcf;
}

tr.d2 td {
	background-color: #d5afd2; 
	color: #54075b; 
	padding:5px;
	font-size:1em;
	border:1px solid #b0adcf;
}





/* PORTFOLIO  */


.PortThumb {
	width:150px;
	height:auto;
	padding: 0px 0px 5px 0px;
	margin:5px 14px 5px 0px;
	border:0px solid #538511;
	float:left;
	display:inline;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#666;
		}
		
		
	
.PortThumb img {
	width:150px;
	height:150px;
	float:left;
	display:inline;
	margin-bottom:10px;
	}
	
	
.PortThumb h3{
	color:#e2599e;
	font: 16px 'CrimsonBold', Arial, sans-serif;
	text-shadow: 0 1px 0 white;
	line-height:1.1em;
	margin:0;
	padding:0;
	}
	
.PortThumb img:hover{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}



ul.price  {

margin:2px 0; 
padding:0;
width:auto;
}

ul.price li{
	list-style-type: none;
	color:#CCC;
	padding:5px 3px;
width:auto;
border-bottom:1px dotted #DDD;
	text-shadow: 0 1px 0 white;
	line-height:1.1em;
	font-size:1.1em;
	 }





/* CONTACT FORM  */

		#formcontent{
	width:270px;
	height:auto;
	padding: 10px;
	margin:10px 0px 10px 0px;
	float:left;
	display:inline;
	background-color:#EEE;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	
		}
		
		#name, #email, #comments, #phone {
		    width:250px;
		    padding: 3px;
		    font-size:1.1em;	
		}
		#submit{
			float:right;
		}
		label{
		    font-size:1em;
		}
		
		textarea{
		    font-size:1em;
			border:2px solid #DDD;
		}
		
		input{
		    font-size:1em;
			border:2px solid #DDD;
		}
		
		.green{
		    width:250px;
		    background-color:#8fd400;
		    border-bottom:solid 1px #666;
		    padding:5px 5px 5px 15px;
		    margin-bottom: 5px;
		    font-weight:bold;
		    text-align:left;
			color:#000;
			font-size:1em;
		}
		.red{
		    color:#FFF;
			background-color:#FF0000;
		    font-weight:bold;
			padding:5px;
		}


	.button{
		    color:#FFF;
			background-color:#000;
		    font-weight:bold;
			padding:10px;
		}





/* twitter */


#twitter_div{
padding:10px 0px 5px 0px;
height:auto;
width:390px;
margin-top:0px;
display:inline;
float:left;
}



#twitter_div h4{
				color:#FFF;
				font: 19px 'CrimsonBold', Arial, sans-serif;
				text-shadow: 0 0px 0 white;
				margin:0;
				padding: 10px 10px;
				line-height:1.1em;
				background-color:#7ac142;
				-webkit-border-radius:10px 10px 10px 10px;
				-moz-border-radius:10px 10px 10px 10px;
				border-radius:10px 10px 10px 10px;
				border:1px dotted #DDD;
				margin:2px 0px;
	}
	



ul#twitter_update_list {
list-style:none; 
margin:2px 0; 
padding:0;

}


ul#twitter_update_list li{
				padding: 15px 10px;
				line-height:1.1em;
				background-color:#FFF;
				-webkit-border-radius:10px 10px 10px 10px;
				-moz-border-radius:10px 10px 10px 10px;
				border-radius:10px 10px 10px 10px;
				border:1px dotted #DDD;
				margin:5px 0px;

}


.twitterlink{
			font-size: 1em;
			line-height: 35px;
			color:#e2599e;
			padding: 5px 0px 0px 0px;
			font-weight: normal;
			width:300px;
			display:inline;
			float:left;
			background: url(../images/arrow.gif) 0 0 no-repeat;
			text-indent:35px;
	
	
	}
	
	
.sociallink{
			font-size: 1.2em;
			line-height: 50px;
			color:#e2599e;
			padding: 0px 0px 0px 0px;
			font-weight: normal;
			width:250px;
			display:inline;
			float:left;

	
	}
	
	





/**************************************************

RESPONSIVE STUFF

**************************************************/
    
	
/* iPads (portrait and landscape) */
   @media screen and (max-width: 768px)
{
	
	
	
	
#nav {
	width:100%;
	height:auto;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:centre;
}



#nav ul li a
{
width:100%;
height:auto;
padding: 10px 0px;
font: 15px 'CrimsonBold', Arial, sans-serif;
text-shadow: 0 0px 0 white;
background:#5e9036;
color:#FFF;
text-align:center;
}




#menu {
			width:90%;
			display: inline;
			float:left;
			background:#e2599e;
			color:#FFF;
			font-size:2em;
			text-align: right;
			padding:3% 5%;
			margin:8px 0px;
		}
			
			#nav.js {
			display: none;
		}
		

	
	





#wrapper {
	width:100%;
	padding: 0px 0px;
	}
	
#header {
	width:100%;
	height:auto;
	margin:0px 0px 0px 0px;
	background: none;
	background-color:#FFF;
	position:static;
	
	
}



#event {
	display:none;
}





#social {
	display:none;

}


  #logo {
	width:100%;
	height:auto;
	position:static;
 }
 


#scallop {
		display:none;
		width:100%;
	}
	

	
	#contentwrap {
	width:100%;
	height:auto;
	padding: 0;
	margin:0;
	}
	
	
#slider {
	width:100%;
	height:auto;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
#sidebar {
	width:100%;
	height:auto;
	padding: 0px 0px 0px 0px;
	}
	
	
#contentFull {
	width:95%;
	height:auto;
	padding: 10px 4%;
	margin:0px 0px 0px 0px;
	}
	
	
#contentFull2 {
	width:95%;
	height:auto;
	padding: 10px 4%;
	margin:0px 0px 0px 0px;
	}
	
.producthalf {
	width:100%;
	height:auto;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	

	
#contenttop1 {
	width:100%;
	height:auto;
	padding: 10px 0px;
	margin:0;
	}
	
#contenttop1 img{
	width:100%;
	height:auto;
	}
	
	

#contenttop2 {
	width:95%;
	height:auto;
	padding: 10px 4%;
	margin:0;
	}
	
	
#contenttop3 {
	width:95%;
	height:auto;
	padding: 10px 4%;
	margin:0;
	}
	
	
.tagline {
	width:100%;
	height:auto;
	margin:0px 0px 0px 0px;
	}
	
.feature {
	width:100%;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0;
	text-align:center;
	}
	

	
.banner {
	width:100%;
	height:auto;
	position:static;
	background:#7ac142;
	padding:10px 0px;
	text-align:center;
	margin:10px 0px;
	}
	
	
.feature2 {
	width:100%;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0;
	text-align:center;

	}
	
	
 
.GenImg{
	margin:0px auto;
	-webkit-border-radius:0px 0px 0px 0px;
	-moz-border-radius:0px 0px 0px 0px;
	border-radius:0px 0px 0px 0px;
	width:100%;
	height:auto;
	display:block;

	}
	
	
	
.banner2 {
	width:100%;
	height:auto;
	padding: 0px 0px 0px 0px;
	position:static;
	text-align:center;
	}
	
	
.banner3 a{
		width:100%;
	height:auto;
	position:static;
	background:#7ac142;
	padding:10px 0px;
	text-align:center;
	margin:10px 0px;
	}
	
	
	

#contenthalf1 {
	width:90%;
	height:auto;
	padding: 20px 4%;
	margin:0;
	}
	
#contenthalf2 {
	width:90%;
	height:auto;
	padding: 20px 4%;
	margin:0;
	}
	
	
#ribbon {
	position:static;
	
}

	 
	 
#footerWrap {
	width:90%;
	height:auto;
	padding: 20px 4%;
	float:left;
    text-align:center;
	background: none;
	
 }
 

 
 
		#formcontent{
	width:90%;
	height:auto;
	padding: 20px 4%;
	margin:10px 0px;
	
	
		}
		
		#name, #email, #comments, #phone {
		    width:90%;
		    padding: 4%;
		
		}
 
 
#twitter_div{

width:100%;

}


.twitterlink{
			width:100%;
	text-indent:5px;
	}
	
	
	


ul#twitter_update_list li{
				padding: 15px 0px;
				

}


	
	
.sociallink{
			width:100%;

	
	}
	
	
.PortThumb {
	width:45%;
	height:auto;
	margin:5px 2%;
	float:left;
	display:inline;
		}
		
		
	
.PortThumb img {
	width:100%;
	height:auto;
	float:left;
	display:inline;
	margin-bottom:10px auto;
	}
	




}
	
	
 /* Mobile (landscape) */
@media screen and (max-width: 480px){
	



}	
   
   
   /* Mobile (portrait) */
@media screen and (max-width: 320px){
		#content {
	
		}
}	
   
	


	
	@media screen and (min-width: 769px) {
		#menu {
			display: none;
		}
	}