/*Key styles for: White Archiecture*/
/*Website designed and developed by Mojito Solutions, Katrina Youngman */
/*Last updated: Joanne Walter, 7 Janauray 2010*/

/*Reset Styles*/
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;
   
  }
  
body {font-size: 62.5%; color: #fff; font-family: Arial, Helvetica, sans-serif; background: #000;}
img, div { behavior: url(iepngfix.htc) }

/*Container Styles*/
#wrapper {margin-left: auto; margin-right: auto; width: 960px; margin-top: 80px; margin-bottom: 50px;}
#logo{width: 181px; float: right; margin-top: -4px;}
#content {width: 960px; overflow: hidden; clear: both; position: relative;}
#content .col {position: relative; float: left;}
#col1 {width: 280px; padding: 50px 30px 0px 30px;}
#col2 {width: 620px;}

#footer{clear: both; text-align: right; margin-top: 20px;}

/*Link Styles*/
a {color: #beddef; text-decoration: none; border-bottom: 1px dotted #fff;}
a:link{color: #beddef;}
a:visited {color: #beddef;}
a:hover {color: #fff; border-bottom: 1px dotted #beddef;}

#footer a{color: #77787b; border-bottom: 1px solid #999;}
#footer a:hover{color: #fff; border-bottom: 1px solid #e41e26;}

/*Paragraph Styles*/
h1 {font-size: 2.1em; color: #fff; font-weight: bold; font-family: "swiss"; padding-bottom: 5px}
h2 {font-size: 1.9em; color: #eee; font-weight: bold; font-family: "swiss"; padding-bottom: 5px;}
h3 {font-size: 1.7em; color: #eee; font-weight: bold; font-family: "swiss"; padding-bottom: 3px;}
h4 {font-size: 1.5em; color: #eee; font-weight: bold; font-family: "swiss"; padding-bottom: 3px;}
p {font-size: 1.1em; margin-bottom: 15px; line-height: 1.3em;}
#footer p{color: #77787b; font-size: 1.1em;}
#col1 p{text-align: justify;}

/*Table Styles*/
table {background: #333; border: 1px solid #231f20; margin-bottom: 10px;}
table td{ padding: 5px; background: #333; color: #fff; border: 1px solid #231f20; font-size: 12px;}

/*List Styles*/
#content ul, #content ol {font-size: 11px; margin-left: 30px; padding-bottom: 10px;}
#content ul li, #content ol li {padding-bottom: 1px;}

/*Image Styles*/
img {padding: 0;}
img.left {padding: 5px 10px 5px 0;}
img.right{padding: 5px 0 5px 10px;}

/*Class Styles*/
.left {float: left;}
.right{float: right;}
.clear{clear: both;}
.red {color: #e41e26;}

 /* Navigation*/
.menu {position:relative; font-size: 12px; z-index: 100; z-index: 100; font-family: "swiss"; float: left; margin-top: -5px;}

.menu ul {padding-top: 6px;}
html>body .menu ul {padding-top: 8px;}
body:nth-of-type(1) .menu ul{padding-top: 4px;}

.menu ul li {float:left; position:relative; display: block; list-style: none; width: 110px; border-right: 1px solid #fff; text-align: center; }
.menu ul li a, .menu ul li a:visited {margin: 0px; text-decoration: none; color: #fff; text-transform: uppercase; border-bottom: none; padding: 10px;}

.menu ul {margin-left: -27px;}

.menu ul li ul li.first {margin-left: 0;}
.menu ul li ul li.first ul{margin-left: 27px;}
.menu ul li ul li.first {margin-left: 0px;}
.menu ul li ul {margin-left: 27px;}


*html .menu ul li ul li.first ul{margin-left: 31px;}
*html .menu ul li ul {margin-left: 31px;}

html>body .menu ul li ul li.first ul{*margin-left: 28px;}
html>body .menu ul li ul {*margin-left: 28px;}



.menu ul li ul {display: none;}
html>body  .menu {*margin-left: -28px;}
*html .menu {margin-left: -31px;}
.menu table {margin: 0px; border-collapse: collapse; border: 0 !important;}
.menu table td{padding: 0px; border: 0 !important; font-size: 12px; }

.menu ul li.last {border-right: none;}
.menu ul li.current a, .menu ul li a.current{color: #fff; font-weight: bold;}
.menu ul li table ul li.current a{color: #fff; font-weight: bold;}

*html .menu ul li table ul li {border-right: none; text-align: left; display: block; width: 140px; margin-bottom: -16px;}
*html .menu ul li table ul li a:hover {border-bottom: none;}


*html .menu table ul {margin-top: -4px;}

/* specific to non IE browsers */
.menu ul li:hover a,.menu ul li a:hover {color: #fff;}
.menu ul li:hover ul,.menu ul li a:hover ul {display:block; position:absolute; left:0; width:160px;}

*html .menu ul li:hover ul {top: 17px}
*html .menu ul li a:hover ul {top: 17px;}
*html .menu table ul li{margin-top: -5px;}


/*IE7 dropdown*/
html>body .menu ul li:hover ul {*top: 17px}
html>body .menu ul li a:hover ul {*top: 17px;}
html>body .menu table ul li{margin-top: -5px;}


@media all and (min-width: 0px){ .menu ul li:hover ul{top: 21px; } }
@media all and (min-width: 0px){ .menu ul li a:hover ul  {top: 21px ; } }

@-moz-document url-prefix() { .menu ul li:hover ul{top: 24px; }}
@-moz-document url-prefix() {.menu ul li a:hover ul  {top: 24px;  }}

<!--[if gte IE 8]>
.menu ul li:hover ul {top: 21px ; }
.menu ul li a:hover ul  {top: 21px ; }
<![endif]-->


.menu ul li:hover ul li,.menu ul li a:hover ul li {background:none !important; margin-top: -3px;}
.menu ul li:hover ul li{border-right: none; text-align: left;}
.menu ul li:hover ul li ul,.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0;}
.menu ul li:hover ul, .menu ul li a:hover ul {background: #333;}
.menu ul li:hover ul li a,.menu ul li a:hover ul li a {display:block; background: none; color: #fff; height:auto;  width:140px;}

.menu ul li:hover ul li a.drop,.menu ul li a:hover ul li a.drop {background:#c9c9a7 url(drop.gif) bottom right no-repeat;}
.menu ul li:hover ul li a:hover,.menu ul li a:hover ul li a:hover {background: #444; color:#fff; width: 140px;}
.menu ul li:hover ul li:hover ul,.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left: 120px; top: 0; width: 140px;}
.menu ul li:hover ul li:hover ul.left,.menu ul li a:hover ul li a:hover ul.left {left:-140px;}


/*Gallery Page*/
#slide-holder img {margin : 0; display : none; position : absolute;}
#slide-runner {width: 960px; height : 528px; overflow : hidden; }
#project-info {float: right; color: #fff; font-size: 11px; text-transform: uppercase; text-align: right; width: 500px; margin-top: -5px;}
#slide-controls{margin-top: 12px ;}
#vertical-toggle{position: absolute; top: 288px; background: url(images/gallery-bg.png) repeat; width: 300px; z-index: 100; left: 660px; height: 220px; padding: 10px;  behavior: url(iepngfix.htc); display: none; } 

#slide-nav{float: left; height: 24px; display: inline; }
#slide-nav a{padding: 5px 4px; color: #fff; border-bottom: none;}
#slide-nav a:hover{background: #555;}
#slide-nav .current{background: #555;}
#slide-nav a.on {background: #555;}

#toggle-button {cursor: pointer;}
*html #project-info .cufon {margin-top: -13px;}
html>body #project-info .cufon {*margin-top: -13px;}
#project-info .cufon {margin-top: -16px;}


#project-info a{border-bottom: none;}