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


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,
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;
	text-decoration: none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/* FORMS */
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
textarea,  input { padding: .3em 0em .15em; }
fieldset { border: none; }
textarea, input[type='text'], select { border: 1px solid #e5e5e5; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }


/* Tripoli Overrides--------------------------------------*/

p+ul { margin-top: -0.8em }

fieldset { border:none; }


/*end-----------------------------------------------------*/


html { font-size: 62.5%; font-family:Arial, Helvetica, sans-serif; }

body {
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 1.3em; 
	line-height: 1.6em; 
	background:#007ba4 url(../img/circles-bg.gif) center top repeat-x;
	 }


/*Site Text formating--------------------------------------*/

blockquote *:first-child { margin: .8em 0; }
 hr,  p,  ul,  ol,  dl,  pre,  blockquote,  address,  table,  form { margin-bottom: 1.6em;}
 p+p { margin-top: -.8em; }

 h1, h6 { font-size: 2.6em; margin: 0px 0px 9px; line-height:1.6em; }
 h2 { font-size: 1.75em; margin: 0em 0 1.5em; color:#47a0be;  }
 h3 { font-size: 1.4em; margin: 1.14em 0 .57em; color:#47a0be; line-height:1.4em; }
 h4 { font-size: 1.4em; margin:20px 25px; line-height:1.4em; color:#0cf; background:#238eb0; }
 h5 { font-size: 13px; margin: 1.23em 0 1em; color:#0cf; }


h1, h2, h3, h4, h5, h6 {
font-weight:300;
}

h3 span {
text-decoration:underline;
}

/*--------------Site Text formating----------*/

body#home p {
color:#fff;
}

p strong {
font-weight:600;	
}

p em {
font-style:italic;	
}

p.credit {
font-size:11px;
margin:-2em 0 2em;
color:#333;
}

/*div.headertext p { margin: .25em 0em 0em; padding:0; }*/

p.required {
margin:0;
padding:0;
}

.project p {
color:#fff;
padding:0px 20px;
}

.column_right p {
color:#fff;
padding:0px 30px;
}



/*headers*/

h1{
text-align:right;
color:#fff;
}

h6 { margin: 35px 0px 0px; line-height:1.2em; color:#0cf; text-align:right; display:block; }

body#contact div#banner h1, body#philosophy div#banner h1, body#examplesmain div#banner h1{
margin-top:52px;
}

body#examples div#banner h1{
margin-top:87px;
}

body#home h1.title {
text-indent:-99999px;
display:block;
overflow:hidden;
font-size:0.013em;
width:0px;
margin:0;
padding:0;
}

div.column_main h2 {
padding: 0px 90px 0px 45px;
line-height:1.2em;
}


h5.button {
float:left;
display:block;
overflow:hidden;
font-size:13px;
margin:0;
color:#666;
}

 div.column_right h5 {
 padding:0px 30px;
 }

 div.project a.project_link {  border-bottom: 1px solid #58a8c3; padding:0px 20px 20px; display:block; font-size: 13px; margin: 1.23em 0 1em;  }

/*links styles*/
a:link,
a:visited {
color:#0cf;
text-decoration:none;
}

a:hover,
a:active {
color:#8ee4fa;
}



/*Lists---------------------------*/

ul.page_list, ul.page_listalt {
float:left;
width:870px;
border-bottom:1px solid #08bdec;
padding:0px 0px 20px;
margin:0px 0px 45px;
}

ul.page_listalt {
padding:0px;
margin:0px;
border-bottom:none;
}

ul.page_list li, ul.page_listalt li{
display:inline;
float:left;
color:#047ea7;
font-weight:600;
}

ul.page_list li a, ul.page_listalt li a {
color:#047ea7;
}

ul.page_list li.rightlive a:link,
ul.page_list li.rightlive a:visited,
ul.page_listalt li.rightlive a:link,
ul.page_listalt li.rightlive a:visited {
color:#0cf;
}

ul.page_list li a:hover,
ul.page_list li a:active,
ul.page_listalt li a:hover,
ul.page_listalt li a:active {
color:#0cf;
}

ul.page_list li.right,
ul.page_list li.rightlive,
ul.page_listalt li.right,
ul.page_listalt li.rightlive {
float:right;
padding-left:5px;
}

ul.right_menu {
padding:0px;
margin:0;
float:left;
width:395px;
min-height:204px;
}

ul.right_menu li {
float:left;
width:395px;
text-align:right;
font-weight:bold;
}

ul.right_menu li a {
display:block;
overflow:visible;
padding:10px 45px;
width:305px;
}

ul.right_menu li.live a:link,
ul.right_menu li.live a:visited,
ul.right_menu li a:hover {
background:#fff;
color:#92c76f;
}

ul.right_menu li a.gallery:link,
ul.right_menu li a.gallery:visited {
background:#007ba4;
color:#fff;
}

ul.right_menu li a.gallery:hover,
ul.right_menu li a.gallerylive {
background:#fff;
color:#92c76f;
}


ul.thumbnails {
float:left;
padding:0;
margin:0;
}


ul.thumbnails li {
float:left;
padding:0px 20px 17px 0px;
width:104px;
min-height:104px;
}

ul.edu li, ol.edu li {
list-style-type:disc;
list-style-position:outside;
padding-bottom:12px;
margin-left:2em;
}

div.body_text ul li, ol li {
list-style-type:disc;
list-style-position:outside;
padding-bottom:12px;
margin-left:2em;
}
div.headertext ul li, ol li {
list-style-type:disc;
list-style-position:outside;
padding-bottom:12px;
margin-left:2em;
}
ol.edu li {
list-style-type:decimal;
}

ul.sub_menu {
float:left;
width:500px;
padding:134px 0px 0px;
margin:0;

}

ul.sub_menu li {
float:left;
display:inline;
padding:0px;
margin:0;
margin-right:10px;
}

ul.sub_menu li a {
display:block;
padding:7px 20px 8px;
font-weight:600;
}

ul.sub_menu li a:link,
ul.sub_menu li a:visited {
background:#248fb1;
color:#00cdfc;
}

ul.sub_menu li.live a:link,
ul.sub_menu li.live a:visited,
ul.sub_menu li a:hover {
background:#fff;
color:#92c76f;
}

ul.sitemap {
padding:0;
margin:0;
float:left;
margin:20px 0px;
}

ul.sitemap li {
padding-top:15px;
font-size:14px;
}

ul.sitemap li.sub {
padding-top:2px;
font-size:12px;
margin-left:15px;
}

/*misc styles-----------------*/

img.logo {
display:block;
overflow:hidden;
float:left;
padding:23px 30px 23px;
}

img.text_image {
display:block;
overflow:hidden;
float:left;
padding-right:45px;
}

address {
margin:0px 0px 30px;
font-style:normal;
}
address strong{
font-weight:600;
}

.column_right img {
padding:4px 0px 10px;
}

body#article div.column_right img {
padding:4px 0px 0px;
}

table.timeline {
margin:0;
padding:0;
margin-bottom:30px;
}

table.timeline td,
table.timeline th {
border:1px solid #666;
color:#666;
padding:3px 3px 7px 5px;
font-size:12px;
line-height:1.4em;
margin:0;
}

table.timeline th {
font-weight:600;
padding-top:5px;
}

table.timeline td strong {
display:block;
font-weight:600;
padding-bottom:5px;
}

table.timeline td.date,
table.timeline td.who,
table.timeline th.date,
table.timeline th.who  {
width:22%;
border:1px solid #666;
}

table.timeline td.action,
table.timeline th.action {
width:56%;
}



/*-----------main divs structure------------*/

#wrap {
	width:960px;
	margin:0 auto;	
}

#masthead {
width:960px;
float:left;
}

	
#gallery {
float:left;
width:960px;
margin:0;
padding:0;
}

#banner {
float:left;
width:850px;
margin:0;
padding:0px 55px;
background:#0a80a8 url(../img/banner-top.gif) top left no-repeat;
min-height:169px;
}

body#contact div#banner, body#examplesmain div#banner {
background:#0a80a8 url(../img/contact-top.gif) top left no-repeat;
}

body#philosophy div#banner {
width:880px;
padding:0px 55px 0px 25px;
}

#content{
width:870px;
float:left;
margin:0px 0px 35px;
padding:45px;
background:#fff;
}

#content_alt {
width:960px;
float:left;
margin:0px 0px 35px;
padding:0px;
background:#fff;
}

body#contact div#content {
padding:45px 38px 45px 50px;
width:872px;
}


#home_content{
width:960px;
float:left;
margin:35px 0px 25px;
background:#248eb1;
}

body#home div#home_content p.leadin{
padding-top:32px;
padding-right:17px;
}

.headertext, .headerimages {
 background:#f5f5f5;
 padding:20px 45px;
 width:475px;
 float:left;
 }
 
 .headerimages {
  padding:20px 0px 20px 45px;
   width:520px;
 }

/*examples pages*/

.example_hold, .example_hold_right {
background:#077ea6;
float:left;
width:413px;
border-bottom:5px solid #72b6cd;
margin:0px 44px 44px 0px;
}

.example_hold_right {
margin-right:0px;
}

.pic_hold{
width:183px;
float:left;
}

.project {
float:left;
width:230px;
}

.body_text {
width:475px;
padding:10px 45px;
float:left;
}

/*philosphy page*/



#content_alt {
background:#fff url(../img/blue-bg.gif) top right repeat-y;
}

.column_main {
float:left;
width:565px;
padding:45px 0px 0px;
margin:0;
}
 
 .sifr_hold, .sifr_holdalt {
padding:0;
margin:0;
float:right;
width:300px;
}



div.column_right {
float:right;
width:395px;
background:#238eb0;

}

/*a.gallery, a.gallerylive {
position:absolute;
top:208px;
right:30px;
display:block;
float:right;
background:#f93;
padding:1px 15px 0px;
border-bottom:4px solid #72b6cd;
z-index:5;
}*/

/*a.gallery:link,
a.gallery:visited {
background:#007ba4;
color:#fff;
}

a.gallery:hover,
a.gallerylive {
background:#fff;
color:#92c76f;
}
*/

/*.linkg {
width:0px;
height:0px;
}*/

/*contact page*/

.column_left {
float:left;
width:175px;
margin-right:75px;
}

.column_middle {
float:left;
width:200px;
}

.innerright {
float:right;
width:320px;
padding-left:40px;
border-left:1px solid #e5e5e5;
}

.sifr_holdalt {
float:left;
width:400px;
}


/*-------------Menu styles-----------------*/

ul.nav  {
float:right;
width:500px;
margin:0;
padding:0;	
padding-top:82px;
}

ul.nav li {
float:right;
display:inline;
padding-left:4px;
border-bottom:5px solid #72b6cd;	
}

ul.nav li.liveleft,
ul.nav li.left {
padding-left:0px;
}

ul.nav li a {
display:block;
padding:0;
margin:0;
font-weight:300;
background: url(../img/corner-right.gif) top right no-repeat;	
}

ul.nav li.live a,
ul.nav li.liveleft a {
background: url(../img/live-right.gif) top right no-repeat;	
}

ul.nav li a span {
padding:1px 9px 1px 11px;
margin:0;
margin-right:2px;
display:block;
background: url(../img/corner-left.gif) top left no-repeat;	
}

ul.nav li.live a span,
ul.nav li.liveleft a span {
background: url(../img/live-left.gif) top left no-repeat;	
}

ul.nav li a:link,
ul.nav li a:visited,
ul.nav li a:active { color:#fff; background-color:#93c76f; }

ul.nav li a:hover { color:#fff; background:#007ba4 url(../img/live-right.gif) top right no-repeat }

ul.nav li a:hover span { color:#fff; background:#007ba4 url(../img/live-left.gif) top left no-repeat;}

ul.nav li.live a:link,
ul.nav li.live a:visited,
ul.nav li.live a:active,
ul.nav li.liveleft a:link,
ul.nav li.liveleft a:visited,
ul.nav li.liveleft a:active  { color:#fff; background-color:#007ba4; }

/*Footer styles--------------------------------------*/


#footer{
float:left;
width:960px;
padding:25px 0px 100px;
border-top:40px solid #238eb0;
color:#fff;
}

body#home div#footer {
border-top:none;
padding-top:0px;
}

ul.credits {
width:960px;
float:left;
padding:0;
margin:0;
font-size:11px;
}

ul.credits li {
display:inline;
float:left;
padding-right:5px;
}

ul.credits li.right {
display:inline;
float:right;
}


/*Contact styles----------------------------------*/



form#contact,
form#contact fieldset {
margin:0;
padding:0;
width:320px;
float:right;
}


fieldset.address label,
fieldset.text label {
float:right;
width:318px;
margin:10px 0px;
padding:0;
color:#212121;
}

fieldset.text label {
margin-bottom:0;
}

fieldset.address label span,
fieldset.text label span {
float:right;
width:318px;
}

fieldset.address input {
float:right;
width:318px;
color:#111;
background-color:#f1f1f1;
}


fieldset.text label span {
float:right;
width:318px;
}

fieldset.text textarea  {
font-family:Arial, Helvetica, sans-serif;
float:right;
width:318px;
color:#111;
background-color:#f1f1f1;
margin-bottom:15px;
min-height:100px;
}



fieldset.button {
float:left;
width:318px;
margin:0;
padding:0;
}

fieldset.button label {
padding-left:30px;
float:left;
}

fieldset.button label input{
float:left;
}

fieldset.button label span{
padding-top:0px;
}

/*submit button-----------*/

form#contact div.submit {
margin:20px 0px 0px;
width:320px;
float:left;

}


form#contact div.submit input {
border:none;
padding:0.618em;
margin-right:12px;
float:left;
color:#fff;
letter-spacing:1px;
font-weight:300;
background-color:#0cf;
}

form#contact div.submit input:hover {
color:#fff;
background-color:#077d87;
}