@charset "utf-8";



/* CSS Document for Dream Holidaze */
/*****************************
 ****       leyout        ****
 *****************************/

/* @group Main */

.tips_sub {
 color:grey;
font-family:georgia;
}

html {
  /* this is a hack to force scrollbars on at 
     all times so that the page does not jump
     when going from short to long pages */
  height: 100%;
  margin-bottom: 1px;background: url(../images/body-bg2.png) repeat-x; overflow: scrollbars-vertical;
  
}

body {
	margin: 0;
	padding: 0;	background: url(../images/page-bg.png) 50% 25px no-repeat;
}


p {
  /* setup some more readable paragraph spacing */
  margin-top: 5px;
  margin-bottom: 10px;
}



h1, h2,  h4, h4 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 10px 0;
}
h3{
	padding-bottom: 5px;
	margin: 10px 0;
	padding-left:8px;
}

/* @end */
/* @group Sizes */


body {
	font-size: 11px;
        color:white;
}



h1 {
	font-size: 200%;
}

h2 {
	font-size: 180%;
}

h3 { 
   font-size: 150%;
    color:grey;
font-family:arial;
}

h4 {
	font-size:  120%;
}

/* @end */
/* @group Family */

body {
		font-family :Verdana, Arial, Helvetica, sans-serif;line-height: 17px;
		
}



.footer a:link, a:visited, a:hover, a:active {
color: #666666;
font-family:Arial;
font-size:11px;
}
/* @end */

/* @group Lists */

ul {
	margin-left: 10px;
}

li {
	padding-left: 0px;
	padding-bottom: 10px;
}

/* @end */

/* group Layout */

div#template {
	padding: 0px; margin:0px auto;
}

.wrapper{ width:937px; background:url(../images/body-bg.png) 100% 0%; padding-left:1px;
}

/* @group header */

div#header .vc-2 {
	height: 142px; 
	overflow: hidden;
}
div#header div.padding{ padding:17px 17px 20px 17px;}
img#logo {
	float: left;
	margin-left: 22px; 
	width: 171px;
	height: 105px;
	z-index: 1;
}

img#ncreativity{
	float: right;
	margin-right: 40px;
        margin-top:52px; 
	width: ;
	height: 19px;
	z-index: 1;
}


div#top {
	margin-left:  370px;
	height: 105px;
		color: #717370;
	text-decoration: none;
	letter-spacing: 1px; padding-top:10px;
}

div#top a:link, div#top a:visited{
	color: #717370;
	 text-decoration:none
}

div#top a:hover{
color: #ec7827; 
	text-decoration:none
}

div#top .padding2 {
	padding:5px 40px 5px 28px; text-align:right; 
}

/*** menu ***/

div#topmenu {  height:28px; padding:0px 17px 0px 17px; 
	
}
div#topmenu .tm-2{
	
}
div#topmenu .tm-2 .inde{background:#ffffff url(../images/ind-sf-bg.gif) 0% 100% no-repeat; 
	height: 28px;
	}

div#topmenu .tm-2 .purp{background:#98658e url(../images/sf-bg.png) 100% 0% no-repeat;
	height: 28px;
}
div#topmenu .tm-2 .yell{background:#f7c234 url(../images/sf-bg.png) 100% 0% no-repeat;
	height: 28px;
}
div#topmenu .tm-2 .blue{background:#0080c0 url(../images/sf-bg.png) 100% 0% no-repeat;
	height: 28px;
}
div#topmenu .tm-2 .gree{background:#afc73d url(../images/sf-bg.png) 100% 0% no-repeat;
	height: 28px;
}
div#topmenu .tm-2 .orge{background:#ec7827 url(../images/sf-bg.png) 100% 0% no-repeat;
	height: 28px;
}
div#topmenu .tm-2 .dgee{background:#5aaba7 url(../images/sf-bg.png) 100% 0% no-repeat; 
	height: 28px;
}
/* @end */

/* group footer */
div#footer div.padding{ padding:0px 5px;}
div#footer div.padding div.padding{ padding:0px 12px;}
div#footer .vc-2 {
	
	overflow: hidden;
}

div#the-footer {
	text-align: center;background:#f6ba00;
	
	font-size: 10px; 
	
	color:#ffffff;
	padding:3px; width:894px;
}


/* @end */

/* group misc */
div.hdiv {
	height: 7px;
	overflow: hidden;
}
/* @end */

/* inset */
div#inset{
		overflow: hidden; height:300px; background:url(../images/inset-bg.png) repeat-y;
}

div#inset div.padding{ padding:0px 20px 0px 17px; }
div#inset div.padding div.padding{ padding:0px 0px;}

div#inset .vc-1{
		
}
div#inset .vc-2{
		
}
div#inset-in{
		overflow: hidden; height:181px; background:url(../images/inset-bg.png) repeat-y;
}

div#inset-in div.padding{ padding:0px 17px; }
div#inset-in div.padding div.padding{ padding:0px 0px;}

div#inset-in .vc-1{
		
}
div#inset-in .vc-2{
		
}
/* @end */

/* mainbody */
div#mainbody{
		overflow: hidden; background:url(../images/body-bg.png) repeat-y;
}

div#mainbody div.padding{ padding:0px 32px;}
div#mainbody div.padding div.padding{ padding:10px 0px;}

div#mainbody .vc-1{
		
}
div#mainbody .vc-2{
		
}

.botlinks{ text-align:center; padding-bottom:10px; text-decoration:none}

.botlinks a:link, .botlinks a:visited{ color:#717370;text-decoration:none}
.botlinks a:hover{color:#ec7827;text-decoration:none}
/* @end */


.rborder, .rborder2{
	border-right:1px solid #b6b6b6; padding:5px 8px 5px 19px;
}

.rborder2{ border-right:0px;}
.rborder h3, .rborder2 h3{ margin:0px 0px 5px 0px; font-size:14px;}

/* @group top Menu */
div#topmenu{
	z-index:5;
}
div#topmenu ul {
	margin: 0;
	padding: 0;
	
}

div#topmenu li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}

div#topmenu a:link,
div#topmenu a:visited {
	display: block;
	float: left;
	padding: 0 0px;
	height: 19px;
	line-height: 19px;
	font-weight: normal;
	text-decoration: none;
}

/* @end */

/* @group 2 colum stuff */

#vdc {

 margin: 10px 0px;
 overflow: auto; /* Fix for IE  */
 width: 100%
}

#inner{}

#inner #leftcolumn { 
 display: inline;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 140px;
 float: left;
  
}

#inner #leftcolumn #nav{
	border-right: 1px solid #000000;
	
}

#inner #leftcolumn #nav a:link,
 #inner #leftcolumn #nav a:visited{ 
 display:block; padding:3px 0px; color:#696b69
 }

#inner #leftcolumn #nav a:hover{ color:#ec7827; text-decoration:none;}

#inner #content { 
 float: left;
 color: #333;
 margin: -3px 0px 0px 5px;
 padding: 0px 0px 0px 15px;
 width: 565px;
 display: inline;
 position: relative; 
}

#inner #rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 140px;
 float: right;
 display:none;
}

/*.title{ font-size:14px; font-weight:bold;}
.subtitle{ font-size:12px;font-weight:bold;}*/
.title{
	font-size:16px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.subtitle{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
}

.hul{ margin-left:0px; padding:0px 0px 0px 13px; margin-bottom:5px;}

.content .tabs a:link, a:visited, a:hover,  {
     color: #666666;
font-family:Arial;
font-size:12px;


}

.project_clicked_tab {
margin-bottom:-38px;
}
.image_unclick{
float:none;
}

#project_tabs {
    width: 672px;
    padding:5px 0 0 0;
height:86px;
background:url(../images/menu_bg.png) #FFFFFF repeat-x; 
color: #2e4f55;

    font-family:Arial;

    font-size:12px;
}


.browse_cat_links a:link{
    color: #304e56;
    font-weight:normal;
    font-family:Arial;
    font-size:13px;
}
.browse_cat_links a:hover {
    color: #304e56;
    text-decoration:underline;
    font-weight:normal;
    font-family:13px;
    font-family:Arial;
}
.browse_cat_links a:visited{
    color: #304e56;
    font-weight:normal;
    font-family:Arial;
    font-size:13px;
}



#p_img .large {
  display: none;
}

#p_img a:hover .large {
  display: block;
  position: absolute;
  /*padding: 40px 0px 0px 40px;  */
  margin: -100px 0px 0px 40px;
border:5px solid #ffffff;
}



#profile_info {
}
.angie a:link{

          font-family:georgia;
          font-size:17px;
          font-weight:normal;
          color:#fffff;
          }
.angie a:visited {
       font-weight:normal;
	font-family:gorgeia
        color:#fffff;
        font-size:17px;
}

.angie a:hover {
          color:#CDA997;
          font-family:georgia;
          font-size:17px;
          font-weight:normal;

}
