@charset "utf-8";
/* global css */
html,body {height:100%;}
body{background: url(../images/body.gif) #fff repeat-x;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,blockquote,dl,dt,dd,blockquote, pre,object,textarea,input{margin:0;padding:0}
body,select,input,textarea{font:11px/12px Arial, Helvetica, sans-serif; color: #4E4E4E;}	
input,select,img{vertical-align:middle}
h1,h2,h3,h4,h5,h6{font-size: 15px; font-weight: normal;}
dfn,em,cite,address,caption{font-style:normal}
fieldset,img,abbr {border: 0;} 
img,object,embed{vertical-align: top;}
ul,ol{list-style-type:none;}
table{border-collapse:collapse;;width:100%; border-spacing:0;}
caption,th{text-align:left;}
table th{line-height:25px;height:25px;}

a{
	color: #3366CC;
	text-decoration:none;
}
a:hover,.banner a:hover,.istockphoto a:hover,.terminal a:hover{
	color: #00CCFF;
}

#logo a,.email h2{text-indent: -2000px; overflow: hidden;}

#main:after{content:''; display: block; clear:both}
#searchresult {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 0px;
}

#header{
	width: 900px;
	height: 95px;
	margin: 0 auto;
	position: relative;
	z-index: 1000;
}

#logo{
	width: 198px;
	height: 80px;
	position: absolute;
	bottom: -17px;
	left: -20px;
}
#logo a{
	display: block;
	width: 198px;
	height: 80px;
	cursor: pointer;
	background: url(../images/logo.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/logo.png", sizingMethod="scale");
}

#search{
	position: absolute;
	bottom:0;
	right: 0;
	width: 271px;
	height: 47px;
	background: url(../images/search.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/search.png", sizingMethod="scale");
}
#search label{
	padding-left: 72px;
}
#search label strong{
	display: none;
}
#search input{
	background: none;
	border: 0;
}
#search label input{
	width:144px;
	height: 18px;
	padding: 0 3px;
	cursor: text;
	margin: 3px 8px 0 0;
}
#search .search_go{
	width: 41px;
	height: 31px;
}

/* main navigation */
#mainnav{
	width: 100%;
	height: 65px;
	margin-bottom: 13px;
	background: #4271BF;
	position: relative;
	z-index: 1;
}
#mainnavbar{
	width: 900px;
	padding-top: 44px;
	margin: 0 auto;
}
#mainnavbar li{
	float:left;
	height: 13px;
	position: relative;
	margin-right:20px;
}

#mainnavbar div.subnav{
	position: absolute;
	top: 13px;
	left: 0;
	width: 162px;
	display: none;
}
#mainnavbar div.subnav ul{
	width: 144px;
	padding: 9px 9px 3px;
	line-height: 18px;
	background: #4271BF
}
#mainnavbar div.subnav li{
	width: 144px;
	padding: 1px 0 0;
	background: url(../images/dot.gif) repeat-x;
}
#mainnavbar div.subnav li,#mainnavbar div.subnav li a{
	float: none;
	height: auto;
	margin: 0;
}
#mainnavbar div.subnav li a{
	color: #fff;
}
#mainnavbar div.subnav span{
	display: block;
	width: 100%;
	height: 4px;
	overflow: hidden;
	background: url(../images/subnav.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/subnav.png", sizingMethod="scale");
}

/* center */
#main{
	width: 900px;
	margin: 0 auto 13px;

}

#mainbar{
	float: left;
	width: 607px;
}
#gallerybar{
	float: left;
	width: 907px;
}
.banner{
	height: 315px;
	color: #fff;
	font-size: 12px;
	padding: 14px 14px;
	margin-bottom: 7px;
	background-image: url(../images/bottom_box.jpg);
	background-repeat: no-repeat;
}
.banner1{
	height: 315px;
	color: #fff;
	font-size: 12px;
	padding: 14px 14px;
	margin-bottom: 7px;
	background-image: url(../images/top_box.jpg);
	background-repeat: no-repeat;
}
.banner a,.istockphoto a,.terminal a{
	color: #fff;
}
.banner p,.content p,.istockphoto p,.terminal p{
	margin-bottom: 10px;
}
h2{
	font-size: 15PX;
}

.wrape{
	width: 100%;
	background: url(../images/content_t.gif) #E5E5E5 no-repeat;
}
.wrape2{
	width: 100%;
	background-color: #FFFFFF;
}
.content{
	line-height: 21px;
	background: url(../images/content_b.gif) left bottom no-repeat;
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 30px;
	padding-left: 16px;	
}
.contentproduct{
	line-height: 21px;
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 30px;
	padding-left: 0px;
}
.content h1{
	font-size:16px;
	color: #4B77C2;
	padding-bottom: 8px;
	margin-bottom: 20px;
	border-bottom: 1px solid #CECECE;
	font-weight: bold;
}
.contentgallery{
	line-height: 21px;
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 12px;
	padding-left: 16px;
	background-image: url(../images/content_gallery.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#sidebar{
	float:right;
	width: 271px;
}
.istockphoto{
	width: 245px;
	height: 172px;
	color: #fff;
	padding: 13px 13px 13px 29px;
	position: relative;
	margin-left: -16px;
	margin-bottom: 1px;
	background-image: url(../images/logos.gif);
	background-repeat: no-repeat;
	background-position: 14px 1px;
}

.news{
	width: 100%;
	color: #fff;
	margin-bottom: 1px;
	background: url(../images/news_t.gif) #02AFF0 no-repeat;
}
.news .bb{
	padding: 13px 13px 0;
	background: url(../images/news_b.gif) left bottom no-repeat;
}
.news h2{
	font-weight: bold;
	margin-bottom: 8px;
}
.news li,.news p{
	padding: 5px 2px;
	background: url(../images/dot_news.gif) repeat-x;
}
.news li span{
	display: block;
	width: 100%;
}
.news a{
	color: #FFFFFF;
	padding-right: 14px;
	background: url(../images/arr.gif) right 4px no-repeat;
}
.news a:hover{
	color: #333333;
	padding-right: 14px;
	background: url(../images/arr.gif) right 4px no-repeat;
}
.news p{
	padding:8px 2px;
	text-align: right;
}

.terminal{
	height: 76px;
	padding: 13px;
	color: #fff;
	margin-bottom: 1px;
	background: url(../images/terminal.gif) no-repeat;
}

.view{
	background: url(../images/view.gif) no-repeat;
}


.email{
	height: 74px;
	background: url(../images/email.gif) no-repeat;
}
.email h2{
	height:34px;
}
.email label strong{
	display: none;
}
.email input{
	background: none;
	border: 0;
}
.email label input{
	width: 165px;
	height: 18px;
	margin:4px 0 0 50px;
	padding: 0 3px;
	cursor: text;
	color: #fff;
}
.email .email_go{
	width: 30px;
	height: 22px;
}
.email .email_go,#search .search_go{
	font-size: 100em;
	overflow: hidden;
	cursor: pointer;
}

#footer{
	width: 900px;
	height: 160px;
	margin: 0 auto;
	font-size: 12px;
	color: #7E7C7C;
	font-weight: normal;
	text-decoration: none;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: 780px 0;
}
#footer .author{
	float:right;
	padding-right: 13px;
}
#box2
{
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	padding:11px;
	width:166px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:166px;
	float: left;
	margin-right: -1px;
	margin-top: -1px;
	height: 170px;
	border: 1px solid #CCCCCC;
}
.thumblisting {
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	text-align: center;
	padding:5px;
	width:160px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:160px;
	float: left;
	margin-top: 10px;
	margin-left: -1px;
	line-height: 12px;
}
#pagenextprev
{
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	padding:5px;
	width:559px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:559px;
	background-color: #EEEEEE;
	float: left;
}
/*jared mods*/
#backbutton
{
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	width:550px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:550px;
	float: left;
	margin-bottom: 0px;
	height: 25px;
	text-indent: 0px;
	margin-top: 0px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 13px;
	background-color: #eeeeee;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#boxmain
{
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	voice-family: "\"}\"";
	voice-family:inherit;
	float: left;
	margin-right: -1px;
	margin-top: 0px;
	width: 557px;
	height: 250px;
	clear: both;
	padding-top: 11px;
	padding-right: 11px;
	padding-bottom: 11px;
	padding-left: 0px;
	margin-bottom: 11px;
}
#enquiry {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 482px;
	float: left;
	padding: 13px;
	font-weight: normal;
	text-decoration: none;
	margin-left: 0px;
	background-color: #4271bf;
	margin-bottom: 5px;
}
#special {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 543px;
	float: left;
	padding: 13px;
	font-weight: normal;
	text-decoration: none;
	margin-left: 0px;
	background-color: #EEEEEE;
	margin-bottom: 0px;
} 

.c:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	text-decoration: underline;
	font-weight: normal;
}
.c:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
}
.c:hover {
	color: #333333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
.c:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
}
/* gallery mods */
.stria-bg {
	height:24px;
	line-height:24px;
	font-size:13px;
	margin-bottom:0px;
	background-color: #DDDDDD;
	padding: 5px;
}
.boxme {
	height:auto;
	line-height:24px;
	font-size:12px;
	margin-bottom:0px;
	padding: 5px;
	background-color: #EEEEEE;
}
.maingraphic {
	padding: 2px;
	border: 1px solid #CCCCCC;
}
.left-content {
	width:254px;
	float:left;
	padding-left:8px;
}
.left-content li {
	height:20px;
	line-height:20px;
	margin-right:10px;
	border-bottom:1px solid #b2b2b3;
}
.pic-list img {
	float:left;
	margin:9px 9px 0 0;
	cursor:pointer;
	border: 1px solid #999999;
}
.pages {
	text-align:right;
	padding:10px;
}
.right-content {
	width:570px;
	float:right;
}
.pic-list li {
	height:20px;
	line-height:20px;
	margin-right:10px;
	border-bottom:1px solid #b2b2b3;
	list-style-type: none;
}
.box-wrap {
	border:1px solid #b2b2b3;
	padding:5px 6px;
	zoom:1
}
.box-content {
	background:#fff;
	padding:6px;
}
.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0099FF;
	padding: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.newslisting h1{
	font-size:16px;
	color: #4B77C2;
	padding-bottom: 8px;
	margin-bottom: 12px;
	border-bottom: 1px solid #CECECE;
	font-weight: bold;
}
.newslisting{
	line-height: 21px;
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 30px;
	padding-left: 16px;	
}
.newslistingsegment{
	font-size:12px;
	color: #666666;
	padding-bottom: 8px;
	margin-bottom: 20px;
	font-weight: normal;
}
.formfields{
	font-size:12px;
	color: #666666;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}