@import url("common.css");
@import url("menu.css");
body {
	background:url(../img/bg.gif) repeat-x;
}
html, body {
	color: #FFF;
	margin:0;
	padding:0;
	font-size: 16px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#container {
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	height: auto !important;
	height: 573px;
	min-height: 573px;
}
#header {
	position:relative;
	height:95px;
	width: 1000px;
	background-color:#FFF;
}
#header .LogoHome {
	position:relative;
	float:right;
	right: 10px;
}
#header .headerStrap {
	position:absolute;
	top:65px;
	right:30px;
}
#menu {
	background:url(../img/menu_bg.gif) no-repeat;
	height:35px;
	width:1000px;
	color:#FFF;
	position: relative;
	z-index: 30;
	margin: 0px;
	padding-top:27px;
}

#webstunning_photo_gallery2{
	z-index:10
}

#homeFlash {
	position:absolute;
	top:156px;
	left:0px;
}


div.cs#page{
	padding-top:15px;
}
#home #page {
	width:535px;
	margin-left:440px;
}
#page ul {
	list-style:none;
	margin-left:0px;
}
#page ul li {
	background:url(../img/page_bullet.png) no-repeat 0px 4px;
	padding-left:13px;
}
.colPage h1 {
	margin-bottom:16px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	width: auto;
}

.lightbox img, .videobox img  {
		margin-right:10px;
	border:2px solid #FFF;
}





/* columns */


#columns {
	float: left;
	
	background:url(../img/containerLeftcol_bg.gif) bottom no-repeat #008dcc;
	width: 1000px;
	position:relative;
}
#columns.plain{background:url(../img/container_bg.gif) bottom no-repeat #008dcc;
min-height:420px;}
#inner {
	float: left;
	overflow: hidden;
}
.colLeft {
	float: left;
	background: #ccc;
	width: 321px!important;
	width:251px;
	padding-top:32px;
	background:url(../img/col-left-top.gif) top #FFF no-repeat;
	margin-top: 0;
	margin-right: 32px;
	margin-bottom: 42px;
	margin-left: 33px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #0090CE;
}

 .colLeft #leftColBtns {
	margin-bottom:-48px;
	z-index:100;
}


.colLeft #colLeftContent{
	width:300px;
	padding: 10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 50px;
	margin-left: 10px;
}
.colLeft #colLeftContent h2{ color:#005da6; font-size:16px; font-weight:bold;}
.colLeft #colLeftContent p{ color:#000;}

.colLeft #colLeftContent a{color:#005da6;}
.colMain {
	float: left;
	width: 360px;
	font-size:16px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 10px;
}
 .colPage {
	float: left;
	width: 580px;
	margin:20px 0 10px 0;
	font-size:13px;
}

 .colCaseStudy {
	float: left;
	width: 660px;
	margin:20px 0 10px 0;
	font-size:13px;
}

.colContact{
	float: right;
	width: 500px;
	font-size:13px;
	height: 50px;
}

td{ line-height:17px;}


.colRight {
	float: left;
	width: 212px;
	margin:20px 0 0 0;
}
.clear {
	clear: both;
	padding-top: 10px;
}
/*image boxes */
#imageBox img {
	border:1px solid #FFF;
	margin-right:10px;
}
#home #imageBox {
	position:absolute;
	bottom:-10px;
	right:30px;
	z-index:100;
}
#footer {
	position:relative;
	background:url(../img/footer_bg.gif) no-repeat;
	height:66px;
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
	z-index: 70;
}
#footer ul {
	list-style:none;
	position:relative;
	top:12px;
	left:20px;
	padding:0px;
	margin:0px;
	width:650px;
}
#footer ul li {
	background:url(../img/menu_bullet.gif) no-repeat 0px 0px;
	padding: 0px 15px 0px 14px;
	margin:0px;
	font-size:15px;
	color:#FFF;
}
#footer #footerEmail {
	position:absolute;
	bottom:37px;
	right:40px;
}
#footer #footerEmail span {
	color:#FFF;
	font-size:14px;
	margin-left:5px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
ul#boxes {
	padding:0px;
	margin:0 0 0 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24px;
	color: #09C;
	font-weight: bold;
}

ul#boxes img{
	position:absolute;
	top:9px;
	left:9px;
	border:1px solid #fff;
	width:91px;
	height:84px;}
ul#boxes li {
	position:relative;
	height:112px;
	width:186px!important;
	width:186px;
	list-style:none;
	padding:5px 0 0 115px;
	margin:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
li.boxBlue {
	background:url(../img/blueListBox.jpg) no-repeat;
}
li.boxGreen {
	background:url(../img/greenListBox.jpg) no-repeat;
}
li.boxOrange {
	background:url(../img/orangeListBox.jpg) no-repeat;
}
li.boxPurple {
	background:url(../img/purpleListBox.jpg) no-repeat;
}
li.boxlightBlue {
	background:url(../img/lightblueListBox.png) no-repeat;
}
#aboutFlash {
	position:absolute;
	bottom:0px;
	right:0px;
}

#tradeFlash {
	position:absolute;
	bottom:0px;
	right:0px;
}
contactFlash{
	position:absolute;
	bottom:0px;
	left:0px;}



#designBlock {
	width:81px;
	height:9px;
	display:block;
	background:url(../img/deisgn_block.png) no-repeat;
	position:relative;
	}

#home #designBlock { position:absolute; top:485px; right:40px;}
#about #designBlock { position:absolute; top:650px; left:380px;}




.caseStudyLeftCol{
	float: left;
	width: 250px!important;
	width:251px;
	margin:0 32px 42px 32px!important;
	margin:0 32px 42px 15px;
	padding-top:32px;
}

	


#caseStudyNav {
	border-right:1px solid #FFF;
	background:url(../img/topBlock.gif) no-repeat top right;
	}
	#caseStudyNav ul{
	margin:25px 0px 0px 0px;
	padding:0px;
	
	list-style:none;}
	#caseStudyNav ul li{
		padding-left:20px;}
	#caseStudyNav li.current {
		background:url(../img/black_bullet.png) no-repeat;
		font-weight:bold;
	}
	
#caseStudyContent{
	float:left;
	width:600px;
	margin-right:30px;}	
	#gallery {
		width:570px;
		float:left;
		clear:both;}
		
	#gallery .gallery{ border:2px solid #FFF;
	margin:0 16px 16px 0;}
	
#gallery .thumb{
			margin-right:10px;
	border:2px solid #FFF;}
	
	.lightboxgallery img {
		margin-bottom:10px;

}
	
div.hr {
	height: 4px;
	border-bottom:2px solid #FFF;
	margin-bottom:1px;
	clear:both;
	padding-top:10px;}
div.hr hr {
	 display: none;}

#about #container #columns .colPage h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}
#about #container #columns .colPage h2 strong {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}
gallery_menu_sidebar {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #09C;
}
#container #columns .colCaseStudy #page #caseStudyContent .style2 .style1 img {
	left: auto;
	right: auto;
	clip: rect(auto,auto,auto,auto);
}
#container #columns .caseStudyLeftCol #caseStudyNav {
	height: 800px;
	width: 260px;
}
#columns .caseStudyLeftCol #caseStudyNav {
	height: 800px;
	width: 260px;
}
#container #columns .caseStudyLeftCol #caseStudyNav {
	height: 800px;
	width: 260px;
}

#webstunning_photo_gallery{
	margin-left:-10px;
}

#webstunning_photo_gallery2{
	margin-left:-20px;
}

#webstunning_photo_gallery3{
	padding-bottom:10px
}