/* Copyright 2007 - Social Media Group
Site Design by Travis Silverman and Matthew J. Stellato
XHTML and CSS by Matthew J. Stellato */

/* ---------- Structure Styles ---------- */

body {
  font-family: 'Trebuchet MS', arial, sans-serif;
  font-size:.72em;
  line-height:16px;
  color:#C49956;
  background: #261607 url(/images/bg.jpg) repeat-x;
}

#wrapper {
  padding:0;
  width:800px; 
  margin:0 auto 0 auto; 
  position:relative;
}

#sweetlogo {position:relative; top:35px;}

#linefade {
  position:absolute;
  top:20px;
  left:290px;
  height:70px;
  width:10px;
  background: url(/images/line_fade.gif) no-repeat;
}

#container {margin:80px 0 0 25px; width:420px; letter-spacing:0.05px; float:left;}
#container h2 {color:#25baff; font-weight:normal}

#quote {margin:20px 0 0 0; padding-left:25px; width:400px; color:#CBC28C;}
#quote_author {margin:15px 0 30px 55px; color:#FFF}
#services_ppc {margin:20px 0 0 20px;  width: 400px; color:#00D6FF; font-weight: normal; font-size:16px; line-height:20px;}

#screenshot {margin:100px 0 0 520px;}
#screenshot_services {margin:120px 0 0 520px; width:260px;}

.orangetext {color: #d0441d; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; size:0.8ems;}

/* --------- Home Page Styles -----------*/

#right_home {position:absolute; top:145px; right:0; margin-right:20px; width:280px}
.author_home {color:#CBC28C}

#box {
  position:relative;
  margin-top:60px; 
  width:760px;
  clear:both
  }

#what {
  color:#000;
  background: url(/images/what_bg.jpg) no-repeat;
  position:relative;
  left:0;
  top:0;
  width:195px;
  height:265px;
  padding:40px 20px;
  }

#team {
  color:#000;
  background: url(/images/team_bg.jpg) no-repeat;
  position:absolute;
  left:265px;
  top:0;
  width:195px;
  height:265px;
  padding:40px 20px;
  }

#contact {
  color:#000;
  background: url(/images/contact_bg.jpg) no-repeat;
  position:absolute;
  right:0;
  top:0;
  width:195px;
  height:265px;
  padding:40px 20px;
  }

/* ---------- Main Navigation ---------- */

#nav {
	font-family: "Trebuchet MS" sans-serif;
	font-size:1.15em;
	position:absolute;
	right:0px;
	top:50px;
}

#nav li 
{
	display: inline;
	list-style-type: none;
	margin:0 0 0 10px;
	padding:0;
	white-space: nowrap;
}

#nav ul 
{
	margin: 0;
	padding: 0;
	
}

#nav a 
{
	text-decoration: none;
	white-space: nowrap;
	color:#C49956;
	
}

#nav a:hover, #nav a:active {
color: #d0441d;  
}

#activelink a:link, #activelink a:visited,
#activelink a:hover, #activelink a:active 
{
	color: #25baff;
	border-bottom:0;
}

/* End Main Nav */






/* ---------- Links ---------- */
a, a:link, a:active, a:visited {color:#d0441d; text-decoration:none;}
a:hover {color:#CC0000;}






/* ---------- Our Services ---------- */

.testpic {float:left; margin:15px 15px 0 0 ;}
#services h3 {margin-top:30px; color:#FFF;}


#services img {margin:10px 0 -10px -3px;}

#services .service {margin:20px 0 20px 0; }
#services ul {padding:0; list-style:none}
#services li {margin:0 0 10px 0;}
#pricing {margin:20px 0 20px 5px; }
#pricing  img {margin:10px 0 0 -3px;}

#fullservices {
margin:0 0 50px 0; 
background: url(/images/full_services_module.jpg) no-repeat; 
height:110px; 
padding:38px 15px 0 15px; 
color:#000; 
font-size:12px;
}

#fullservices a, #fullservices a:link, #fullservices a:active, #fullservices a:visited {color:#000000; text-decoration:underline;}
#fullservices a:hover {color:#CC0000;}



/* -------- Client Login --------- */

p#psswrd {text-align:right; margin-right:10px;}

label
{
padding-top:3px;
font-size:12px;
width: 110px;
float: left;
text-align: left;
margin: 0 0.05em 10px 0;
display: block
}

input {background:#261607; border:1px solid #C49956; color:#FFF; margin-bottom:5px; height:20px;}
textarea {background:#261607; border:1px solid #C49956; color:#FFF}
.required {color:#CD3B13}


/* ----------- Team Member Pages ---------- */

#teamlanding {margin:70px 0 0 0; width:400px;}

.member {width:430px; margin-bottom:25px;}

.member img {float:left; border:0; margin:0 20px 0 0;}

.membercomment {margin-left:50px;}


#memberimage {
	
	width:220px;
	height:372px;
	position:relative;
	top:60px;
	left: 0px;
  }
  
#memberbio {position:absolute; left:190px; top:138px; width:280px;}

#membermenu {
  position:absolute; 
  right:0; 
  top:115px; 
  width:130px; 
  height:300px; 
  text-align:left; 
  padding:18px;
  }

#membermenu ul {margin:0; padding:0;}
#membermenu li {list-style-type: none;}

#membermenu a {
  font-family: 'Trebuchet MS', arial, sans-serif; 
  font-weight:normal; 
  color:#FCFFB9; 
  text-decoration:none;
  }

#membermenu a:hover {color:#D0A976;}
#membermenu h3 {color:#25baff; margin:0 0 10px 0;}

#activeMember a, #activeMember a:hover, #activeMember a:active, #activeMember a:visited {color:#d0441d}
.membername {
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #00B8F7;
    }

.memberrole {
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FFF;
    }



/* --------- Thumbnail Styles ---------- */

#thumbnailContainer {
	width: 150px;
}

.thumbnail {
	margin:0 5px 0 0;
	float: left;
}

.thumbnail img {border:0;}

.clearboth {
	clear: both;
	float: none;
}






#advisoryboard {
  position:absolute; 
  right:0; 
  top:135px; 
  width:300px; 
  height:300px; 
  text-align:left; 
  }

#advisoryboard h2, #teamlanding h2 {
  color:#25baff;
  margin:0 0 25px 0;
  }

.board {width:300px; margin-bottom:25px;}
.board img {float:left; border:0; margin:0 20px 0 0;}



/* End Team Member Styles */



/* ---------- Press Release ---------- */
.headdark {color:#25baff; font-weight:bold;}
.headlite {color:#CBC28C; font-size:1.02em;}
#grameen-release {margin:80px 0 0 25px; width:420px;}
#grameen-release h2 {color:#25baff; font-weight:normal}




/* ---------- Footer Styles ---------- */

#footer {
/* fill this in for generic footer */
	margin:40px 0 0 0;
	text-align: center;
	font-family: 'Trebuchet MS', arial, sans-serif;
	color:#C49956;
	background: url(/images/footer.jpg) repeat-x;
	height:60px;
	padding:20px;
}


/* ---------- Additions for Privacy ---------- */

#extended_container {margin:80px 0 0 25px; width:700px; letter-spacing:0.05px;}
#extended_container h2 {color:#25baff; font-size:1.25em; font-weight:normal}




/*---------- Contact Styles ---------- */
#form_error {
margin:0 0 45px 5px;
background:transparent;
color:#d0441d;
padding:0 10px 0 15px;
border-left:2px solid #d0441d;
}

.alert {color: #d0441d; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}