/*---------------
RESET
---------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*---------------
* GRID
---------------*/
.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

/*---------------
* CORE
---------------*/

.fg {
position:relative;
overflow:hidden;
width:100%;
max-width:500px;
margin:0 auto;
padding:0;
}

.fg a:link, .fg a:active, .fg a:visited {outline:0;text-decoration:none;color:#004e7b;}
.fg a:hover {color:#a63510;} 

.fg img {border:0;}
.fg .clear {clear:both;}

.fg .p10-lr {padding:0 10px;}
.fg .title {font-weight:700;}

.fg .thumb-wrapper {
position:relative;
overflow:hidden;
float:left;
width:150px;
height:112px;
margin:8px;
background-color:#fff;
border-radius:2px;
box-shadow: 0px 0px 4px 1px #7a7a7a;
z-index:198;
}

.fg .thumb-wrapper:hover {box-shadow: 0px 0px 4px 1px #3a3a3a;}

.fg .thumb-wrapper .caption {
position:absolute;
display:block;
width:94%;
padding:0 3%;
left:0;
bottom:0;
height:18px;
line-height:18px;
font-family:Helvetica,Arial,sans-serif;
font-size:11px;
color:#eee;
background:url(pngbg.png) repeat;
z-index:199;
}

.fg .thumb-wrapper .caption a {color:#eee;}
.fg .thumb-wrapper .caption a:hover {color:#fff;}

div.tooltip-container {position:relative;cursor:pointer;background:url(info.png) right 0 no-repeat;}

div.tooltip-container .tooltip {
display:block;
position:absolute;
width:96%;
padding:2%;
left:0;
top:-90px;
color:#000;
background:#fff;
opacity:0;
-webkit-transition:all 0.2s ease-in-out;
   -moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	 -0-transition:all 0.2s ease-in-out;
	    transition:all 0.2s ease-in-out;
-webkit-transform:scale(0);
   -moz-transform:scale(0);
	-ms-transform:scale(0);
	 -o-transform:scale(0);
	    transform:scale(0);
line-height:1.2em;
}

div.tooltip-container .tooltip:before,
div.tooltip-container .tooltip:after {
content:'';
position:absolute;
top:-90px;
left:0;
width:0;
height:0;
}

div.tooltip-container .tooltip:after {top:-95px;}

div.tooltip-container:hover .tooltip {
opacity:0.85;
-webkit-transform:scale(1);
   -moz-transform:scale(1);
    -ms-transform:scale(1);
	 -o-transform:scale(1);
	    transform:scale(1);
}

.fg .thumb {width:100%;height:112px;overflow:hidden;display:table-cell;vertical-align:top;text-align:center;}
.fg .thumb img {width:auto !important;width:100%;height:auto !important;position:relative;display:block;margin:auto;}
.fg .refresh {cursor:pointer;}

.fg .description-wrapper {padding-left:8px;font-size:13px;line-height:1.4em;}

/***** pagination style *****/
.fg a.paginate,
.fg a.current-paginate, 
.fg a.paginate:hover,
.fg a.prev,
.fg a.next,
.fg a.prev:hover,
.fg a.next:hover {
display:inline-block;
width:12px;
height:12px;
padding:0;
margin:2px 2px 0 2px;
text-decoration:none;
outline:none;
background-image:url(nav.png);
background-repeat:no-repeat;
background-position:0 0;
}

.fg a.paginate,
.fg a.current-paginate, 
.fg a.paginate:hover {width:8px;height:8px;margin:2px 3px;}

.fg a.current-paginate, 
.fg a.paginate:hover {background-position:0 -8px;}

.fg a.next {background-position:0 -16px;}
.fg a.prev {background-position:0 -28px;}
.fg a.next:hover {background-position:0 -40px;}
.fg a.prev:hover {background-position:0 -52px;}





div.gallery-switch { font-size: 0; width: 16%; float: left; }

div.gallery-switch a { display: block; float: left; width: 100%; }

div.gallery-switch img, div.gallery-base img { max-width: 100%; }



div.gallery-base { margin-left: 20%; width: 70%; position: relative; }

div.gallery-base figure {

position: absolute; opacity: 0;

padding-top: 2em;

transition: .5s opacity linear;

width: 100%; color: #fff; }

div.gallery-base figure:target { opacity: 1; }



div.gallery  {

     float: left;
    width: 25%;
    height: 25%;
    position: relative;
    border: 1px solid #333;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition-property: width, height; /* we specify, what properties we need to change*/
    -webkit-transition-duration: 300ms; /* we specify, with what speed it is necessary to return an image in its initial look*/
    -moz-transition-property: width, height;
    -moz-transition-duration: 300ms;
    -o-transition-property: width, height;
    -o-transition-duration: 300ms;
    position: absolute;
    opacity: 0.3; /* add opacity*/
    cursor: pointer;
	    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "Studio.com";
    color: #eaeaea;
    font-family: "Trebuchet MS";
    font-size: 16px;
    opacity: 0.5;
	
	    width: 250%; /* we increased an image to this size */
    height: 250%;
    position: absolute;
    opacity: 1; /* transparency is not needed */
    z-index: 1; /* for a photo to enlarge over all images */
    -moz-box-shadow: 0 0 15px 2px #000;
    -webkit-box-shadow: 0 0 15px 2px #000;
    box-shadow: 0 0 15px 2px #000; /* we add some beauty */
    -webkit-transition-property: width, height; /* we decrease the image */
    -webkit-transition-duration: 2s; /* we specify, with what speed it is necessary to increase an image */
    -webkit-transition-delay: 0.3s; /* as a browser will process it, before enlarging a photo */
    -moz-transition-property: width, height;
    -moz-transition-duration: 2s;
    -moz-transition-delay: 0.3s;
	
    -o-transition-property:width, height;
    -o-transition-duration: 2s;
    -o-transition-delay: 0.3s;
    cursor: default;

}











div, li, a, span, b, em, p, h1, h2, h3, h4, dt, dl, dd, ul, ol, abbr {
	font-family:arial, helvetica, verdana, sans-serif;
	font-size:14px;
	line-height:18px;
}

body {
	background:#6C4A22;
}

div.container_24 {
	margin-top:20px;
	background:#fff;
	margin-bottom:20px;
}



p {
	margin-bottom:10px;
}

a {
	color:#317499;
}

div.header {
	margin-top:5px;
	background:#bfd1db;
}

div.vid {
	height:46px;
	padding:20px;
	margin-left:20px;
	margin-top:20px;
	margin-right:20px;
	padding-right:20px;
}




div.header ul.menu {
	height:46px;
	padding:0px;
	margin:0px;
	padding-right:5px;
}

div.header ul.menu li {
	display:block;
	float:right;

	height:41px;

	padding:0px;
	margin:5px 0px 0px 1px;
}
div.header a.logo {
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
	display:block;
	float:left;
	margin-left:10px;
	line-height:24px;
	color:#fff;
	text-decoration:none;
}
div.header ul.menu li a {
	display:block;
	float:left;

	height:41px;
	line-height:41px;

	padding:0px 6px;

	font-size:14px;
	font-weight:bold;
	color:#317499;
	text-decoration:none;
}
div.header ul.menu li.active a:hover,
div.header ul.menu li.active a {
	background-color:#317499;
	color:#fff;

}
div.header ul.menu li a:hover {
	background-color:#477d9d;
	color:#fff;
}

div.footer {
	background:#bfd1db;
	margin-bottom:5px;
	padding:10px 0px;
}
div.footer ul {
	height:24px;
	margin:0px 0px 0px 10px;
	padding:0px;
}
div.footer ul li {
	height:24px;
	display:block;
	float:left;
	padding-right:10px;
}
div.footer ul li a {
	height:24px;
	display:block;
	float:left;
	line-height:24px;
	color:#317499;
	font-weight:bold;
	text-decoration:none;
}
div.footer ul li a:hover {
	text-decoration:underline;
}

div.footer p {
	color:#317499;
	margin:0px 0px 0px 10px;

}
















div.sidebar ul {
	padding:0px;
	margin:0px 0px 10px 0px;
}
div.sidebar ul li {
	height:20px;
	line-height:20px;
	padding:0px;
	margin:0px 0px 2px 0px;
}
div.sidebar ul li a {
	height:20px;
	line-height:20px;
	font-weight:bold;
	font-size:13px;
	color:#fff;
}

div.section  {
	padding:10px;
}


p.tagline {
	font-size:32px;
	line-height:30px;
	font-style:italic;
	font-family:georgia,times,'times new roman',serif;
}
p.tagline2 {
	font-size:36px;
	line-height:36px;
	font-style:italic;
	font-family:georgia,times,'times new roman',serif;
}


p.quickcontact {
	line-height:30px;
	border-top:1px dotted #4b95c2;
	padding-top:20px;
	margin-top:10px;
	margin-right:10px;
	margin-left:5px;
}
p.quickcontact a {
	text-decoration:none;
}
p.quickcontact span a.phone-num,
p.quickcontact span {
	font-size:34px;
	font-weight:bold;
}
p.quickcontact span a.phone-num {
	text-decoration:none;
}

.bold {
	font-size:14px;
	font-weight:bold;
	color:#000;
line-height:28px;
}
.bold2 {
	font-size:16px;
	font-weight:bold;
text-indent:28px;

	color:#317499;
}
.boldcenter{
	font-size:14px;
	font-weight:bold;
text-align:center;

	color:#317499;
}
.boldborder{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	border: 1px dotted #317499;
}


div.tagline {
	background:url(../images/tagline-bg.png) left top repeat-x #1d77aa;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:30px;

}
div.tagline p,
div.tagline p a,
div.tagline p span {
	color:#fff;
}

div.tagline img {
	border:5px solid #fff;
	padding-right: -5px;
}



























div.tagline p a.button {
	display:block;
	float:left;
	height:24px;
	width:92px;
	margin-right:10px;
	background:url(../images/buttons-contact-us.png) left top no-repeat;
	overflow:hidden;
}
div.tagline p a.button:hover {
	background-position:left -24px;
}
div.tagline p a.button span {
	padding-left:92px;
	display:block;
	float:left;
}

.name {
	margin-right:55px;
	padding-left:10px;
	padding-top:10px;
	font-weight:bold;
	font-size:25px;
	color:#fff;
}


.right {
	float:right;
}
.left {
	float:left;
}

div.img {
	border:5px solid #66451F;
	background:#f8f0de;
}

div.img p {
	background:#f8f0de;
	font-size:12px;
	font-style:italic;
	text-align:center;
	padding:3px;
	margin:0px;
}

div.img.right {
	margin-left:20px;
	margin-bottom:20px;
}

h1 {
	font-size:36px;
	line-height:36px;
	margin-bottom:10px;
	color:#418c00;
	font-weight:normal;
	letter-spacing:-1px;
}

h2 {
	font-size:28px;
	line-height:28px;
	margin-bottom:20px;
	color:#418c00;
	font-weight:normal;
	letter-spacing:-1px;
}






p {
	margin-bottom:15px;
	font-size:14px;

}
ul, ol {
	margin-left:30px;
	margin-bottom:15px;

}

ol {
	list-style:decimal;
}

ul {
	list-style:square;
}
ol li,
ul li {
	font-size:14px;
	line-height:18px;
}

p.coupon b {
	display:block;
	font-size:20px;
	font-style:normal;
	margin-bottom:10px;
}



h3 {
	font-size:22px;
	line-height:24px;
	color:#166596;
	font-style:italic;
	margin-bottom:20px;
}
h4 {
	font-size:16px;
	line-height:18px;
	color:#fff;
	font-style:normal;
	margin-bottom:20px;
}


p.coupon {
	padding:10px;
	font-style:italic;
	font-size:12px;
	width:260px;
	border:2px dashed #000;
}

.zoom_img img{
margin:5px;
height:110px;
width:135px;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 2px solid #154996;
-moz-transition:-moz-transform 0.5s ease-in; 
-webkit-transition:-webkit-transform 0.5s ease-in; font-size: 40px;
-o-transition:-o-transform 0.5s ease-in;

}
.zoom_img img:hover{
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 2px solid #154996;
-moz-transform:scale(4); 
-webkit-transform:scale(4);
-o-transform:scale(12);

}

.zoom_img2 img{
margin:5px;
height:110px;
width:135px;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 2px solid #154996;
-moz-transition:-moz-transform 0.5s ease-in; 
-webkit-transition:-webkit-transform 0.5s ease-in; font-size: 40px;
-o-transition:-o-transform 0.5s ease-in;

}
.zoom_img2 img:hover{
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 2px solid #154996;
-moz-transform:scale(2); 
-webkit-transform:scale(2);
-o-transform:scale(12);

}










a[title="My site"] {
        color: red;
    font-size: 40px;
}

.my_class[anything="whatever"] {
        color: green;
   font-size: 40px;
}
.gtitle { color: #000999; font: 36px arial, sans-serif; font-weight: bold; } 



    ul.enlarge{
    list-style-type:none; /*remove the bullet point*/
    margin-left:0;
    }
    ul.enlarge li{
    display:inline-block; /*places the images in a line*/
    position: relative;
    z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
    margin:10px 40px 0 20px;
    }
    ul.enlarge img{
    background-color:#eae9d4;
    padding: 6px;
    -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }
    ul.enlarge span{
    position:absolute;
    left: -9999px;
    background-color:#eae9d4;
    padding: 10px;
    font-family: 'Droid Sans', sans-serif;
    font-size:.9em;
    text-align: center;
    color: #151515;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
    -moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
    box-shadow: 0 0 20px rgba(0,0,0, .75);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius:8px;
    }
    ul.enlarge li:hover{
    z-index: 50;
    cursor:pointer;
    }
    ul.enlarge span img{
    padding:2px;
    background:#ccc;
    }
    ul.enlarge li:hover span{
    top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image 495a62*/
    left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
    }
    ul.enlarge li:hover:nth-child(2) span{
    left: -100px;
    }
    ul.enlarge li:hover:nth-child(3) span{
    left: -200px;
    }
    /**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
    ul.enlarge img, ul.enlarge span{
    behavior: url(pie/PIE.htc);
    }