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

html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; }
br { clear: left; }


/*----- Main Layout Divs -----*/
#wrapper { width: 950px; height: auto; margin: 0 auto; }
#logo { width: inherit; height: 150px;}
#nav { width: inherit; height: 44px; margin: 0px 0px 10px 0px; }
#masthead { width: inherit; height: auto; margin: 0px 0px 10px 0px; }
#content { width: inherit; height: 100%; overflow: hidden; }
#footer { width: inherit; height: 41px; background: url(images/bg_footer.png) no-repeat; }


/*----- Global Styles -----*/
img { border: none; border-collapse: collapse; }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }
p, .content { color: #696969; font-size: 12px; padding: 0px; margin: 0px 0px 10px 0px; }
a { text-decoration: none; color: #666666; font-weight: bold; }
a:hover { text-decoration: underline; color: #333; font-weight: bold; }

h1 { }
h2 { color: #4491d0; font-size: 20px; font-weight: normal; }
h3 { color: #5e5e5e; font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; }
.sidebar h3 { color: #4491d0; font-size: 14px; font-weight: bold; padding: 0px 0px 5px 0px; }
h4 { color: #c6c6c6; font-size: 11px; font-weight: normal; margin: 0px 0px 5px 0px; }
h5 { }
h4 a { color: #c6c6c6; }

/*----- Main Nav Bar ----- */
#nav ul { width: 950px; height: 44px; margin: 0px; padding: 0px; }
#nav ul li { margin: 0px; display: inline; float: left; }
#nav ul li a { text-indent: -9999px; outline: 0; }

#nav .home a { width: 77px; height: 44px; display: block; background: url(images/nav_sprites.gif?cache=0) 0px 0px no-repeat; }
#nav .home a:hover { width: 77px; height: 44px; display: block; background: url(images/nav_sprites.gif?cache=0) 0px -44px no-repeat; }

#nav .about a { width: 87px; height: 44px;  display: block; background: url(images/nav_sprites.gif?cache=0) -77px 0px no-repeat; }
#nav .about a:hover { width: 87px; height: 44px;  display: block; background: url(images/nav_sprites.gif?cache=0) -77px -44px no-repeat; }

#nav .news a { width: 110px; height: 44px;  display: block; background: url(images/nav_sprites.gif?cache=0) -164px 0px no-repeat; }
#nav .news a:hover { width: 110px; height: 44px;  display: block; background: url(images/nav_sprites.gif?cache=0) -164px -44px no-repeat; }

#nav .events a { width: 136px; height: 44px;  display: block; background: url(images/nav_sprites.gif?cache=0) -274px 0px no-repeat; }
#nav .events a:hover { width: 136px; height: 44px;  display: block; background: url(images/nav_sprites.gif?cache=0) -274px -44px no-repeat; }

#nav .infinisys a { width: 110px; height: 44px;  display: block; background: url(images/nav_sprites.gif?cache=0) -410px 0px no-repeat; }
#nav .infinisys a:hover { width: 110px; height: 44px;  display: block; background: url(images/nav_sprites.gif?cache=0) -410px -44px no-repeat; }

#nav .services a { width: 82px; height: 44px;  display: block; background: url(images/nav_sprites.gif?cache=0) -520px 0px no-repeat; }
#nav .services a:hover { width: 82px; height: 44px;  display: block; background: url(images/nav_sprites.gif?cache=0) -520px -44px no-repeat; }

#nav .contact a { width: 110px; height: 44px;  display: block; background: url(images/nav_sprites.gif?cache=0) -602px 0px no-repeat; }
#nav .contact a:hover { width: 110px; height: 44px;  display: block; background: url(images/nav_sprites.gif?cache=0) -602px -44px no-repeat; }

#nav .phone a { width: 238px; height: 44px;  display: block; background: url(images/nav_sprites.gif?cache=0) -712px 0px no-repeat; }

/*----- Large Homepage Buttons ----- */
#buttons { width: inherit; height: 135px; }
#buttons .architects { width: 242px; height: 135px; float: left; }
#buttons .devs { width: 242px; height: 135px; float: left; }
#buttons .service { width: 242px; height: 135px; float: left; }
#buttons .investors { width: 220px; height: 135px; float: left; }

/*----- Homepage Content -----*/
#welcome { width: 360px; height: auto; float: left; padding: 0px 0px 30px 0px; }

#news { width: 560px; height: auto; float: right; }
#news .rssimporttwo { width: 260px; height: auto; float: right; padding: 0px 0px 15px 0px; margin: 0px 0px 15px 0px; }
#news .rssimporttwo .title { width: 260px; height: auto; float: left; font-size: 12px; padding: 5px 0 0 0; }
.title a { font-weight: bold; }
#news .rssimporttwo .date { display:none; width: 140px; height: auto; float: left; text-align: right; color: #8a8a8a; font-size: 12px; }
#news .rssimporttwo .copy { width: 460px; height: auto; float: left; }
.more-link a { color: #8a8a8a; font-size: 12px; font-weight: normal; }

.alignleft { float: left; margin:0 10px 0 0; width:260px; }
.alignright { float: right; margin:0 0 0 10px; width:260px; }

/*----- Interior Page Content ----- */
#headline { width: inherit; height: 40px; background: url(images/bg_headline.png) repeat-x; margin: 0px 0px 10px 0px; }
#headline h2 { position: relative; top: 7px; left: 10px; }

#body-copy { width: 585px; height: auto; float: left; padding: 0px 0px 0px 10px; margin: 0px 0px 30px 0px; line-height: 1.1em; }
#body-copy p, .sidebar p { margin: 0px 0px 10px 0px; }
#body-copy h3 { margin: 0px 0px 10px 0px; }

#body-copy ul { margin: 0px; padding: 0px 0px 0px 15px; list-style-image: url(images/bullet.png); }
#body-copy ul li { color: #696969; font-size: 12px; margin: 0px 0px 10px 0px; }
#body-copy ul li strong { color: #696969; }

#body-copy .accordion_content ul { margin: 0px 0px 0px 25px; padding: 0px 0px 0px 15px; list-style-image: url(images/bullet.png); }

#body-copy .bio { width: inherit; height: auto; margin: 0px 0px 30px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #ebebeb; float: left; }
#body-copy .bio .picture { width: 200px; height: auto; float: left; }
#body-copy .bio .copy { width: 375px; height: auto; float: right; }

#body-copy .main-event { margin: 0px 0px 30px 0px; padding: 0px 0px 10px 0px; border-bottom: 2px solid #ccc; overflow: hidden; }
#body-copy .main-event .copy { width: inherit; }
#body-copy .main-event h3 { margin: 0px; padding: 0px; }

#body-copy .events-list { width: 585px; clear: both; }
#body-copy .events-list .heading { background: #EAF2F1; border-bottom: 1px solid #ccc; }
#body-copy .events-list .heading h3 { margin: 0px; padding: 0px; font-size: 12px; }
#body-copy .events-list p { margin: 0px; padding: 0px; }
#body-copy .events-list .event1 { border-bottom: 1px solid #ccc; }
#body-copy .events-list .event2 { background: #F3F5F5; border-bottom: 1px solid #ccc; }

#body-copy .news-entry { width: inherit; height: auto; margin: 0px 0px 7px 0px; padding: 0px 0px 7px 0px; border-bottom: 1px solid #c1c1c1; font-size: 12px;  }
#body-copy .news-entry a, #newsnormal a { color: #666666; text-decoration: none; font-weight: normal; }
#body-copy .news-entry a:hover, #newsnormal a:hover { color: #8a8a8a; text-decoration: underline; }

.sidebar { width: 297px; height: 100%; float: right; margin: 0px 0px 30px 0px; line-height: 1.1em; }
.sidebar .top { width: inherit; height: 6px; background: url(images/sidebar_top.png) no-repeat; }
.sidebar .content { width: 267px; height: auto; background: #ebebeb; padding: 10px 20px 10px 10px; color: #696969; font-size: 12px; }
.sidebar .content ul { list-style-type: none; margin: 0; padding: 0 10px 5px 10px; }
.sidebar .content ul li { padding: 10px 0 0 0; }
.sidebar .bottom { width: inherit; height: 6px; background: url(images/sidebar_bottom.png) no-repeat; }
.sidebar .side-link { margin: 15px 0px 5px 0px; }

.blog-post { margin: 0px 0px 30px 0px; padding: 0px 0px 30px 0px; border-bottom: 1px solid #cedaea; }

.upb_events { color: #8a8a8a; font-size: 11px; }

/*----- Footer -----*/
#footer, #footer a { color: #9a9a9a; text-decoration: none; }
#footer ul { width: 950px; height: 41px; margin: 0px; padding: 10px 0px 0px 10px; }
#footer ul li { padding: 0px 30px 0px 0px; margin: 0px; display: inline; font-size: 10px; }
#footer .copyright { padding: 0px 175px 0px 0px; }
#footer-logos { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; } 


/*----- Accordion -----*/
.accordion_toggle { display: block; height: 30px; width: 565px; background: url('images/bg_accordion.png') no-repeat; margin: 0px 0px 3px 0px; padding: 0px 10px 0px 25px; line-height: 30px; color: #4491d0; font-weight: bold; text-decoration: none; outline: none; font-size: 12px; cursor: pointer; }
.accordion_toggle_active { background: url('images/bg_accordion.png') no-repeat; color: #4491d0; }
.accordion_content { background-color: #ffffff; color: #444444; overflow: hidden; }
.accordion_content p { width: 540px; padding: 0px 0px 0px 25px; }


/*----- Accordion -----*/
.contact-form { width: inherit; height: auto; margin: 20px 0px 0px 0px; }