/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

*{
	padding:0px;
	margin:0px;	
}
body{
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	background-color: #3f3f40;
	color: #585858;
	font-size: 11px;
}

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

a:hover {
	text-decoration: none;	
}


h1, h2, h3, h4, h5, h6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 5px 0px 10px 0px;	
	font-weight: bold;
}

h6{ 
	display: inline;
	color:#d9497b;
}

h1{
	font-size: 110%;
	color: #221e1f;
	font-weight: bold;
}

h2{
	font-size: 110%;
	color: #221e1f;	
	font-weight: bold;	
}

h3{
 font-size: 103%;
 color: #666;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #666;
}

h5{
 font-size: 95%;
 color: #666;
}

ol li{
	margin-left: 20px;
}

ol{
	margin-bottom:10px;
}

ul{ 
 list-style-type: none; 
}

ul li {padding-bottom: 5px;}


label{
 font: bold 100% Arial,sans-serif;
 color: #666;
 display: block;
}

fieldset{
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
	background: #f8f8f8;
	width: 350px;
}
 legend{
 	font-weight: bold;
	color: #666;
 }
 
 @media screen {
	* html legend {
	margin: -20px 0 0 0;
	position: fixed;
	line-height: 1.4;
	}
}

/*p input{
	width: 200px;
}	*/


p {
	margin-bottom: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
textarea{
	width: 300px;
	height: 100px;
}

input:focus, textarea:focus{
	background: #efefef;
}

img{ border:none;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#wrapper{
	width: 705px;
	margin-bottom: 5px;
	padding: 0 50px 0 55px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	margin-top: 20px;
}

#mainArea{
	padding-bottom: 0px;
	padding-left: 0px;
}



#mainArea #catNav {
	float: right;
	width: 170px;
	padding-top: 20px; 
	 
}


#content{
	margin: 0px;
	padding: 10px 0px 10px 0px;
	/*background-image: url(images/content_sub_back.gif);
	background-repeat: repeat-y;
	background-position: 560px;*/
	
}

#content a:link, #content a:visited, #splash a:link, #splash a:visited{
	/*border-bottom: dotted 1px #666;*/
	border-bottom:none;
}



#content a:hover, #splash a:hover{
	border-bottom: none;
}

#content #clientStrip a:link, #content #clientStrip a:visited{
	border-bottom: none;
}

#wrapper .pageContentLeft a:link, #wrapper .pageContentLeft a:visited{
	border-bottom: none;
}

#wrapper #header{
	background-color: #fff;
	padding-bottom: 5px;
}

.clear{ clear: both;}

.error{
	font-weight: bold;
	color: #FF0000;
}

/********** topStrip **************/
#topStrip{
	margin: 0px -25px 0 -15px;
	padding:  0 0 0;
	border-bottom: 11px solid #fff;
	font-size: 11px;
	color: #666666;
	background-color: #FFFFFF;
	clear: both;
	height: 185px;
	
}

#topStrip #logo{
	float: right;
	width:290px;
	
	

}

#topStrip #newStrap{
	float: left;
	width:400px;
	margin-top:104px;
	
	

}

#tagLine{	
	height:35px;
	background-color:#d0cdbe;
	margin-bottom:10px;
	padding-top:15px;
	padding-left:20px;
}

/************** content styles ***************/
#pageNav{
	height: 22px;
	margin-left:-5px;
	margin-right:-5px;
}

#pageNav img{
	margin-left:5px;
}

#pageNav ul{	
	list-style: none;	
}
#pageNav ul a:link,#pageNav ul a:visited{
	text-decoration: none;	
	padding:4px 3px 4px 4px;
	display:block;
	margin-right:1px;
}

#pageNav ul a:hover{ 
	color:#ef59a1;
	text-decoration: none;
}

#pageNav ul a.dwn{
	color:#ef59a1;
	background-color:#f0f0e8;
}

#pageNav ul li{
	padding: 0px 0px 0px 1px;
	float: left;
	
	background-image: url(images/nav_div.gif);
	background-repeat: no-repeat;
	background-position:right 5px;

}

#pageNav ul li.last, #subNav ul li.last{
	background-image: none;
}
#pageNav ul li.first{
	padding-left: 0px;
}

#pageNav ul .dwn{ 
	color:#ef59a1;
}

#subNav{
	background-color:#f0f0e8;
	height: 15px;
	margin: 0px 0px 10px 0px;
	padding:3px;
}

#subNav ul li{
	padding: 0px 5px 0px 5px;
	float: left;
	background-image: url(images/nav_div.gif);
	background-repeat: no-repeat;
	background-position:right 3px;
}
#subNav ul li a:link, #subNav ul li a:visited{
	padding:3px;
}
#subNav ul li a:hover{
	color:#999;
}

#subNav ul .dwn:link, #subNav ul .dwn:visited {
	color:#ef59a1;
}

#content ul{
	list-style: none;		
}
#content ul li{
	padding-left: 10px;
	background-image:url(images/bullet.gif);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	list-style-type: none;
}

#content .pageContent{
	padding: 10px 20px;
	width: 450px;
	float: left;	
}

#content .pageContentFull{
	padding: 10px 0px 10px 0px;	
}

#content .pageContentLeft{
	margin: 0px 0px 10px 0px;
	float: left;
	border-right: #666 1px solid;
	width: 330px;
	padding: 0px 10px 0px 0px;
}

#content .pageContentRight{
	margin: 0px 0px 10px 10px;
	float: right;
	width: 340px;
	padding: 0px 0px 10px 0px;
}

#onetextCol #content .pageContentLeft{
	margin: 0px;
	float: left;
	width: 370px;
	padding: 0px 10px 0px 0px;
	border-right: none;
}
#onewtextCol #content .pageContentLeft{
	margin: 0px;
	float: left;
	width: 650px;
	padding: 0px 10px 0px 0px;
	border-right: none;
}
#onetextCol #content .pageContentRight{
	margin: 0px;
	float: right;
	width: 315px;
	padding: 0px;
	height: 340px;
}

#content ul{
	 list-style-type: none; 
}
#content .pageContentRight img{
	float: right;
	padding-bottom: 20px;
}
#home #content .pageContentRight{
	padding-top: 0px;
}
#home #wrapper{
	margin-top: 0px;
}
#content .pageContentRightRev{
	margin: 20px 0px 10px 10px;
	float: right;
	width: 205px;
	padding: 10px;	
	background-color: #3f3f40;
	color: #fff;
}
#content .pageContentRightRev h1{
	color:#d7d4c3;
}
#content .pageContentLeftAlt{
	margin: 20px 0px 10px 0px;
	float: left;	
	width: 445px;
	padding: 0px;	
}

#content .imgTitle{
	padding-bottom: 20px;
}

#content .imgComment{
	float: right;
	padding: 20px 10px 0 0;
}

/****************** Top Icon Styles********************/
.icon{
	float:right;
	border: 0px;	
}


a.linkOpacity img {
	filter:alpha(opacity=100);  	
	opacity: 1.0;
	border-bottom:none;
}

a.linkOpacity:hover img {
	filter:alpha(opacity=50); 	
	opacity: 0.5;
	border-bottom:none;
	
}


/*********** #navBar styles ***********/
#navContainer{
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	height: 15px;
	padding: 10px 10px 10px 0px;
	margin-right: 5px;
}

#navContainer ul  .navFinal{
	border-right: none;
	padding: 0px 4px 0px 4px;
	float: left;
}


#navContainer ul .nav{
	float: left;
	border-right: #666666 solid 1px;
	padding: 0px 4px 0px 4px;
}


#navContainer ul a:link, a:visited{
	color: #666666;
}

#navContainer ul a:hover{
	color: #8c667a;
	text-decoration: none;
}

#navContainer ul .dwn{
	color: #8c667a;	
}


/*********** #footer styles ***********/
#footer{
	width: 810px;
	margin-left: auto;	
	margin-right: auto;
	padding: 5px;	
	color: #666;	
	font-size: 95%;
}

#footer #credit{
	font-size: 10px;
	color: #666;
	padding: 5px 0px 5px 25px;
}

 #footer a:link, #footer a:visited{
 	color: #999;	
	font-size: 11px;
 }
 
 #footer a:hover{
 	text-decoration: underline;
 }



/******************Main Page Styles********************/

#mainImage{
	height: 331px;
	width: 299px;
	float: left;
}
#mainImage #rightImg{
	float: right;
}

#mainImage #leftImg{
	float: left;
}



/****************** Clean Tables ********************/
#cleantable {
	border-collapse:collapse;
}

#cleantable td {
	margin:5px; 	
	padding: 5px;
	border:1px solid #000;	
	color:#000000;
	text-align:center;
}

#cleantable  .title1 {
	font-weight: bold;
	text-align: center;
}

#cleantable  .title2 {
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #000;
}

#cleantable  .shade{
	background-color: #efefef;
}

#cleantable  .ital{
	font-style:italic;
	text-align:left;
}

#cleantable  .left{
	text-align:left;
}

/****************** home page styles ********************/

#home #topArea{
	height: 360px;
}


#home #topArea #Thumbs{
	width: 150px;
	background-color:#d7d4c3;
	float: left;
	margin-left: 25px;
	height: 331px;
	background-image: url(images/web_back.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#home .webThumb{
	border: #fff 1px solid;
	width: 65px;
	margin: 9px;
}

#home #topArea #splash{
	width: 210px;	
	float: left;
	margin-left: 20px;
	height: 331px;
}

#home #topArea #splash img{
	margin-left: 20px;
}

#home #topArea #newContent{
	width:430px;
	float:left;
	border:solid 1px #ccc;
	padding:10px;

}
#home #topArea #newContent #portfolioContainer{
	padding:18px 42px 111px 42px;
	background-image:url("images/mac_background.jpg");
	background-repeat:no-repeat;
	height:165px;
	width:266px;
	margin-left:50px;
}

#scrollContainer{
	width:266px;
	height:165px;
}
#home #topArea #newContent #buttonHolder{
	float:right;
	margin-top:10px;
}



#imageStrip{
	height: 100px;
	background-color:#d7d4c3;
	border-top: solid #3f3f40 7px;
	margin-bottom: 20px;
	
}
#seo #imageStrip{
	height: 100px;
	background-color:#d7d4c3;
	border-top: none;
	margin-bottom: 20px;
	
}
#home #imageStrip{
	padding-left: 17px;
}

#brownLine{
	height: 7px;
	background-color:#3f3f40;	
}

#colourStrip{
	height: 65px;
	background-color:#d7d4c3;
	margin-bottom: 20px;
	margin-top: 10px;
}

#imageStrip .imageItem{
	float: left;
	margin: 5px 12px 5px 12px;

}

/****************** photography page styles ********************/

#clientStrip{
	height: 95px;
	background-color:#3f3f40;
	border-top: solid #d7d4c3 7px;
	background-image: url(images/view_by_client.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}
#clientStrip ul{
	margin-top: 45px;
	margin-left: 10px;
}
#clientStrip ul li{
	border-right: 1px solid #fff;
	float: left;
	padding: 0px 4px 5px 5px;
	background-image:none;
}

#clientStrip ul li.last{
	border-right: none;
}
#clientStrip ul li a:link, #clientStrip ul li a:visited{
	color: #fff;
	
}
#clientStrip ul li a:hover{
	color:#666;
	text-decoration: none; 
}

#clientStrip ul li a.dwn{
	color:#666;
}

#mainFrame{
	 height: 338px;
 	 margin:10px 0 0 0;  
	 border: solid #3f3f40 20px;
}

#mainFrame .mainImage{
	float: left;
	margin: 10px 10px 10px 0px;
}

#pr #mainFrame .titleImage{
	float: left;
	margin: 250px 10px 10px 30px;
}
#design #mainFrame .titleImage{
	float: left;
	margin: 160px 10px 60px 30px;
}
#prDetails{
	margin-bottom: 15px;
	background-color: #d7d4c3;
	padding: 10px;
}

.pr_item{
	height: 50.px;
	padding: 10px 0px 10px 10px;	
	width: 90px;
	float: left;
	height: 60px;
	border-bottom: solid 1px #d7d4c3;
}

.pr_item_right{
	height: 50.px;
	padding: 10px 0px 10px 10px;
	border-right: solid 1px #d7d4c3;
	border-bottom: solid 1px #d7d4c3;
	width: 90px;
	float: left;
	height: 60px;
}

.pdf_img{
	width: 35px;
	margin-left: 30px;
	margin-bottom: 10px;
}

.pdf_title{
	width: 80px;
	float: left;
	color: #fff;
	text-align: center;
}

.pdf_title a:link, .pdf_title a:visited{
	color: #fff;
}

.pdf_title a:hover{
	color: #efefef;
}
#pr_right_title{
	margin-bottom: 10px;
}
#mainFrame .titleImage{
	float: left;
	margin: 20px 10px 10px 30px;
}
#mainFrame #TextArea{
	float: right;
	width: 260px;
	height: 285px;
	overflow: hidden;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	
}

#mainFrame #TextArea .extLink:link, #mainFrame #TextArea .extLink:visited {	
	background-image: url(images/ext_link.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:15px;
	border-bottom: #efefef dotted 1px ;
	color: #efefef;
}

#mainFrame #TextArea .extLink:hover{
	text-decoration:none;
	color: #666;
	background-image: url(images/ext_link_over.gif);
}

#mainFrame #TextArea .intLink:link, #mainFrame #TextArea .intLink:visited {	
	border-bottom: #efefef dotted 1px ;
	color: #efefef;
}

#mainFrame #TextArea .imtLink:hover{
	text-decoration:none;
	color: #666;
}

#pr #content{
	padding-top: 0px;
}

/****************** web design  styles ********************/

#webDesign #mainFrame #mainImage{
	float: left;
	background-color:#FFFFFF;
	height: 350px;
	width: 307px;
}

#webDesign #mainFrame{
	background-color:#fff;
	border:solid 1px #ccc;
	padding:20px;
	
}

#webDesign #mainFrame #TextArea{
	color: #666;
	float: right;
	width: 260px;
}

#webDesign #mainFrame #TextArea a{
	color: #666;
}

#webDesign #mainFrame h2{ color: #666;}


/*#webDesign .pageContentFull{
	padding-left: 70px;
	background-image: url(images/web_solutions.gif);
	background-position: left 10px;
	background-repeat: no-repeat;
}*/

#webDesignNew #mainFrame #mainImage{
	float: left;
	background-color:#FFFFFF;
	height: 350px;
	width: 307px;
}

#webDesignNew #mainFrame{
	background-color:#fff;
	height: 522px;
	margin: 0px;
	border: none;
}
#webDesignNew #mainFrame #TextArea{
	color: #efefef;
	float: right;
	width: 260px;
}

#webDesignNew #mainFrame h2{ color: #efefef;}


#webDesignNew .pageContentFull{
	padding-left: 70px;
	background-image: url(images/web_solutions.gif);
	background-position: left 10px;
	background-repeat: no-repeat;
}


/****************** accordian  styles ********************/

#accordion {   
    width: 300px;
    height: 310px;  
    font-size: 11px;
}
#accordion h3 {
    font-size: 12px;
    padding: 4px 6px 4px 6px;
    margin: 0;   
    color:#fff;    
    cursor:pointer;
}
#visible {
    color:#999;   
}
#panel1, #panel2, #panel3, #panel4, #panel5 {
    margin: 0;
    padding-bottom: 0;
    border: none;
}
.panel_body {
    height:165px;
	background-color:#d7d4c3;
	padding:10px;
	color:#3f3f40;
}
/****************** slider  styles ********************/
.portfolioSlider {  
  position: relative;
}

.portfolioSlider .sli-button {
  position: absolute;
}

.portfolioSlider #leftb { 
  top: -1px;
  left:-1px;
}

.portfolioSlider #rightb {  
  top: -1px;
  right:-1px;
}

#featured-slider {
	width: 698px;
	height: 81px;
	background-color: #bbb79e;
	padding-left: 5px;
	border-top: #bbb79e solid 1px;	
	margin-left:1px;
}

#featured-slider #slider-contents{
	margin-left:35px;
	width:auto;
	height:80px;
	padding-right:35px;
	padding-top:5px;
	padding-bottom: 5px;
}

#featured-slider .featured_content {
	width:90px;
	padding-right:10px;	
	margin-right:10px;
	border-right:1px dotted #8F8F8F;
}

#featured-slider .featured_title{
	color:#333333;
	font-size:1em;
	font-weight:bold;
	padding-left:5px;
}

#featured-slider .show_more{
	margin-top:0px;
	padding-left:5px;
}


#small-slider {
  width: 644px;
  height: 85px;
}

#featured-slider .sli-button {
  width: 25px;
  height: 82px;
}

#featured-slider #leftb {
	background: url(images/slider_left.gif) top left no-repeat;
}

#featured-slider #leftb:hover {
	cursor:pointer;   
}

#featured-slider #rightb {
	background: url(images/slider_right.gif) top left no-repeat;
}

#featured-slider #rightb:hover {
	cursor:pointer;	
}


/******************floating layer Styles********************/
#trailimageid {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 420px;
	height: 1px;
	z-index: 1000;
}
.borderbot {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	background: #cccccc repeat-x;
}
.thumbs_box{
	padding: 5px;	
	border: 1px solid #888;
	/*background-image: url(images/semi_trans.png); */
	background-color: #fff;
	
}




.thumbs_box h2{
	font-size: 12px;
	font-weight: bold;	
	padding-bottom: 0px;
	padding-left: 28px;
}

.thumbs_box img{
	border: #efefef solid 1px;	
}
.thumbs_box .descTxt{
	padding: 5px;
	color: #535353;
}


#desIm{
	float: right;
}


#client_list #content .pageContentLeft{
	width: 215px;
	border-right: none;
	padding-top: 20px;
}
 
#client_list #content .pageContentRight{
	width: 460px;
	padding-top: 0px;
}

/******************article Styles********************/
#artNarrow{
	width:200px;
	float:right;
}
#artMain{
	width:480px;
	float:left;
}

#artMain h1{
	font-size:14px;
}

#artNCont{
	background-color:#3f3f3f;
	padding: 10px;
}

#artNCont h2{
	color:#fff;
	font-weight: normal;
	font-size: 14px;
}

#artNCont .artLine{
	color:#fff;
	border-bottom:dotted 1px #999;
	margin-bottom: 5px;

}
#artNCont .artLine h3{
	padding-left:20px;
	color: #fff;
	background-image: url(images/art_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
#artNCont p{
	margin-left:22px;
}

#artNCont p a:link, #artNCont p a:visited{
	text-align:right;
	color:#d7d4c3;
}

#artNarrow a:link, #artNarrow a:visited{
	color:#eb5c9c;
}

#searchLeft{
	float:left;
	width:250px;
	padding:0px 10px 10px 10px;
	border-right: solid 7px #fff;
	height: 90px;
}

#searchRight{
	float:left;
	width:400px;
	padding:0px 10px 10px 10px;
	height: 90px;
}

p #searchb{
	width:72px;
}

.searchCont{
	width:125px;
	float: left;
	padding: 3px;
}

.searchCont input{
	margin-right:5px;
	
}

.inputContainer{
	height:50px;
}
#seo .keyInp{
	color:#666;
	font-size:12px;
	background-color:#efefef;
	border:solid 1px #999;
	height:20px;
	padding:2px;
}
#artWide{
	padding-bottom:10px;
}

/* start - results */

.resWrap {
	border-bottom: dashed 1px #ccc;
	width:680px;	
	margin-bottom:0px;	
	padding: 10px 5px 15px 10px;
}
.resWrapAlt {
	border-bottom: dashed 1px #ccc;
	width:680px;	
	margin-bottom:0px;
	background-color:#f7f6f2;
	padding: 10px 5px 15px 10px;
}

#wrapper .iconLeft:link, #wrapper .iconLeft:visited{
	background-image: url(images/rev_results_icon.gif);
	background-repeat:no-repeat;
	background-position:left 7px;
	padding:10px 0px 10px 18px;
	border-bottom:none;
}
#wrapper .iconLeft:hover{
	color:#666;
}

.res1{
	margin-bottom:15px;
}

#galleryContainer{
	margin:10px 0px;
}

/***********************************************/
/* gallery styles  */
/***********************************************/



#galleryContainer {
	margin-top:0px;
	width: 710px;
}

.galleryItem{
	width:157px;
	float:left;
	margin:8px 8px;

}
.galleryItem img{
	border:solid 1px #ccc;
}

.gallLink{
	text-align:center;
}

.gallLink a:link, .gallLink a:visited{
	padding-right:15px;
	background-image:url(images/ext_link.gif);
	background-repeat:no-repeat;
	background-position:right 2px;
}

.gallLink a:hover{
	background-image:url(images/ext_link_over.gif);
}

#wrapper .galleryItem a:link, #wrapper .galleryItem a:visited{
	border-bottom:none;

}

#wrapper .galIcons img{
	border:none;
}
.homeBanners{
	margin-right:17px;
	float:left;
}


.strong:link, .strong:visited{
 background-color:#414141;
 color:#fff;
 padding:5px;
 font-family: Times,serif;
 font-size:12px;
 letter-spacing:1.5px;
}

.strong:hover{
	background-color:#A0A0A0;	
}