* {
margin:0;
padding:0;
}
html, body {
	height: 100%; 
	margin: 0; 
	padding: 0;
	background-color:#0026a0;
}


body {
   background: url("images/backgr.gif") repeat-x 0% 0%;
   font-family:Tahoma, Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#b4c6fe;
}





#all {
	position:absolute;
	height: 100%;
	width:763px;
	margin:0 auto;
}

html>body #all {
	height: auto; 
	min-height: 100%;
}    
  
.clear {
clear:both;
font-size:1px;
margin-top:-1px;
}  

/* =Header
----------------------------------------------- */
#mainpic {
float:left;
width:249px;
height:551px;
background:url("images/bezier-lilly.jpg");
text-indent:-9999px;
}

#menu {
list-style:none;
width:502px;
height:29px;
}

#menu li {
float:left;
height:29px;
}

#menu li a {
text-decoration:none;
display:block;
text-indent:-9999px;
width:125px;
height:29px;
}

.menu1 {
width:125px;
background:url("images/menu1.gif");
}

.menu1 a:hover{
background:url("images/menu12.gif");
}

.menu2 {
width:125px;
background:url("images/menu2.gif");
}

.menu2 a:hover{
background:url("images/menu22.gif");
}

.menu3 {
width:125px;
background:url("images/menu3.gif");
}
.menu3 a:hover{
background:url("images/menu32.gif");
}

.menu4 {
width:127px;
background:url("images/menu4.gif");
}
.menu4 a:hover{
background:url("images/menu42.gif");
}

#logo a {

text-decoration:none;
text-indent:-9999px;
display:block;
width:502px;
height:157px;
background:url("images/logo-dreamsdesigning.jpg");
margin-top:37px;
}


/* =Content
----------------------------------------------- */
#content {
float:left;
width:514px;
display:table;
background:url("images/content.jpg") no-repeat 0% 0%;
}


/* =NEW DOC
----------------------------------------------- */

#txt {
margin:29px 0 34px 0;
}

p {
width:500px;
padding:12px 0 0 3px;
line-height:150%;
text-indent:11px;
}
#line2 {
clear:both;
width:502px;
height:26px;
background:url("images/line2.gif");
margin:20px 0 10px 0;
}
#line {
clear:both;
width:502px;
height:26px;
background:url("images/upper_line2.gif");
margin:20px 0 10px 0;
}


* html #line2 {
margin-top:2px;
}


dl {
list-style:none;
width:110px;
height:87px;
margin:0 21px 14px 0px;
float:left;
}
#portfolio{ width:400px; margin-left:65px;}
#portfolio dt {
height:16px;
padding-left:2px;
}
#portfolio dd{
height:71px;
text-indent:-9999px;
padding:8px 0 0 8px;
margin:0;
}
#portfolio dd a{
display:block;
width:94px;
height:55px;
}
.frame1{
background:url("images/frame1.gif") no-repeat;
}
.frame2{
background:url("images/frame2.gif") no-repeat;
}
.frame3{
background:url("images/frame3.gif") no-repeat;
}
.frame4{
background:url("images/frame4.gif") no-repeat;
}
.frame5{
background:url("images/frame5.gif") no-repeat;
}
.frame6{
background:url("images/frame6.gif") no-repeat;
}


.left {
float:left;
background:url("images/previous.gif");
width:35px;
height:26px;
display:block;
text-indent:-9999px;
}
.left:hover {
background:url("images/previous2.gif");
}
.upleft {
float:left;
background:url("images/upper_previous.gif");
width:35px;
height:26px;
display:block;
text-indent:-9999px;
}
.upleft:hover {
background:url("images/upper_previous2.gif");
}

/*----------------------------------------------------Otuk Alex*/
#next{
background:url("images/next.gif");
width:35px;
height:26px;
display:block;
float:right;
text-indent:-9999px;
}
#next:hover {
background:url("images/next2.gif");
}
#upnext{
background:url("images/upper_next.gif");
width:35px;
height:26px;
display:block;
float:right;
text-indent:-9999px;
}
#upnext:hover {
background:url("images/upper_next2.gif");
}
#brochure{
background:url("portfolio/tri-fold-brochure2.jpg");
}
#poster{
background:url("portfolio/poster.jpg");
}
#ad{
background:url("portfolio/print-ad.jpg");
}
#catalogue{
background:url("portfolio/catalog.jpg");
}
#flash{
background:url("portfolio/flash.jpg");
}
#character{
background:url("portfolio/character.jpg");
}
#advertising{
background:url("portfolio/magazine-ad.jpg");
}
#magazine{
background:url("portfolio/magazine.jpg");
}
#letterhead{
background:url("portfolio/letterhead.jpg");
}
#businesscard{
background:url("portfolio/business-card.jpg");
}
#cdcover{
background:url("portfolio/cd-cover.jpg");
}
#envelope{
background:url("portfolio/envelope.jpg");
}
#illustrator{
background:url("portfolio/illustration.jpg");
}
#photoretouching{
background:url("portfolio/photo-retouching.jpg");
}
#photorestoration{
background:url("portfolio/photo-restoration.jpg");
}
#logodesign{
background:url("portfolio/logo.jpg");
}
#packaging{
background:url("portfolio/packaging-design.jpg");
}
#label{
background:url("portfolio/label.jpg");
}
#brochure2{
background:url("portfolio/trifold-brochure.jpg");
}
#brochure3{
background:url("portfolio/tri-fold-brochure.jpg");
}
#vector{
background:url("portfolio/photorealistic-vector-art.jpg");
}

#flier{
background:url("portfolio/flier.jpg");
}
#drawings{
background:url("portfolio/drawings.jpg");
}

#annualreport{
background:url("portfolio/annual-report.jpg");
}
#stationery{
background:url("portfolio/business-stationery.jpg");
}
#corporateidentity{
background:url("portfolio/corporate-identity.jpg");
}

form table {
text-align:center;
margin:0px auto;
}
.contacts { text-align:center; margin-top:0px;}
.star{color:#eda900}
input {background:#FFFFFF!important; border:1px solid #787878;}
textarea {border:1px solid #787878;}

#terms{color:#5b72c1; text-indent:0px; margin:0; padding:0;line-height:110%;}
#terms a { text-decoration:none;color:#5b72c1;}
#txt ul {
width:488px;
padding:12px 0 0 15px;
line-height:150%;
}
#bigimg{ display:none}

/* jQuery lightBox plugin - Gallery style */
#gallery {
	width: 492px;
}
#gallery ul { list-style: none; }
#gallery ul li { 
	display: inline; 
	margin-right: 30px;
	
	}
#gallery ul img {
	border: 8px solid #5c73c2;
	border-width: 8px 10px 8px 10px;
	margin-bottom: 20px;
	}
#gallery ul a:hover img {
	border: 8px solid #fff;
	border-width: 8px 10px 8px 10px;
	color: #fff;
}
#gallery ul a:hover { color: #000c5c; }
/*jQuery lightBox plugin css end*/

/*Alex adding contact form*/
#contactform{ position:absolute; left:0px; top:281px; width:249px;}
#quote{color:#eda900}
.space{ line-height:17px;}
.button{border:0;}
textarea{
	overflow:auto;
}