/* Style Sheets for [AMp New Site] website

TOC
	1. Defaults
	2. Structure
	3. Links and Navigation 
	4. Fonts
	5.

Notes
*/
 
/* -------------- 1. Defaults --------------------------- */
*{margin:0; padding:0;}

a img{border:0;}

.left{float:left;}
.right{float:right;}
fieldset{border:none;}
.clear{clear:both; width:100%}

@font-face{
font-family: "din"; 
src: url('DIN.otf') format('opentype');
}

/* -------------- 2. Structure -------------------------- */

body{background:url(../images/site/bg.jpg) repeat top left ; font:12px "din", Verdana, Arial, Helvetica, sans-serif; color:#4d4d4d;}

#wrapper {width:1049px; margin:10px auto;}

.logo a{width:213px; height:71px; text-indent:-10000px; display:block; height:111px; width:333px; float:left}

#masterhead { background:url(../images/site/masterhead.png) no-repeat left top; height:111px}
 .info{border-top:3px solid #80aac0; border-bottom:3px solid #80aac0; padding:5px 0; height:31px; float:right; width:472px; position: relative; top: 39px; width: 472px; left:-20px; color:#fff}
 .info .left{font-size:12px;}
 .info .right{font:36px/29px "din", Verdana, Arial, Helvetica, sans-serif; padding-right:20px}

#content{margin:0px; background:url(../images/site/bg_wrapper.png) repeat-y 7px top; width:1025px; padding:0 0 0 28px}

	

/* two col styles */
	.home .col_left{width:360px; margin:20px 40px 0 20px; float:left; min-height:100px;  border-right:none}
	.home .col_right {width:555px; float:left; padding:15px 0 0 0}
	.home .col_mid {clear:both; margin:20px 0 0 10px; border-top: 2px dotted #CCC; float:left; padding:10px 0 0 0; width:975px}
	
	.studio .col_mid {clear:both; margin:0 0 0 13px;  border-bottom: 2px dotted #CCC; float:left; padding:10px 0 20px 0; width:975px}
	.studio .col_left{float: left; margin: 0 14px 0 20px;  min-height: 370px;   padding: 20px 10px 0 0; width: 332px;}
	.studio .col_right {width:613px; float:left; padding:15px 0 0 0}
	
	.staff .col_left, .classes .col_left, .research .col_left, .store .col_left{width:200px; border-right: none; min-height:65px}
	.staff .col_right, .classes .col_right, .research .col_right, .store .col_right{width:743px; float:right; padding:15px 50px 0 0px; border-left: 2px dotted #CCCCCC;}
	.store .left img{padding-right:15px}
		.staff .col_right img, .classes .col_right img {padding:0 20px 20px 0}
	.profile{ border-bottom:2px dotted #CCCCCC; padding-bottom:20px; padding-left:23px}
	.staff .profile p, .staff .profile li, .classes .profile p, .classes .profile li{width: 500px; float:right}
		
	.search .col_mid, .news .col_mid, .articles .col_mid { margin:10px 0 20px 40px; float:left; width:930px}
		.search_unit{border-top:2px dotted #ccc; margin-bottom:34px}
		.search_res{margin-bottom:34px}
		.search_res .left{ padding:0 20px 20px 0}
	
	.col_left{width:375px; margin:20px 0px 0 20px; float:left; padding-right: 10px;  min-height:795px; border-right: 2px dotted #CCC; }
	.col_right {width:577px; float:right; padding:15px 40px 0 0}
	
		.col_left ul li, .col_right ul li{list-style:outside circle; margin:4px 0 4px 10px}
	
	.pl_22{padding-left:22px}
	.col_mid {clear:both}


footer{ background:url(../images/site/footer.png) no-repeat 7px 0; height:40px; width:1040px; display:block; position:relative; top:40px; left: -27px; text-align:center; float:left}
footer div{border-top: 2px dotted #CCCCCC;
    left: 51px;
    padding-top: 19px;
    position: relative;
    top: -38px;
    width: 92%;
	float:left;}
footer span{color:#0072AA; font-weight:bold; padding:0 8px}


/* -------------- 3. Links and Navigation --------------- */
a {color:#427542; outline:none; text-decoration:none;}
a:hover{ color:#73b373; }
/*top nav */
.nav{background:url(../images/site/bg_nav.jpg) repeat-x top; height:31px; float:left; width:1000px}

nav{float:left}

ul#navigation {height:31px; list-style:none;}

ul#navigation li{
float:left;
position:relative;
height:31px;
}
ul#navigation li a{
    display: block;
	float:left;
	padding:5px 15px 0;
	text-decoration:none;
	font-size:15px;
	text-transform:uppercase;
	color:#fff;
	height:26px;
}
ul#navigation li a:hover, ul#navigation li.on a{background:url(../images/site/bg_nav.jpg) repeat-x bottom;}


ul#navigation ul{
position:absolute;
top:25px;
left:-1000px;
z-index:1000;
width:160px;
}
ul#navigation li:hover ul{left:0; top:31px; width:200px}

ul#navigation li ul li{float:left; width:100%; list-style:none; height:auto}
ul#navigation li ul li a{ float:left; background:#afcde5 none !important; font:13px "din", Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize; width:86%; padding:5px 7% 5px; height:auto}
ul#navigation li ul li a:hover{background:#487698 none !important;}

.nav form{float:right; position:relative; top:8px; left:-23px; color:#666}


ul.small_nav{list-style:none; margin:10px 0; min-height:50px; padding:7px; border-radius:5px; background-color:#6ba5ce}
ul.small_nav li{ float:left; list-style:none!important; margin:0}
ul.small_nav li a{/*background:url(../images/site/buttons.gif) no-repeat left; color:#fff;*/ 
background-color:#fff; color:#00537d; border-bottom:1px solid #00537d; border-right:1px solid #00537d; border-left:1px solid #b4d6e7; display:block; padding:5px 0px; text-align:center; width:130px; margin-right:3px; text-transform:uppercase}

ul.small_nav li a:hover, ul.small_nav li.on a{/*background:url(../images/site/buttons.gif) -140px no-repeat*/ background-color:#00537d; color:#fff; border-bottom:1px solid #b4d6e7; border-right:1px solid #b4d6e7; border-left:1px solid #00537d; }

ul.small_nav .title{display:block; width:100%; text-transform:uppercase; color:#fff; text-align:center; margin-bottom:5px; font-size:12px} 

/* -------------- 4. Fonts ------------------------------ */

h1{ color:#0072AA; font:normal 26px/32px "din", Verdana, Arial, Helvetica, sans-serif; margin-bottom:22px; text-transform:capitalize}
h2{font:normal 14px "din", Verdana, Arial, Helvetica, sans-serif; margin:30px 0 6px; color:#0072AA; text-transform:uppercase}
.classes h2{font:normal 16px "din", Verdana, Arial, Helvetica, sans-serif;}
.home h2{font:normal 26px/32px "din", Verdana, Arial, Helvetica, sans-serif; margin:0; text-transform:none}
h3{font:normal 12px "din", Verdana, Arial, Helvetica, sans-serif; margin:12px 0 14px; color:#0072AA; text-transform:uppercase}
.home .col_left p{ padding-bottom:7px; font:14px/24px "din", Verdana, Arial, Helvetica, sans-serif}
.col_right p{margin-bottom:12px}

/* -------------- 5.  ----------------------------- */

.box{position:relative; float:left; margin:0 8px; width:309px}
.box .text{background-color:#0072AA; color:#fff; opacity:.85; height:50px; padding:6px; position:absolute; bottom:14px; left:0; width:297px}
.box .text a {color:#fff}

/* -------------- 6. jcarousel-skin-tango ----------------------------- */
.jcarousel-skin-tango .jcarousel-container {		}
.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 467px; padding: 0 40px;}
.jcarousel-skin-tango .jcarousel-clip {overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  467px; min-height: 75px;}
.jcarousel-skin-tango .jcarousel-item {	width: 467px; min-height: 75px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0; margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff; color: #000;}

/* Horizontal Buttons */
		.jcarousel-skin-tango .jcarousel-next-horizontal {
			position: absolute;
			top: 10px;
			right: 5px;
			width: 17px;
			height: 23px;
			cursor: pointer;
			background:url(../images/site/arrows.gif) left top no-repeat;}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background:#FF3399 none;}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
	background:url(../images/site/arrows.gif) left -23px no-repeat;}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background:#fff
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: 10px;
	left: 5px;
     width: 17px;
	height: 23px;
	cursor: pointer;
		background:url(../images/site/arrows.gif) left -46px no-repeat;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background:#666666 none
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
		background:url(../images/site/arrows.gif) left -69px no-repeat;
}


.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background:#FFF none
}

.testimonial{border-top: 2px dotted #CCC; margin-top:16px; padding-left:22px}
	.testimonial img{float:left; padding-right:16px}
	
/* -------------- 7. jThumbnailScroller ----------------------------- */
	
#tS1 {width: 100%;}
.jThumbnailScroller {
		height: 300px;
		position: relative;
		overflow: hidden;
}
.jThumbnailScroller .jTscrollerContainer {position: absolute;}
.jThumbnailScroller .jTscroller {
	position: relative;
	height: 100%;
	margin: 0;
	left: 0;
	top: 0!important;
	display: inline-block;
}
.jTscrollerContainer img {
	float: left;
	padding-right: 6px;
}
/* -------------- 7. map  ----------------------------- */
#map_canvas {
float: right;
height: 210px;
top: 92px;
width: 350px;
}

.related{clear:both; margin-top:10px}
.inventory{width:100%; margin-bottom:20px}
.inventory h2{margin:0 0 20px 20px; }
.item{ padding:20px}

.contact_form .contactfield{margin-top:10px}
.contact_form .contactfield label{display:block; width:140px; float:left}
			
/* -------------- Hacks --------------------------------- */
.clearfix:after {
	content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;
}
 
.clearfix {display: inline-block;}