/* css
site: www.sugardesignstudio.com
colors: #777 type 
----- */

html {height: 100%;}
body {background: #999; margin: 0; padding: 0; text-align: center; font-family: Helvetica, Tahoma, Verdana, Arial; color: #777;}
img {border: none;}
p {font-size: 12px; line-height:150%;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1 {font-size: 18px;}
h3 {font-size: 16px;}
h5 {font-size: 14px;}
ul {padding: 0; margin: 0; font-size: 12px; list-style: inside;}
ul li {margin: 0 0 5px 0;}
a {color: #333; text-decoration: none;}
a:visited {color: #555; text-decoration: none;}
a:hover {text-decoration: underline;}

.left {float: left; margin: 0 10px 10px 0; padding: 0; display: inline;}
.right {float: right; margin: 0 0 10px 10px; padding: 0; display: inline;}
.clear {clear: both;}
ul.nobull {list-style: none;}

#wrapper {text-align:left; margin: 25px auto; width: 980px; background: #fff; border: 1px solid #999; position: relative;}

#header {height: 80px; width: 100%; position: relative;}
#header .contact {float: right; font-size: 10px; color: #777; margin: 35px 50px 0 0; text-align: right;}
#header .contact a, #header .contact a:visited {color: #777; text-decoration: none;}
#header h1.logo {width: 225px; height: 23px; position: absolute; display: block; overflow: hidden; left: 235px; top: 30px;}
#header h1.logo .bg {position: absolute; width: 225px; height: 23px; top: 0; left: 0; background: url('../images/sugarDesignStudio.png') no-repeat top left;}
#header .lineWork {position: absolute; width: 155px; height: 26px; top: 38px; left: 42px;}

#main {width: 690px; float: left; margin: 0 0 0 47px; border-top: 1px solid #ccc; background: #fff;}
#main h3 {margin-bottom: 4px;}
#main h3 .link {font-size: 11px; color: #999;}
#main h3 .link a, #main h3 .link a:visited {font-size: 11px; color: #999;}
#main #flash {width: 690px; height: 460px; margin: 10px 0 0 0;}
#main .bigImage {width: 690px; height: 460px; border: 1px solid #999}
#main .description {width: 100%; background: #eee; margin: 10px 0 0 0;}
#main .description h5 {padding: 10px 0 0 10px; margin: 0;}
#main .description h5 .who {font-size: 13px; font-style: italic;}
#main .description p {padding: 10px; margin-top: 0;}
#main .description ul {list-style: inside; margin: 0; padding: 0 0 10px 10px;}
#main .description .aboutImage {padding: 5px 0 0 10px;}
#main .description .question {font-style: italic;}
#main .thumb {float: left; width: 220px; height: 130px; background: #eee; color: #777; font-size: 12px; text-align: center; margin: 10px 15px 0 0}
#main .thumb .last {margin-right: 0;}
#main .thumb a, #main .thumb a:visited {color: #777; text-decoration: none;}
#main #myMap {width: 690px;	height: 460px; border: 1px solid #999;}


#footer {height: 20px; width: 100%; clear: both;}

#sidebar {float: left; display: inline; background: #fff; margin: 0 0 0 40px; border-top: 1px solid #ccc; width: 160px;}
#sidebar h3 {margin: 10px 0 10px 0; padding: 0; border-bottom: 2px solid #aaa; cursor: pointer; font-size: 13px; font-weight: bold;}
#sidebar ul {list-style: none;}
#sidebar ul.aboutNav, #sidebar ul.workNav, #sidebar ul.contactNav, #sidebar ul.archiveNav {list-style: none; margin: 0; width: 180px; font-size: 11px;}
#sidebar ul.aboutNav li, #sidebar ul.workNav li, #sidebar ul.contactNav li, #sidebar ul.archiveNav li {display:block; margin: 0 0 10px 0; /*border-bottom: 1px solid #ccc;*/}
#sidebar ul.aboutNav li a, ul.aboutNav li a:visited, #sidebar ul.workNav li a, ul.workNav li a:visited, #sidebar ul.contactNav li a, #sidebar ul.contactNav li a:visited, #sidebar ul.archiveNav li a, #sidebar ul.archiveNav li a:visited  {color: #777; text-decoration: none; padding: 2px 5px;}
#sidebar ul.aboutNav li a:hover, #sidebar ul.workNav li a:hover, #sidebar ul.contactNav li a:hover, #sidebar ul.archiveNav li a:hover {color: #369;}
#sidebar ul.sub {font-size: 11px; margin-left: 5px; width: 160px;}
#sidebar ul.sub li {border: none;}
#gos #sidebar .gos,
 	#murney #sidebar .murney,
 	#wehr #sidebar .wehr,
	#pcnet #sidebar .pcnet,
	#p7 #sidebar .p7,
	#ebp #sidebar .ebp,
	#bps #sidebar .bps,
	#scs #sidebar .scs,
	#signal #sidebar .signal,
	#txk #sidebar .txk,
	#theraworx #sidebar .theraworx,
	#landau #sidebar .landau,
	#studio #sidebar .studio,
	#people #sidebar .people,
	#employment #sidebar .employment,
	#contact #sidebar .contact {font-weight: bold; color: #369;}

#sidebar ul.sub a.active {font-weight: bold; color: #369;}

a.twitterIcon {display: block; width: 50px; height: 63px; background: url('../images/twitter.jpg') bottom left no-repeat; text-indent: -9999px; position: absolute; bottom: 25px; left: 25px;}
a.twitterIcon:hover {background-position: bottom right;}
a.twitterIcon:focus { outline: none; }