@charset "UTF-8";

html{height:100%;margin:0;padding:0;}
body {font-family: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif; background-color:#282829; font-size:11px;color:#ffffff; height:100%; padding:0; margin: 0px auto 0px auto;}
body.body-boxed {font-family: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif; background-color:#ecedee; font-size:11px;color:#706f73; height:100%; padding:0; margin: 0px auto 0px auto;}

h1{ margin:0px 0px 0px 0px; padding:0px; font-size:28px; color:#f1f1f1; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif; font-weight: 200;}
h2{ margin:0px 0px 0px 0px; padding:0px; font-size:20px; color:#ffffff; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif; font-weight: 200;}
h3{ margin:0px 0px 0px 0px; padding:0px; font-size:14px; color:#f7a700; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif; font-weight: 400;}
h4{ margin:0px 0px 0px 0px; padding:0px; font-size:40px; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif; font-weight: 200;}
h5{ margin:0px 0px 8px 0px; padding:0px; font-size:14px; color:#ffffff; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif; font-weight: 300;}

a { text-decoration: none;color:#717174; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
a:hover {text-decoration: none; color:#000000;}
a.focus, a.active { outline:0; border:none;}

.yellow{color:#f7a700}
.white{color:#ffffff}
.grey{color:#bbbdc0}
.darkgrey{color:#706f73}
.s12{font-size:12px;}
.s13{font-size:13px;}
.s14{font-size:14px;}
.clear{ clear:both; overflow:hidden; height:0px;}
.upper{ text-transform:uppercase}
.lhtitle{ line-height:22px; margin-bottom:4px;}

/* ---enter----- */
#enterleft{ text-decoration:none; height:791px; width:705px; float:left; border-right:2px solid #ffffff; background-image:url(media/enter-left.jpg); font-weight:200 }
#enterright{ text-decoration:none; height:791px; width:373px; float:left; background-image:url(media/enter-right.jpg); font-weight:200 }
#enterleft a, #enterright a{ background-color:rgb(30,30,30); background-color:rgba(0,0,0,.8); display:block; text-align:center; color:#ffffff;
-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; font-size:20px;}
#enterleft a{height:570px; width:705px; padding-top:221px; font-weight:200}
#enterright a{height:589px; width:373px; padding-top:202px; font-weight:200}
#enterleft a:hover, #enterright a:hover{ background-color:rgb(30,30,30); background-color:rgba(0,0,0,.1); display:block; font-weight:200}
.entergo{ font-size:18px; background:url(media/arrow-go.png) right 2px no-repeat; padding-right:30px; display:inline-block; height:20px; font-weight:200}

/* --header---- */
#headercontainer {width:100%; clear:both;margin: 0px auto;padding:0px; background-color:#4c4d4f; position:fixed; top:0px; z-index:900}
#header { width:1080px; height:70px;  margin: 0px auto; color:#9d9ea1; font-size:11px; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif; font-weight: 400;}
#headleft {float:left; width:161px; text-align:left; margin-top:20px;}
#headright {float:right; width:90px; text-align:right; color:#f7a700; font-size:11px;font-weight: 400; height:70px;}
#header a { text-decoration: none;color:#ffffff;}
#header a:hover {text-decoration: none; color:#9b9d9f;}
a.visit{ width: 90px; height:20px; text-align:center; padding-top:2px;display:block; background-color:#f7a700; float:right;}

/* --BOXEDheader---- */
#boxedheadercontainer {width:100%; clear:both;margin: 0px auto;padding:0px; background-color:#ffffff; position:fixed; top:0px; z-index:900}
#boxedheader { width:1080px; height:70px;  margin: 0px 0px; color:#9d9ea1; font-size:11px; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif; font-weight: 400;}
#boxedheadleft {float:left; width:161px; text-align:left; margin-top:11px; }
#boxedheadright {float:right; width:90px; text-align:right; color:#f7a700; font-size:11px;line-height:12px;font-weight: 400; height:70px; }
#boxedheader a { text-decoration: none;color:#ffffff;}
#boxedheader a:hover {text-decoration: none; color:#9b9d9f;}
a.boxedvisit{ width: 90px; height:20px; text-align:center; padding-top:2px;display:block; background-color:#f7a700; float:right;}

/* ---nav--- */
#nav{width:729px;float:left;text-align:left; margin-top:22px; }
ul#nav { list-style:none;}
#nav li{ float:left;}
#nav a { float:left; margin:0px 8px 0px 8px; color:#9b9d9f; font-weight: bold;}
#nav a:hover {color:#ffffff}
#nav a.selected { float:left; margin:0px 8px 0px 8px; color:#ffffff;}

#subnavcontainer {width:100%; clear:both;margin: 0px auto;padding:0px; background-color:#333334; height:30px; position:fixed; top:70px; z-index:1000 }
#subnav{width:518px;text-align:left;margin: 0px auto; padding-left:57px;padding-top: 8px; color:#9d9ea1; }
ul#subnav  { list-style:none;}
#subnav li{ float:left;}
#subnav a { float:left; margin:0px 8px 0px 8px; color:#9b9d9f; font-size:11px; font-weight: bold;}
#subnav a:hover {color:#f7a700}
#subnav a.sub-selected { float:left; margin:0px 8px 0px 8px; color:#f7a700;}

/* ---BOXEDnav--- */
#boxednav{min-width:350px;float:left;text-align:left; margin-top:22px; }
ul#boxednav { list-style:none;}
#boxednav li{ float:left;}
#boxednav a { float:left; margin:0px 8px 0px 8px; color:#4c4d4f; font-weight: bold;}
#boxednav a:hover {color:#f7a700}
#boxednav a.selected { float:left; margin:0px 8px 0px 8px; color:#f7a700;}

#boxedsubnavcontainer {width:100%; clear:both;margin: 0px auto;padding:0px; background-color:#bbbdc0; height:30px; position:fixed; top:70px; z-index:900}
#boxedsubnav{width:518px;text-align:left;margin: 0px auto; padding-left:56px;padding-top: 8px; }
ul#boxedsubnav  { list-style:none;}
#boxedsubnav li{ float:left;}
#boxedsubnav a { float:left; margin:0px 10px 0px 10px; color:#4c4d4f; font-size:11px; font-weight: bold;}
#boxedsubnav a:hover {color:#ffffff}
#boxedsubnav a.sub-selected { float:left; margin:0px 10px 0px 10px; color:#ffffff;}

/* ---footer--- */
#footercontainer {width:100%; clear:both;margin: 0px auto;padding:0px; background-color:#4c4d4f; position:fixed; bottom:0px; z-index:500}
#footer{ width:1080px; height:35px; margin: 0px auto;font-size:11px;color:#a7a9ab; text-align:left; z-index:500;padding-top:5px; }
#footer a{color:#a7a9ab; text-decoration:none}
#footer a:hover{color:#ffffff; text-decoration:none}
#footleft {float:left; width:780px; text-align:left; color:#a7a9ab; margin-top:10px;}
#footmid {float:left; width:780px; text-align:left; color:#a7a9ab; font-weight: 400; }
#footright {float:right; width:300px; text-align:right; color:#f7a700;font-size:11px;font-weight: 400;  padding-top:10px; }
a.facebook { background:url(media/facebook.png) 0px 0px no-repeat; height:26px; width:31px; float:left; display:block}
a.linkedin { background:url(media/linkedin.png) 0px 0px no-repeat; height:26px; width:42px;float:left; display:block}
a.pinterest { background:url(media/pinterest.png)0px 0px no-repeat; height:26px; width:31px;float:left; display:block}
a.facebook:hover,  a.linkedin:hover, a.pinterest:hover { background-position:0px -26px; }

/* ---boxedfooter--- */
#boxedfootercontainer {width:100%; clear:both;margin: 0px auto;padding:0px; background-color:#ffffff; position:fixed; bottom:0px; z-index:500}
#boxedfooter{ width:1080px; height:35px;  margin: 0px auto;font-size:11px;color:#808284; text-align:left; z-index:500; padding-top:5px;}
#boxedfooter a{color:#808284; text-decoration:none}
#boxedfooter a:hover{color:#a7a9ab; text-decoration:none}
#boxedfootleft {float:left; width:780px; text-align:left; color:#808284; margin-top:5px;}
#boxedfootsocial {float:left; width:120px; }
#boxedfootmid {float:left; width:660px; text-align:left; color:#808284; margin-top:5px;font-weight: 400; }
#boxedfootright {float:right; width:300px; text-align:right; color:#f7a700;font-size:11px;font-weight: 400; padding-top:10px; }
a.boxedfacebook { background:url(media/boxedfacebook.png) 0px 0px no-repeat; height:26px; width:31px; float:left; display:block}
a.boxedlinkedin { background:url(media/boxedlinkedin.png) 0px 0px no-repeat; height:26px; width:42px;float:left; display:block}
a.boxedpinterest { background:url(media/boxedpinterest.png)0px 0px no-repeat; height:26px; width:31px;float:left; display:block}
a.boxedfacebook:hover,  a.boxedlinkedin:hover, a.boxedpinterest:hover { background-position:0px -26px; }
.tc{ color:#706f73; width:1080px;margin: 0px auto 20px auto;}
.tcbx66{ color:#ffffff; width:1080px;margin: 0px auto 20px auto;}
#mainentercontainer {width:1080px; clear:both; margin: 0px auto 0px auto; padding:0px;}
#maincontainer {width:1080px; clear:both; margin: 70px auto 70px auto; padding:0px; }
#mainportcontainer {width:1080px; clear:both;margin: 100px auto 70px auto; padding:0px;}
#main{width:1080px; margin: 0px 0px 0px 0px; color:#ffffff;font-family: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;}

a.about{ margin:0px 0px 0px 0px; padding:0px; font-size:40px; color:#a7a9ab; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif; font-weight: 200; line-height:39px;}
a.about:hover{ margin:0px 0px 0px 0px; padding:0px; font-size:40px; color:#f7a700; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif; font-weight: 200;}
.bg-tint {background-color:rgb(30,30,30); background-color:rgba(0,0,0,.8); width:1080px; height:708px; display:block; }
.bg-about {background-image:url(media/about-bg.jpg); width:1080px; height:708px; display:block; }
.txt-about {width:630px; /*height:658px;*/ display:block; padding-top:58px; }
.txt-aboutboxed {width:1080px; /*height:600px;*/ display:block; padding-top:88px; color:#4c4d4f; font-size:14px; }
.txt-aboutboxed h1{ margin:0px 0px 10px 0px; padding:0px; font-size:28px; color:#4c4d4f; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif; font-weight: 500; line-height:30px;}

/* ---contact----- */
.contact {width:1080px; display:block; padding:58px 0px 20px 0px; background-color:#282829 }
.col1{width:613px; float:left; margin-right:182px; color:#bbbdc0}
.col2{width:285px; float:left; line-height:15px; color:#bbbdc0}
#map{ width:613px; height:418px}
.dots{ background-image:url(media/dots.png); background-repeat: repeat-x; clear:both; height:8px; margin-bottom:7px; margin-top:8px; }
.dots-marg{ background-image:url(media/dots.png); background-repeat: repeat-x; clear:both; height:8px; margin-bottom:12px; margin-top:5px; }

.fakeinput {height:20px; width:278px; background-color:transparent; overflow:hidden;border:solid 1px #bbbdc0; padding-left: 3px; display:block; margin-bottom:25px; display:block}
input {height:20px; width:258px; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;background-color:transparent; border:none; display:block; color:#bbbdc0; font-size:12px; float:left}

#formSubmit {color:#f7a700; text-decoration:none; height:20px; width:17px; border: none; cursor:pointer; overflow:hidden; background-color:transparent; background-image:url(media/submit.png); background-repeat:no-repeat; background-position:0px 1px; float:left; font-size:0px; text-indent:-5000px}
#formSubmit:Hover {background-color:transparent; background-position:0px -19px;}
.warn{color:#990000;}

/* ---boxedcontact----- */
.contact-boxed {width:1080px; /*height:658px;*/ display:block; padding:58px 0px 20px 0px; background-color:#ecedee }
.boxedcol1{width:613px; float:left; margin-right:182px;}
.boxedcol2{width:285px; float:left; line-height:15px; color:#706f73}
.dots2{ background-image:url(media/dots2.png); background-repeat: repeat-x; clear:both; height:8px; margin-bottom:7px; margin-top:8px; }
.dots2-marg{ background-image:url(media/dots2.png); background-repeat: repeat-x; clear:both; height:8px; margin-bottom:12px; margin-top:5px; }
.contact-boxed h1{ margin:0px 0px 0px 0px; padding:0px; font-size:28px; color:#f7a700; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif; font-weight: 200;}

.boxedfakeinput {height:20px; width:278px; background-color:transparent; overflow:hidden;border:solid 1px #706f73; padding-left: 3px; display:block; margin-bottom:25px; display:block}
.contact-boxed input {height:20px; width:258px; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;background-color:transparent; border:none; display:block; color:#706f73; font-size:12px; float:left}

#formSubmit {color:#f7a700; text-decoration:none; height:20px; width:17px; border: none; cursor:pointer; overflow:hidden; background-color:transparent; background-image:url(media/submit.png); background-repeat:no-repeat; background-position:0px 1px; float:left; font-size:0px; text-indent:-5000px}
#formSubmit:Hover {background-color:transparent; background-position:0px -19px;}
.warn{color:#990000;}

/* -------- */
sup{ vertical-align:baseline; position:relative; bottom:0.3em; font-size:12px}
.privacy {width:980px;padding:150px 0px 0px 0px; font-size:10px;}
#boxedprivacy {width:980px;margin: 90px auto 70px auto; font-size:10px; color:#000000}

/* ---press----- */
.press1{width:613px; float:left; margin-right:147px; color:#bbbdc0}
.press2{width:317px; float:left; line-height:15px; color:#bbbdc0}
.press2 img { margin-bottom:15px;}
a.pressthumb { width:183px; height:142px; margin-right:16px; margin-bottom:32px; display:block; float:left; background-repeat: no-repeat; }
a.pressthumb { background-position: 0px 0px;}
a.pressthumb:hover, a.pressthumb-active { background-position: 0px -142px;}
a.pressthumb.nomarg{ margin-right:0px;}

/* ---portfolio----- */
/* 4 sections -----
.section{width:269px; height:673px;float:left; text-align:center; border-right:#fff solid 1px; text-decoration:none; display:block; background-position: top center;}
.section a{ width:269px; height:478px; padding-top:195px; background-color:rgb(30,30,30); background-color:rgba(0,0,0,.8); display:block; text-align:center; color:#ffffff; float:left; border-right:#fff solid 1px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; font-size:28px;font-weight:200;}
.sectionend{width:269px; height:673px;float:left; text-align:center; border-right:transparent; text-decoration:none; display:block; background-position: top center}
.sectionend a{ width:269px; height:478px; padding-top:195px; background-color:rgb(30,30,30); background-color:rgba(0,0,0,.8); display:block; text-align:center; color:#ffffff; float:left; border-right:transparent; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; font-size:28px;font-weight:200; }
*/


/* 3 sections*/
.section{width:359px; height:898px;float:left; text-align:center; border-right:#fff solid 1px; text-decoration:none; display:block; background-position: top center;}

.section a{ width:359px; height:603px; padding-top:295px; background-color:rgb(30,30,30); background-color:rgba(0,0,0,.8); display:block; text-align:center; color:#ffffff; float:left; border-right:#fff solid 1px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; font-size:28px;font-weight:200;}

.sectionend{width:359px; height:898px;float:left; text-align:center; border-right:transparent; text-decoration:none; display:block; background-position: top center}

.sectionend a{ width:359px; height:603px; padding-top:295px; background-color:rgb(30,30,30); background-color:rgba(0,0,0,.8); display:block; text-align:center; color:#ffffff; float:left; border-right:transparent; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; font-size:28px;font-weight:200; }

.section a:hover, .sectionend a:hover{ background-color:rgb(30,30,30); background-color:rgba(0,0,0,.1); display:block; }

/* ---portfolio subsections----- */
.subsection{width:359px; height:673px;float:left; text-align:center; border-right:#fff solid 1px; text-decoration:none; display:block; background-position: top center;}

.subsection a{ width:359px; height:351px; padding-top:322px; background-color:rgb(30,30,30); background-color:rgba(0,0,0,.8); display:block; text-align:center; color:#ffffff; float:left; border-right:#fff solid 1px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; font-size:40px;font-weight:200;}

.subsectionend{width:359px; height:673px;float:left; text-align:center; border-right:transparent; text-decoration:none; display:block; background-position: top center}

.subsectionend a{ width:359px; height:351px; padding-top:322px; background-color:rgb(30,30,30); background-color:rgba(0,0,0,.8); display:block; text-align:center; color:#ffffff; float:left; border-right:transparent; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; font-size:40px;font-weight:200; }

.subsection a:hover, .subsectionend a:hover{ background-color:rgb(30,30,30); background-color:rgba(0,0,0,.1); display:block; }

#overtitle { position:absolute; top:320px; text-align:center; width:359px; margin-left:359px; font-size:20px; font-weight:200; }
.thick-title{ font-size:40px; font-weight:400;}

/* ---collections----- */
.boxedcollection{width:359px; height:673px;float:left; text-align:center; border-right:#fff solid 1px; text-decoration:none; display:block; background-position: top center;}

.boxedcollection a{ width:359px; height:351px; padding-top:322px; background-color:rgb(30,30,30); background-color:rgba(0,0,0,.8); display:block; text-align:center; color:#f7a700; float:left; border-right:#fff solid 1px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; font-size:24px;font-weight:200;}

.boxedcollectionend{width:359px; height:673px;float:left; text-align:center; border-right:transparent; text-decoration:none; display:block; background-position: top center}

.boxedcollectionend a{ width:359px; height:351px; padding-top:322px; background-color:rgb(30,30,30); background-color:rgba(0,0,0,.8); display:block; text-align:center; color:#f7a700; float:left; border-right:transparent; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; font-size:24px;font-weight:200; }

.boxedcollection a:hover, .boxedcollectionend a:hover{ background-color:rgb(30,30,30); background-color:rgba(0,0,0,.1); display:block; }


/* ---collections----- */
a.collection-col, a.collection-colend{width:339px; height:194px;float:left; text-align:center;text-decoration:none; display:block; background-position: top center; padding-left:20px; padding-top:274px;}
a.collection-col{border-right:#fff solid 1px;}
a.collection-colend{border-right:transparent;}
.coll-l{width:/*610*/580px; float:left; margin-right:85px; color:#706f73}
.coll-r{width:315px; float:left; margin-right:0px; color:#706f73}
.coll-l2{width:630px; float:left; margin-right:105px; color:#706f73}
.coll-r2{width:335px; float:left; margin-right:0px; color:#706f73; text-align:right}
.greybox { width:139px; height:160px; padding:17px 25px 0px 13px; background:url(media/greytransparent.png) repeat; text-align:left; color:#fff; font-size:9px; line-height:15px; position:relative; display:block}
.greybox:hover { background-color:#5b5a5d;}

.coll-name { text-align:left; color:#f7a700; font-size:20px; line-height:21px; position:absolute; bottom:10px;}
.collection-slide{ width:1080px; display:block; height:708px;  }
#leftbox{width:279px; padding:18px; background:url(media/blacktransparent.png) repeat; text-align:left; color:#fff; position:absolute;z-index:100;display:block; top:162px; margin-left:/*50px;*/76px;}
#rightbox{width:546px; position:absolute; top:135px; margin-left:/*383px;*/413px; z-index:500}
#rightbox-inner{width:546px; padding:25px 18px 18px 18px; background:url(media/blacktransparent.png) repeat; text-align:left; color:#fff; margin-top:3px;}

.option-mincol, .option-mincolend{width:170px; float:left;}
.option-mincol{margin-right:12px;}
.option-mincolend{margin-right:0px;}
.tab1{width:23px; float:left; font-size:10px;}
.tab2{width:147px; float:left;font-size:10px; margin-bottom:3px;}
.footnote{text-align: right; font-size:10px;}
.title{color:#f7a700;font-size:20px;font-weight:400; display:block }
#leftbox a{ color:#f7a700; font-weight:bold }
#leftbox a:hover{ color:#ffffff }
#rightbox a{ color:#ffffff; font-weight:bold }
#rightbox a:hover, #rightbox a.selected{ color:#f7a700 }

.symbol{ width:24px; height:24px; background-image:url(media/open-close.png); background-repeat: no-repeat; overflow:hidden; position:absolute; z-index:200; top:135px; margin-left:/*50px;*/76px; display:block; color:transparent; text-indent:-9000px; }
.symbol-on{ background-position: 0px -24px;}
.symbol-off{ background-position: 0px 0px;}

/* ---project slides----- */
.placeholder{ width:1080px; display:block; height:683px;  }
.placeholder2{ width:1080px; display:block; height:708px;  }
.project-slide{ width:1080px; display:block; height:683px;  }
.slide-tint {background-color:rgb(30,30,30); background-color:rgba(0,0,0,.8); width:620px; height:523px; display:block; text-align:left; padding:160px 245px 0px 215px; overflow:hidden; font-size:15px;font-weight:200;}
.slide-untint {background-color:rgb(30,30,30); background-color:rgba(0,0,0,0); width:1080px; height:683px; display:block; }
.big-title{ font-size:26px; font-weight:200; display:block; margin-bottom:15px;}

.slide-left {width:723px; height:683px; display:block; float:left; }
.slide-right {width:186px; height:443px; display:block; float:left; border-left: #fff solid 1px; background-color:#57585b; text-align:left; padding:240px 110px 0px 60px; overflow:hidden; font-size:12px;font-weight:200; }

a.previous, a.next{ width:28px; height:28px; position:absolute; top: 442px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; z-index:500}
a.previous{margin-left:30px;}
a.next{ margin-left:1022px;}
a.previous:hover, a.next:hover{ -moz-opacity: 0.4;opacity:.40;filter: alpha(opacity=40);}
/* -------- */

.minicol{width:340px; float:left; margin-right:30px; color:#706f73}
.minicolend{width:340px; float:left; margin-right:0px; color:#706f73}

/* ---downloads----- */
a.downloads { width:275px; height:40px; background:url(media/downloads-icon.png) 0px 0px no-repeat; padding-left:40px; padding-top:10px; display:block; font-weight:bold}
.number{ display:block; font-size:40px; color:#706f73; font-weight:bold }

/* ---blog----- */
.blogcol{width:778px; float:left; margin-right:152px; color:#706f73}
.entry{display:block; margin-bottom:20px;}
.blogarchive{width:150px; float:left; margin-right:0px; color:#706f73}
.blogtxt{width:440px; float:left; margin-right:23px; color:#706f73}
.blogimg{width:315px; float:left;}
.blogarchive a{color:#a9a9ab; font-style:italic;}
.blogarchive a:hover, .blogarchive a.active{color:#706f73; font-style:italic; }

/* ---options----- */
.options {width:1080px; display:block; padding:10px 0px 20px 0px; background-color:#ecedee; color:#706f73; font-weight: 400; font-size:14px }
.options h1{ margin:0px 0px 0px 0px; padding:0px; font-size:28px; color:#f7a700; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif; font-weight: 200;}
.title-option{ display:block; font-size:22px; color:#706f73; font-weight:bold; margin-bottom:4px; }
a.back{ color:#f7a700; font-weight:bold; font-size:12px; display:block; margin-bottom:30px; }
a.back:hover{ color:#706f73; font-weight:bold; font-size:12px; }

#rightbox a.spec-thumb1, #rightbox a.spec-thumb2, #rightbox a.spec-thumb3{ color:#ffffff; font-weight:bold }
#rightbox a.spec-thumb1:hover, #rightbox a.spec-thumb2:hover, #rightbox a.spec-thumb3:hover{ color:#f7a700 }
#rightbox a.spec-thumb1-active, #rightbox a.spec-thumb2-active, #rightbox a.spec-thumb3-active{ color:#f7a700; font-weight:bold }

a.spec-thumb1, a.spec-thumb2, a.spec-thumb3, a.specm-thumb1, a.specm-thumb2, a.specm-thumb3, a.specl-thumb1, a.specl-thumb2, a.specl-thumb3, a.specr-thumb1, a.specr-thumb2, a.specr-thumb3{ color:#706f73; font-weight:bold }
a.specm-thumb1:hover, a.specm-thumb2:hover, a.specm-thumb3:hover, a.specl-thumb1:hover, a.specl-thumb2:hover, a.specl-thumb3:hover, a.specr-thumb1:hover, a.specr-thumb2:hover, a.specr-thumb3:hover{ color:#f7a700 }
a.specm-thumb1-active, a.specm-thumb2-active, a.specm-thumb3-active, a.specl-thumb1-active, a.specl-thumb2-active, a.specl-thumb3-active, a.specr-thumb1-active, a.specr-thumb2-active, a.specr-thumb3-active{ color:#f7a700; font-weight:bold }

.options-details, .options-detailsend{width:152px; height:150px; margin-right:34px; float:left; font-size:13px; text-align:center}
.options-detailsend{margin-right:0px; }
.options-details img, .options-detailsend img{margin-bottom:8px;}

/* ---accessories----- */
.access-thumb, .access-thumbend{width:178px; height:117px;float:left; display:block; background-position: top center; padding-left:10px; padding-top:106px;margin-bottom:35px;}
.access-thumb{margin-right:35px;}
.access-thumbend{margin-right:0px;}
a.access-grey { width:98px; height:86px; padding:12px 0px 12px 12px; background:url(media/greytransparent.png) repeat; text-align:left; color:#fff; font-size:10px; line-height:15px; position:relative; display:block}
a.access-grey:hover { background-color:#5b5a5d;}
.access-name { text-align:left; color:#f7a700; font-size:14px; position:absolute; bottom:10px;}

.access-col, .access-colend{width:255px; height:/*401*/450px;float:left; text-align:left;text-decoration:none; display:block; background-position: top center; padding: 33px 52px;font-size:12px;}
.access-col{border-right:#fff solid 1px;}
.access-colend{border-right:transparent;}
.tab3{width:23px; float:left;}
.tab4{width:232px; float:left; margin-bottom:3px;}
.cat-name { text-align:left; color:#f7a700; font-size:20px; display:block; font-weight:bold; margin-bottom:4px;}
a.gocolour{ color:#f7a700; font-weight:bold; font-size:20px; display:block; }
a.gocolour:hover{ color:#706f73; }

.collecplus{ display:block; position:absolute; top:690px; width:255px;}

/* ---accessories colours----- */
.row-single{height:226px; display:block; width:980px; margin-bottom:10px;}
.row-tall{height:344px; display:block; width:980px; margin-bottom:10px;}
.multi{height:226px; display:block; width:188px; float:left; margin-right:10px}
.multiend{height:226px; display:block; width:188px; float:left; margin-right:0px}

.pic-single, .pic-singleend {width:188px; display:block; float:left; overflow:hidden;}
.pic-double, .pic-doubleend {width:386px; display:block; float:left; overflow:hidden;}
.pic-single, .pic-double  {margin-right:10px;}
.pic-singleend, .pic-doubleend {margin-right:0px;}

.pic-half, .pic-halfend {width:188px; height:108px; display:block; overflow:hidden; }
.pic-half, .btm  {margin-bottom:10px;}
.pic-halfend  {margin-bottom:0px;}

.jcarousel-skin-tango,
.jcarousel-skin-tango li { list-style:none; margin:0px; }

.intro{ width:630px;}


@media screen and (max-width: 980px)  { 
#maincontainer {width:100%; clear:both; margin: 80px 0px 70px 3px; padding:0px; }
#mainportcontainer {width:100%; clear:both;margin: 106px 0px 70px 3px; padding:0px;}

#footercontainer, #boxedfootercontainer {position:fixed; bottom:0px; }
a.greybox { line-height:12px;}
#leftbox{width:279px; padding:18px; background:url(media/blacktransparent.png) repeat; text-align:left; color:#fff; position:absolute;z-index:100;display:block; top:202px; margin-left:/*50px;*/76px;}
#rightbox{width:546px; position:absolute; top:175px; margin-left:/*383px;*/413px; z-index:500}
.symbol{ width:24px; height:24px; background-image:url(media/open-close.png); background-repeat: no-repeat; overflow:hidden; position:absolute; z-index:200; top:175px; margin-left:/*50px;*/76px; display:block; color:transparent; text-indent:-9000px;}
.tc{ color:#706f73; margin: 70px auto 20px auto; display:block}

 }