/* SCREEN STYLESHEET FOR DreamLabs */

/* portfolio */

.portfolio {
    text-align:center;
    padding:0;
    width:100%;
    margin:0 20px;
    padding-bottom:200px;
}
.portfolio div {
    float:left;
    padding:10px;
}
.portfolio div:hover {
    background:#FF6600;
}
/*
.portfolio a:hover {
    background:#f00;
}
*/
.port:hover{
	background:url(/v2/Images/LinkVisited.gif) repeat-x bottom;
    border:#f00 5px solid;
}
.portfolio-sidebar {
    width:180px;
    text-align:center;
    float:right;
}
.portfolio-sidebar img {
    margin:10px 0;
}

/* general display styles */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color:#333;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0;
    margin-bottom:8px;
    padding:0;
}
h1 {
	font-size:1.8em;
	font-weight: normal;
}
h2 {
    font-size:1.6em;
	font-weight: normal;
}
p {
	margin:1em 0;
	padding:0;
	font-size:1em;
	line-height: 1.5em;
}

em {
    font-style:italic;
    color:#008;
}
strong {
    font-weight:bold;
    color:#008;
}

li {
	font-size:1em;
	line-height: 1.5em;
	list-style-position: outside;
	list-style-image: url(../images/dot.gif);
}
a:link {
    color:#06f;
    text-decoration:none;
}
a:visited {
    color:#06f;
    text-decoration:none;
}
a:hover {
    color:#09f;
    text-decoration:none;
}
.domain {
	font-style: italic;
}

div.answers {
    margin-bottom:30px;
}
div.answers h4 {
    font-size:2em;
    font-weight:normal;
    text-align:right;
}
div.answers h3 {
    padding:4px 0 0 20px;
    background:url(../images/question.gif) no-repeat left;
    border-bottom:1px dotted #09f;
    margin:0 0 2em 0;
}

.toppa a {
    float:right;
    font-size:10px;
    color:#fff;
    background:#06f;
    padding:1px 3px;
}
.toppa a:hover {
    color:#06f;
    background:none;
}



/* structure */
body {
    text-align:center;
    margin:0;
    padding:0;
    background:url(../images/dream-labs-bg.gif);
}

#wrapper {
	width:760px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#header {
    width:760px;
    height:140px;
    position:relative;
}

#header #upperNav {
    margin:0;
    padding:0;
    position:absolute;
    top:75px;
    left:247px;
}

#header ul {
    padding:0;
    list-style-type:none;
}

#header ul li {
    float:left;
    margin:0;
    padding:0;
    display:inline;
}

#header #logo {
	width:800px;
	height:105px;
	position:absolute;
	top:0px;
	background-image: url(../images/dream-labs-web-design.gif);
	left: -40px;
}
#header #searchbox {
	position:relative;
	left:0px;
	top:80px;
	width:450px;
	height:30px;
	float: right;
	background-color: #F4FBDA;
	text-align: right;
}

#header #green-spacer {
    width:760px; 
    height:10px;
    background:url(../images/dream-labs-web-design-green.gif);
    position:absolute;
    top:105px;
}

#header #lowerNav {
    width:760px;
    height:25px;
    position:absolute;
    top:115px;
}    

#splash-image {
    width:760px;
    height:305px;
/*    background:#000 url(../images/web-design-splash-1.jpg); */ 
    margin:10px 0;
}

#content {
	min-height:300px;
	margin:10px 0;
	text-align: justify;
}
#content ul {
    margin: 6px 0;
    padding:2px 20px;
}
#sidebar_left, #sidebar_right {
    min-height:250px;
    margin:0;
    padding:0;
    font-size:0.8em;
    width:180px;
}
#sidebar_left {
	float:left;
	text-align:center;
}
#sidebar_right {
    float:right;
    text-align:center;
}
#sidebar_left h3, #sidebar_right h3 {
    font-size:1.7em;
    margin:0.3em 0 0.6em 0;
}

#sidebar_left ul {
    list-style:none;
    margin:0;
    padding:0;
}
#sidebar_left ul li {
    list-style-type:none;
    list-style-image:none;
    display:block;
    margin:0;
    padding:0;
}

#sidebar_left li {
    font-size:1.5em;
}

#footer {
    clear:both;
    text-align:center;
    margin:0;
    padding:30px 20px;
}
#footer ul {
    list-style-type:none;
}
#footer ul li {
    display:inline;
    font-size:0.9em;
}
#services {
    height:35px;
    margin-bottom:10px;
}
#services ul {
    list-style:none;
    margin:0;
    padding:0;
}
#services ul li {
    display:inline;
    margin:0;
    padding:0;
    float:left;
}





/* General classes */

/* the-buzz : testimonial */

.testimonial {
	font-size:1.2em;
	color:#0099FF;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0099FF;
	text-align: right;
	font-style: italic;
	margin-bottom: 2em;
	margin-top: 0em;
}
.clearboth {
    clear:both;
    min-height:1px;
}


.inner {
    margin:0;
    padding:0;
}
.inr_right {
    margin-right:180px;
    padding-right:10px;
}
.inr_left {
    margin-left:180px;
    padding-left:10px;
}

.liFaq a:hover {
	cursor: help;
}


/* prices */

table.prices td {
    padding:5px;
}

table.prices td.priceslist {
    text-align:left;
}

table.prices tr.shaded {
    background:#eaf9b3;
}

table.prices td.priceOf {
    text-align:right;
}



/* STYLSHEET FOR FREE-QUOTE FORM */
#freequoteForm {
    margin:0 auto;
    padding:0 20px;
/*    border:1px dotted #f06; */
    border-bottom:none;
    border-top:none;
}
#freequoteForm fieldset, #freequoteForm legend, #freequoteForm label {
    font-family: Arial, sans-serif;
    font-size:12px;
}
#freequoteForm legend {
    font-weight:bold;
    font-size:14px;
}
#freequoteForm legend:hover {
}
#freequoteForm .field {
    width:570px;
    background:url(../images/quote-bg.gif);
    margin:10px;
}
#freequoteForm .field .inner {
    padding:0 10px;
}
.fieldTop {
    background:url(../images/quote-head.gif);
    width:570px;
    height:16px;
}
.fieldFoot {
    background:url(../images/quote-foot.gif);
    width:570px;
    height:16px;
}
#freequoteForm input {
    color:#000;
    margin:6px;
}
#freequoteForm input:focus, textarea:focus {
    background:#33cc00;
}
#freequoteForm .small {
    font-size:10px;
}
#freequoteForm .resource-block {
    margin:5px;
    float:left;
}
#freequoteForm .resource-block h4 {
    padding:0;
    margin:0;
    font-size:12px;
}
#freequoteForm .indented {
    margin-left:2em;
}
#freequoteForm .required {
    color:#dd0000;
}

#freequoteRight {
    width:660px;
    float:right;
}

#freequoteLeft {
    width:100px;
    float:left;
    background:url(../images/pink-conn.gif) repeat-y;
}

#freequoteForm h3 {
    border-bottom:dotted 1px #09f;
    margin:20px 0 0 0;
    padding-bottom:4px;
}

.services {
    cursor:pointer;
    border:dotted 1px #ccc;
    background:#dbf04f;
}

.processBlockWrapper {
    float:left;
    width:180px;
    margin:0 3px 20px 3px;
}

.processBlock .inner {
    padding:1px 8px;
    text-align:left;
}

.processBlock {
    background:url(../images/process-bg.gif);
    width:180px;
    min-height:250px;
}

.processFoot {
    background:url(../images/process-foot.gif);
    height:22px;
}    

#planTop {
    background:url(../images/plan-website.gif);
    width:180px;
    height:35px;
}

#designTop {
    background:url(../images/approve.gif);
    width:180px;
    height:35px;
}

#implementTop {
    background:url(../images/implement.gif);
    width:180px;
    height:35px;
}

#launchTop {
    background:url(../images/launch.gif);
    width:180px;
    height:35px;
}





/* div mouseovers */

/*
#trailimageid {
  position: absolute;
  visibility: hidden;
  left: 0px;
  top: 0px;
  width: 220px;
  height: 0px;
  z-index: 1000;
}

#trailimageid div {
  padding: 5px;
  background:url(../images/wt.png);
  border:solid 1px #666;
  text-align: center;
}

#trailimageid h1 {
  font-size: 100%;
  color:#000;
  font-weight: bold;
  margin: 0;
  padding: 2px 0px;
  text-align: center;
  width: 100%;
}

#trailimageid img {
  margin: 2px;
  border: none;
}

*/
#trailimageid
{
	font-size: 0.75em;
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	width: 420px;
	height: 0px;
	z-index: 200;
}


.overDiv {
    padding: 5px;
    background:url(../images/wt.png);
    border: 1px solid #888;
}

.hiddenPic {
	visibility: hidden;	
}