/** BODY STYLES **/

body { background: url(../images/structure/cmd-header-noone.jpg) no-repeat top center; margin:0; font-family:Arial, Helvetica, sans-serif; text-align:justify; width: 100%;  display: table; }
li {font-size:12px; color:#555;}

h1 { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333; margin:0px 0px 10px; text-align:left;}
	h1 a{ color:#ff9900; text-decoration:none; border-bottom:1px #aaa dashed;}
	h1 a:hover{ color:#444; text-decoration:none;}
h2 { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333; margin:0px 0px 10px; }
	
.centre { text-align:center;}
	
	
p { font-size:12px; color:#555; line-height:1.5em; margin-top:10px;}
a { color:#ff9900; text-decoration:none;}
a:hover { color:#555; text-decoration:none;}

#wrapper { margin: 0 auto; width:950px; height:auto;}

/** HEADER STYLES **/

#header { margin:0; width:950px; height:330px;}
	#name { position:absolute; width:380px; height:126px; top:20px; margin-left:20px;}
	#cta { position:absolute; width:108px; height:69px; top:152px; margin-left:652px; }
	#nav { position:absolute; width:580px; height:auto; top:10px; text-align:center;}
		#nav ul { list-style:none; margin:0; height:20px; padding:0;}
		#nav li { display:inline; padding:5px; color: #fff; font-size:14px;}
		#nav li a{ font-family:Arial, Helvetica, sans-serif; color: #fff; font-size:14px; font-weight:bold; text-decoration:none; padding: 0 7px; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;}
		#nav li a:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
	
	

/** PAGE STYLES **/
#index { margin: 0 auto; width:950px; min-height:450px; padding: 0; margin-top:10px;}
	#index ul { list-style:none; margin:0; }
	#index li { display:inline; position:relative; float:left; width:380px; margin-left:30px;}
	
	#intro { margin: 0 auto; width:910px; height:auto; margin-top:10px; margin-bottom:30px;}
		#intro h1 { font-family:Arial, Helvetica, sans-serif;  font-size:18px; color:#888; font-weight:400; line-height:1.5em; text-align:left;}
	
	#indexservices { margin: 0 auto; width:910px; min-height:450px; margin-top:10px;}
		#indexservices h1 { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ff9900; margin:0px 0px 10px; }
		#indexservices ul  { list-style:none;  display:inline; position:relative; float:left; width:200px; margin:0; padding:0 10px;}
		#indexservices li {  line-height:130%; width:200px; height:220px; text-align:left; margin:0; padding:0; }
		#indexservices #view { clear:both; position:absolute; bottom:0; right:15px;}
		
#copy { margin: 0 auto; width:910px; min-height:450px; padding:20px;}
	#copy h1 { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding: 20px 0 0px; font-weight:bold; color:#333;}
	#copy ul { list-style:none; margin:0; }
	#copy li { display:inline; position:relative; float:left; width:400px; margin-left:30px;}
	
	#services { margin: 0 auto; width:910px; min-height:430px; padding:20px; margin-top:10px;}
		#services ul  { list-style:none;  display:inline; position:relative; float:left; width:200px; height:330px; margin:20px 0; padding:0 10px;}
		#services li {  line-height:2em; width:200px; text-align:left; }
		#services #view { position:absolute; bottom:0; right:15px;}
		
#testimonials { border-bottom: 1px dotted #ff9900; padding:15px 0;}
	#testimonials .person { color:#ccc; font-weight:400;}
	#testimonials .projects {font-size:10px; color:#999; }
	#testimonials .projects a{  color:#999; text-decoration:none; margin-left:20px; line-height:12px;}
	#testimonials .projects a:hover{  color:#ff9900; text-decoration:none; margin-left:20px; line-height:12px;}
	#testimonials .print { padding-left:20px;}
	
#subcription { margin: 0 auto; width:400px; min-height:450px; padding:20px; }


		
/** GALLERY STYLES **/
	#gallery { margin: 0 auto; width:950px; min-height:250px; margin-top:30px; padding-bottom:30px;}
		#gallery h1 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ff9900; line-height:1.5em; font-weight:bold; margin:10px;}
		#gallery p { padding: 0; margin:5px 0; color:#999; font-size:8pt; line-height:1.5em;}
		#gallery ul { list-style:none; margin-top:30px;}
		#gallery li { display:inline; position:relative; float:left; width:210px; height:220px; margin:12px; overflow:hidden; margin-bottom:15px;}
		#gallery li h2 { padding:0; margin:10px 0 5px 0;}
		#gallery li p { padding: 0; margin:5px 0; color:#999; font-size:8pt; line-height:1.5em;}
		#gallery img { border:1px #eee solid; padding:2px; }
		#artworks li { display:inline; position:relative; float:left; width:210px; height:170px; margin:12px; overflow:hidden; margin-bottom:15px; text-align:left;}
		
	#gallery-detail { margin: 0 auto; width:900px; height:480px; margin-top:30px; padding-bottom:30px; text-align:center;}
		#gallery-detail img { border:1px #eee solid; padding:2px; margin:0 10px; float:left; }
		#gallery-detail h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#888; text-align:left; margin:10px 0 5px;}
		#gallery-detail p { text-align:left;}
		#gallery-detail .software { font-size:12px; font-style:oblique; margin:5px 0;}
		#gallery-detail .detailsDIV { border-bottom:1px dotted #ccc; float:left; width:230px; margin-bottom:15px;}
		#gallery-detail .blurbDIV { float:left; padding: 0; width:230px; margin-bottom:15px;}
		
		
	#showcase { margin: 0; float:left; width:910px; height:160px; margin:0px 10px 30px 5px; }
		#showcase img { width:415px; overflow:hidden;}
		#showcase #view { position:relative; bottom:0; right:15px; margin-top:15px;}
	
	#view { clear:both; position:absolute; bottom:0; right:15px; font-size: 11px; font-weight: bold; color: #fff; height:12px; width:40px; padding: 5px 10px; margin: 0; float:right; background: #999; text-align:center; letter-spacing:1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 1px 1px 0px #333;}
	#view:hover { background:#ff9900; text-shadow: 1px 1px 0px #111; }
	#view a { color:#fff; font-size: 11px;}
	
	#back {bottom:0; right:0px; font-size: 11px; font-weight: bold; color: #fff; height:12px; width:40px; padding: 5px 10px; margin: 0; float:right; background: #999; text-align:center; letter-spacing:1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 1px 1px 0px #333;}
	#back:hover { background:#ff9900; text-shadow: 1px 1px 0px #111; }
	#back a { color:#fff; font-size: 11px;}
	
	
	#spacer { height:30px; width:10px; clear:both;}
		
/** FOOTER STYLES **/

#footerwrapper { background: url(../images/structure/footer.png) repeat-x top left; clear:both; }
#footer { margin:0 auto; width:860px; height:160px; padding-top:30px; clear:both; padding-left:90px;}
	#footer ul { list-style:none; width:200px; position:relative; float:left; margin:0; }
	#footer li { display:block; margin:7px 0; color: #aaa; font-size:8px; line-height:10px; text-transform:uppercase; letter-spacing:1px;}
	#footer a{ color: #aaa; font-size:8px; text-decoration:none;}
	#footer a:hover{ color: #fff;}
	#footer h1 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; margin:0; margin:10px 0 5px 0; font-weight:bold; text-transform:uppercase; text-shadow: 1px 1px 0px #111;}



/** FORM STYLES **/

.field { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; float:left; text-align: justify; color:#999; border: #666 1px solid; background:#FFF ; padding: 2px; margin-top:0; margin-bottom: 12px; line-height:150%; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.field:focus { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: justify; color:#333; font-style:normal; }

.submit { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; float:right; height: auto; width: auto; padding: 5px 10px; margin: 5px 20px;  border: #666 1px solid; background: #999 ; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.submit:hover { background:#666666 ; cursor:pointer; }

#sender { background:url(../images/features/form-name.jpg) no-repeat top left; padding-left:45px; width: 325px;}
#email { background:url(../images/features/form-email.jpg) no-repeat top left; padding-left:40px; width: 330px;}
#phone { background:url(../images/features/form-phone.jpg) no-repeat top left; padding-left:55px; width: 315px;}
#comments { background:url(../images/features/form-enquiry.jpg) no-repeat top left; padding-left:50px; width: 325px;}
#purpose { background:url(../images/features/form-subject.jpg) no-repeat top left; width:375px; padding-left:50px;}



.subscribe { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; float:left; text-align: justify; color:#999; border: #666 1px solid; background:#FFF ; width: 370px; padding: 4px; margin-top:0; margin-bottom: 5px; padding-left:40px; line-height:150%; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.subscribe:focus { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: justify; color:#333; font-style:normal; }

.subscribesubmit { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; height: auto; width: auto; padding: 5px 10px; margin: 0px 20px;  border: #666 1px solid; background: #999 ; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.subscribesubmit:hover { background:#666666 ; cursor:pointer; }

#dlilhy-dlilhy { background:url(../images/features/form-email.jpg) no-repeat top left; width:200px;}


/** ATTRIBUTES **/
.imgL { float:left; margin: 5px 15px  0px 10px;}
.imgR { float:right; margin: 0px 0  0px 15px;}
.logo { float:right; margin: 0px 5px;}
.clear { clear:both;}
.clear-left { clear:left;}
.galleryh2 { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333;}
.galleryh2-white { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#fff;}
.points { margin:10px 0;}
.highlight { color:#ff9900; margin:0; padding:0;}
.details { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333;}
.indexgallery { background:#505050 url(../images/structure/index-gallery.jpg) repeat-x bottom left; border:#000 2px solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; height:280px; padding-left:10px;}
.indexgalleryh2 { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#fff; margin: 0 15px;}
.transparent_class { filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; }
.indexh2 { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ff9900; padding-bottom:10px;}