body{
	margin: 0;
	padding: 0;
	background:#000000;
	height:100%;
	background-color:#000;
}

html{
	height:100%;
}

div.box{
	height:377px;
	width:377px;
	position:relative;
	top:180px;
}

div.bar_design{
	position:absolute;
	top:0px;
	left:100px;
	width:277px;
	height:89px;
	background-image:url(images/bar_design.jpg);
}


div.bar_contact{
	position:absolute;
	top:99px;
	left:287px;
	width:90px;
	height:278px;
	background-image:url(images/bar_contact.jpg);
}

div.bar_other1{
	position:absolute;
	top:287px;
	left:0px;
	width:278px;
	height:90px;
	background-image:url(images/bar_15.jpg);
}

div.bar_other2{
	position:absolute;
	top:0px;
	left:0px;
	width:90px;
	height:278px;
	background-image:url(images/bar_03.jpg);
}

div.logo{
	position:absolute;
	width:150px;
	height:75px;
	background-image:url(images/logo.jpg);
	top:145px;
	left:112px;
}

div.portholder{
	height:570px;
	width:1106px;
	position:relative;
}

div.tabdiv{
	position:absolute;
	top:50%;
}

div.tabdiv:hover{
	cursor:pointer;
}


div.arrow_left{
	position:absolute;
	left:50%;
	margin-left:-500px;
	top:50%;
	background-image:url(images/arrow_left.png);
	background-repeat:no-repeat;
	height:35px;
	width:19px;
	z-index:200;
}
div.arrow_right{
	position:absolute;
	left:50%;
	margin-left:500px;
	top:50%;
	background-image:url(images/arrow_right.png);
	background-repeat:no-repeat;
	height:35px;
	width:19px;
	z-index:200;
}
div.arrow_left:hover{
	cursor:pointer;
	background-image:url(images/arrow_left_selected.png);
}
div.arrow_right:hover{
	cursor:pointer;
	background-image:url(images/arrow_right_selected.png);
}

.tabimage{
	position:relative;
}





div.designholder{
	height:700px;
	width:1000px;
	position:relative;
	top:50%;
	margin-top:-400px;
	padding-left:20px;
}

div.tabholder{
	position:absolute;
	top:608px;
	left:290px;
}

div.pageholder{
	position:absolute;
	top:650px;
	width:90%;
}

div.designtab{
	float:left;
	padding:8px;
	width:38px;
	height:38px;
	background-repeat:no-repeat;
}

div.designtab:hover{
	cursor:pointer;
}


div.design0{
	background-image:url(images/design_01.png);
}
div.design1{
	background-image:url(images/design_02.png);
}
div.design2{
	background-image:url(images/design_03.png);
}
div.design3{
	background-image:url(images/design_04.png);
}
div.design4{
	background-image:url(images/design_05.png);
}
div.design5{
	background-image:url(images/design_06.png);
}
div.design6{
	background-image:url(images/design_07.png);
}
div.design7{
	background-image:url(images/design_08.png);
}
div.design8{
	background-image:url(images/design_09.png);
}
div.design9{
	background-image:url(images/design_10.png);
}

div.design0:hover, div.design0_selected{
	background-image:url(images/design_selected_01.png);
}
div.design1:hover, div.design1_selected{
	background-image:url(images/design_selected_02.png);
}
div.design2:hover, div.design2_selected{
	background-image:url(images/design_selected_03.png);
}
div.design3:hover, div.design3_selected{
	background-image:url(images/design_selected_04.png);
}
div.design4:hover, div.design4_selected{
	background-image:url(images/design_selected_05.png);
}
div.design5:hover, div.design5_selected{
	background-image:url(images/design_selected_06.png);
}
div.design6:hover, div.design6_selected{
	background-image:url(images/design_selected_07.png);
}
div.design7:hover, div.design7_selected{
	background-image:url(images/design_selected_08.png);
}
div.design8:hover, div.design8_selected{
	background-image:url(images/design_selected_09.png);
}
div.design9:hover, div.design9_selected{
	background-image:url(images/design_selected_10.png);
}

div.designlogo{
	position:absolute;
	top:409px;
	left:834px;
}

div.designwindow{
	position:relative;
	top:45px;
	left:-60px;
	width:700px;
	padding-bottom:100px;
}

.link:hover{
	cursor:pointer;
}

div.content{
	min-height:700px;
}

div.info{
	position:relative;
}

a.text{
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
}

.vsmall{
	font-size:10px;
}

.small{
	font-size:11px;
}


.white{
	color:#FFF;
}

.black{
	color:#000;
}

.lightgrey{
	color:#CCC;
}

.grey{
	color:#999;
}

div.clear {
   height: 0;
   margin: 0;
   padding: 0;
   clear: both;
}

div.spacer{
	height:10px;
}


div.button{
	background-color:#333;
	border:1px solid #CCC;
	width:80px;
	height:20px;
	float:left;
	margin-right:20px;
	line-height:18px;
}
div.button:hover{
	background-color:#666;
	cursor:pointer;
}

.dialogbox2{
	position:relative;
	z-index:4;
	background-image:url(images/lightback.png);
	background-repeat:repeat;
	width:500px;
	top:50%;
	left:50%;
	margin-left:-270px;
	margin-top:-220px;
	padding:20px;
}

.fadedback{
	position:absolute;
	top:0px;
	background-image:url(images/dialogback.png);
	background-repeat:repeat;
	width:100%;
	height:100%;
	position:absolute;
	z-index:3;
	text-align:center;
}

div.cross{
	position:absolute;
	background-image:url(images/cross.png);
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	top:-8px;
	left:-8px;
	z-index:4;
}

div.cross:hover{
	cursor:pointer;
}

.dialog-text{
	height:100%;
	width:100%;
	vertical-align:middle;
}

div.buttoncontainer{
	position:relative;
	left:50%;
	margin-left:-100px;
}

div.buttoncontainersingle{
	position:relative;
	left:50%;
	margin-left:-40px;
}


div.thumbcontainer{
	width:143px;
	height:175px;
	float:left;
	margin:18px;
	vertical-align:bottom;
	display: inline;
}

div.thumbinfo{
	background-color:#3d342d;
	height:24px;
	width:100%;
	margin-top:5px;
	line-height:22px;
	vertical-align:bottom;
}

div.previewbox{
	position:absolute;
	padding:12px;
	background-image:url(images/whiteback.png);
	background-repeat:repeat;
	z-index:4;
}

div.examplebox{
	position:relative;
	padding:12px;
	background-image:url(images/whiteback.png);
	background-repeat:repeat;
}

a img { border:none; }


div.design_description{
	float:left;
	margin-right:20px;
}

.designtable{
	height:100%;
}

#dialog2{
	display:none;
}