/* --- Reset everything ---*/

* {
  	margin: 0;
  	padding: 0;
}

body {
	font: 76%/1.6 Arial, Helvetica, sans-serif;
	min-width: 900px;
	background: #20323C;
	text-align: center;
}

/*--- Main layout elements ---*/

#wrapper {
	width: 940px;
	margin: 50px auto 0;
	text-align: left;
	background: #FFF;
	height: 510px;
}

#column1 {
	width: 610px;
	float: left;
	list-style: none;
	background-color:#FFF;
	margin-left: 0;
}

#content {
	width: 325px;
	float: right;
}

#mainContent {
	width: 325px;
	margin: 0;
	float: left;
	padding-top: 25px;
}

#footer {/*footer same as home*/
	clear: both;
	padding: 17px 1px 20px 25px;
	color: #333;
	position: absolute;
	width: 944px;
	top: 508px;
} 

.copy {
	font-size: 90%;
/*	color: #999;*/
}

#footerlinks {
	width: 500px;
	text-align: right;
	position: absolute;
	left: 413px;
	bottom: 20px;
}

#nav {
	margin-top: 40px;
	margin-left: 1px;
}

/*#about #nav, #contact #nav {
margin-top: 43px;
}*/

#movie #nav {
margin-top: 40px;
}

/*--- Link styles ---*/

a:link, a:visited {
	color: #919699;
	text-decoration: none;
}

a:hover, #footerlinks a:hover, #footer a:hover {
	color: #19ABB8;
	text-decoration: none;
}

a:active {
	color: #19ABB8;
	text-decoration: none;
}

#footerlinks a {
	margin-left: 10px;
}

#large a {
	color: #FFF;
	text-decoration: underline;
}

/*--- Styles for current page links --- */

#nav li a:hover, #commercial li.commercial a, #exteriors li.exteriors a, #interiors li.interiors a, #panoramic li.panoramic a, #industry li.industry a, #visual li.visual a, #movie li.visual a, #pr li.pr a, #portraits li.portraits a, #about a.about, #contact a.contact, #printsales a.print {
	color: #19ABB8;
}

/*Paddings*/

#column1 {
	padding-top: 20px;
}

#column1 * {
	padding-left: 25px;
	padding-right: 0;
}

#column1 * * {
  	padding-left: 0;
  	padding-right: 0;
}

/*--- Headings ---*/

h1, h2, h3 {
	font-weight: normal;
	/*border-bottom: 1px solid #EDEDE5;
	padding-bottom: 5px;*/
}

h1, h2, h3, p {
  	margin: 1em 0;
}

h1 {
  	font-size: 1.6em;
	margin-top: 0;
}

h2 {
  	font-size: 1.4em;
}

h3 {
font-size: 1.2em;
}

/*--- Main div styles ---*/

p, li {
  	font-size: 1em;
}


#header h1 {
  	margin: 0;
}

#column1 h2 {
	color: #808080;
	font-size: 120%;
	margin-top: 0;
	line-height: 1.1em;
	border-bottom: 1px solid #EDEDE5;
	padding-bottom: 5px;
}

#faqs #column1 h2 {
	margin-top: 1em;
	margin-bottom: .2em;
}

#faqs p {
	margin-top: 0;
	margin-bottom: 0;
}

#mainContent p {
	line-height: 1.4em;
	font-size: 100%;
}

#content li {
	margin-left: 31px;
	/*color: #919699;*/
	list-style: none;
}

/* ---Paragraphs ---*/

.p1 {
	font-weight: bold;
	text-decoration:none;
	color:#217898;
	margin-top: 0;
}

.p2, .section p {
	text-decoration:none;
	color: #707070;
}

.subdued {
	color: #7C7C7C;
}

/* ---Images ---*/

img {
    border: none;
}
.logo {
	margin-left: 162px;
	margin-top: 20px;
}


.featured {
	margin-top: 1em;
	border: 5px solid #EDEDE5;
}

/*--- Others ---*/

.cvw {
}

.cvw a:link, .cvw a:visited {
	color: #CCC;
	text-decoration: none;
}

.fleft {
	float: left;
	margin-right: 10px;
}

hr {
	background:#A3CCE4;
	height:1px;
	color:#A3CCE4;
	border:none;
	margin-top: .5em;
	width: 275px;
}

.fright {
	float: right;
	margin-left: 10px;
}

/*--- Image gallery styles ---*/

.default {
	padding-top: 50px;
	padding-left: 2px; /*4px -> 0px *button chnages*/

/*height: 65px;*/
}

.default, x:-moz-any-link {margin-left: -4px; padding-left: 0px;}/*styles for Firefox 2.0 here*/


#thumbnail {
	list-style: none;
	/*	float: left;* --- 15august ---/  
	/*	height: 47px;*/
	padding-left: 0;
	margin-top: 20px;
	margin-left: 0;	/*width: 100%;*/
}

#thumbnail a {
	display: block;
	border: 1px solid #333;
	height: 45px;
	width:45px; 
}

#thumbnail a:hover, #thumbnail a:active {
	border: 1px solid #F60;
	height: 45px;
	width:45px;
}

#thumbnail li {
display: inline;
	list-style: none;
	margin-left: 4px;
	margin-right: 4px;
/*float: left;*/
}

#large {
	width: 600px;
	float: left;
	height: 450px;
	/*background: url(../images/ajax-loader.gif) no-repeat 40% 50%;*/
}

.prev, .next {
/*padding: 0.25em;----button changes */ 
	color: #19ABB8;
	font-size: 100%;
	cursor: pointer;
	margin-left: 10px;
	font-weight: bold;
	float: left;
	border-width: 0;
	border-style: none;
	/*width: 12px;----button changes*/
	background: #FFF;
}

.next {
	float: right;
	margin-top: -44px;
	margin-right: 8px;
}

.prev {
	margin-top: 53px;
	margin-right: 0px; /*2px prev*/
	margin-left:12px; /*not set prev*/
}

.default {/*to prevent carousel flicker during its construction */
    position: relative;
    visibility: hidden;
    left: -5000px;
}

/*--- Specific page styles to override main styles ---*/

.highlight, #visual .highlight, #movie .highlight {
	color: #333;
	font-weight: bold;
}

/*#visual .highlight {
	color: #19ABB8;
	font-weight: bold;
}*/

#about #large, #contact #large, #visual #large, #movie #large {
	color: #FFF;
	background: #18ABB7;
	overflow: auto;
	padding: 10px;
	width: 580px;
	height: 430px;
	margin-left: 25px;
}

#movie #large {
padding-top: 0;}

#printsales #content, #printsales #mainContent {
	width: 200px;
}

#printsales #column1 {
	width: 725px;
}

#printsales .logo {
	margin-left: 37px;
}

#about #large h1 {
	margin-bottom: 0;}

#about #large p{
	line-height: 1.4em;
}

#visual #large h2, #movie #large h2 {
	margin-top: 15px;
	color: #FFF;
}

#visual #large a, #movie #large a {
	color: #D7D7D7;
	text-decoration: none;
}

#visual #large ul.movies {
	list-style: none;
}

#visual #large ul.movies li {
	margin-right: 17px;
	float: left;
	margin-bottom: 5px;
}

#visual #large ul.movies li.special {
	margin: 0px;
}

#visual #large ul.movies li a {
	border: 1px solid #333;
	height: 50px;
	width: 180px;
	display: block;
}
	
#visual #large ul.movies li a:hover {
	border: 1px solid #F60;
	height: 50px;
	width: 180px;
}

#large .intro, #visual .intro, #movies .intro {
	font-size: 140%;
	margin-top: 0px;
	line-height: 1.5em;
}

#large .addr {
	float: right;
	width: 225px;
	margin-right: 15px;
	text-align: right;
	line-height: 1.4em;
	margin-top: 5px;
}

.clearright {
	clear: right;
}

.clearboth {
	clear: both;
}

.quicktime {
	vertical-align: middle;
	float: right;
	margin-top: -16px;
}

small {
	font-size: 75%;
}

.small2 {
	font-size: 65%;
}

/*--- Pop-up styling ---*/

#topbar{
	position:absolute;
	border: 1px solid #56DEE9;
	padding: 10px 9px 2px 10px;
	background-color: #19ABB8;
	width: 500px;
	visibility: hidden;
	z-index: 100;
	text-align: left;
	color: #FFF;
	/*opacity:0.90;
filter:alpha(opacity=90);*/
}

#topbar a {
	color: #CFCFCF;
}

#topbar .attribute {
	float: left;
	width: 250px;
}

.close {
	vertical-align: middle;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
}

