/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

#container{ position:relative; padding:0px 0px 0px 0px; margin-top:17px; margin-left:26px; margin-right:auto; width:950px; z-index:10;  }

#sidebar { width: 222px; height:100%; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; min-height:816px; height:auto !important; height:816px; }

#logo {  width:223px; height:120px; margin:0px; padding:0px;}

#spindogs {background:url(/images/spin_g.gif) no-repeat bottom left; width:285px; height:386px; position:absolute; top:417px; left:0px; z-index:1;}

#search { margin:15px 0px 15px 5px; padding:0px; display:block; position:relative;}

#search input {background:none ;  border:0px; width:161px; height:20px; margin:0px 0px 0px 0px; padding:2px 0px 0px 10px; font-size:12px;}


#input {background:url(/images/input.jpg) no-repeat left; width:171px; height:22px; display:block; margin:0px 0px 0px -10px;}


#search button{ background:none; position:absolute; border:0px; top:-4px; right:0px; width:48px; height:26px;}

*+html #search button{  top:-2px;}
*html #search button{  top:-2px; }

#search_website { margin: 0px; padding: 0px; position:relative; }
#query { width: 168px; background: url(images/search_box.gif) no-repeat #fff; }
#submit { width: 46px; height: 24px;  margin: 0px; padding: 0px; background: url(/images/search_button.gif); border: none; } 

#quick_enquiry form {padding:0px; margin:0px !important;}
*+html #quick_enquiry {padding: 35px 20px 0px 10px;}
*html #quick_enquiry {padding: 35px 20px 0px 10px;}
#quick_enquiry { width: 192px; height: 175px; margin: 0px; padding: 40px 20px 0px 10px; background: url(/images/quickenquiry.gif) no-repeat top left; color: #FFFFFF; position:relative; z-index:20; }
#quick_enquiry label { margin: 0px 10px 0px 0px; }
#quick_enquiry p { margin:0px 0px 6px 0px; padding: 0px; text-align: right;  }
#quick_enquiry input { margin: 0px; padding: 0px; height: 17px; width: 126px; border: 1px solid #7f9db9; background-color: #fff;}
#quick_enquiry select {width: 129px; font-size:12px;}
#quick_enquiry button {margin:16px -22px 0px 0px; padding:0px; background:none; border:0px; float:right; position:relative;}
*html #quick_enquiry button {margin:16px -37px 0px 0px;}
*+html #quick_enquiry button {margin:16px -37px 0px 0px;}

#header { height:312px; margin:0px; padding:0px; }
#header ul {margin:0px; padding:0px; position:relative;}
#header li {margin:0px; padding:0px; list-style:none; position:absolute; top:0px; left:0px;}

#main { width:482px; margin:0px 19px 0px 19px; }
#content_main { width:708px; margin:0px 0px 0px 0px; padding:0px 0px 28px 0px; float:right; position:relative; z-index:20; }

#container_main {width:483px; float:left}

#content_mainblog { width:708px; margin:0px 0px 0px 0px; padding:0px 0px 28px 0px; float:right; position:relative; z-index:20; min-height:600px; height:auto !important; height:600px;}
*html #content_mainblog {padding:10px 0px 28px 0px;}
*+html #content_mainblog {padding:10px 0px 28px 0px;}
#content_home { margin: 7px 0px 5px 0px; padding: 13px 13px 1px 13px; background: #ffffff; }

#content_home p { padding:0px 30px 0px 10px; }

#content_home_footer { margin: 20px 0px 10px 0px; height:20px; padding: 0px; border-top: solid 1px #919191; }
#content_home_footer p {margin:4px 0px 0px 0px; padding:0px;}

#news_home { margin: 7px 0px 7px 0px; padding: 13px 13px 1px 13px; background: #ffffff; }


.latest_news  { margin: 0px 0px 15px 0px; padding: 2px 0px 5px 10px; background: url(/images/h1.gif) no-repeat; width:418px; color: #fff; font-size: 14px; font-weight: bold;  }
.news { border-bottom:2px solid #d7d7d7;  margin:0px 0px 15px 10px; width:418px;  }
.news h2 {font-weight:bold; font-size:12px; color:#000000; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; color:#A21A26;}
.news h2 span {font-weight:normal; font-size:11px;}
.news p {margin:0px 0px 10px 0px;}
.news img {float:right; border:2px solid #A21A26; margin:0px 0px 5px 5px;}

#sidebar_right { width:207px;  height:100%; float:right; margin:0px 0px 0px 0px; padding: 0px; }

#tel { margin: 0px; padding: 0px 0px 9px 0px }

#sidebar_right li { margin: 0px; padding: 0px }
#sidebar_right a { margin: 0px; padding: 0px }

.tel {margin:4px 0px 15px 0px;}

#telephone {width:206px; height:25px; margin:0px 0px 13px 0px;}
#telephone p { color:#ffffff; font-size:14px; text-align:right; margin:-3px 15px 0px 0px; vertical-align:top;}
#telephone span {font-size:23px;}



#telephone2 {width:206px; height:25px; margin:0px 0px 13px 0px; position:absolute; top:0px; right:0px;}
*html #telephone2 {top:10px; right:0px;}
*+html #telephone2 {top:10px; right:0px;}
#telephone2 p { color:#ffffff; font-size:14px; text-align:right; margin:-3px 15px 0px 0px; vertical-align:top;}
#telephone2 span {font-size:23px;}

#example_heading {margin:0px 0px 10px 0px;}

.example { margin:0px 0px 10px 0px; padding:0px; width:200px; min-height:76px; height:auto !important; height:76px; }
.example_heading { margin:0px 0px 0px 0px; padding: 12px 0px 10px 0px; }
.example a img { margin: 0px; padding: 0px }
.example h1 { background:#4e4e4e; font-size: 11px; margin:2px 0px 0px 0px; padding:0px 0px 0px 5px; }
*+html .example h1 {margin:-1px 0px 0px 0px; padding:0px 0px 0px 5px; }
*html .example h1 {margin:-1px 0px 0px 0px; padding:0px 0px 0px 5px; }

.example h1 a {color:#ffffff !important;}
.example h1 a:hover {color:#ffffff !important; text-decoration:none;}

.fiver { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.spinsurg {margin:0px 0px 10px 0px; padding:0px 0px 0px 0px;}

#sidebar_right ul { margin: 0px; padding: 0px; list-style: none; }

#footer { width:100%;  height:42px; font-size:12px; margin:0px 0px 0px 0px; padding: 0px; border-top:1px solid #3e3e3e; color:#ffffff; position:relative; z-index:20;}
#footer a {color:#ffffff; font-size:12px;}
#footer span {margin:0px 0px 0px 0px; padding:0px; float:right; margin:-19px 0px 0px 0px; padding:0px 0px 0px 0px;}

html:first-child #footer span {margin:0px 0px 0px 0px; }

body:last-child:not(:root:root) #footer span {margin:0px 0px 0px 0px; }

.clear { clear:both; }


#content_home .error_feedback li {color:#000000;}

/*---------------------------------------------- Gallery -----------------------------------------------------------*/

*html #dropper_portfolio_gallery {width:478px; padding:6px 0px 0px 4px;}

#dropper_portfolio_gallery {width:473px; min-height:112px; height:auto !important; height:112px; background:#343434; padding:6px 0px 0px 9px; margin:0px 0px 0px 0px; position:relative; background:#343434;}
#dropper_portfolio_gallery a {margin:0px 5px 0px 0px; }

#dropper_portfolio_gallery .paging {color:#ffffff !important; text-align:right; margin:0px 10px 0px 0px;}
#dropper_portfolio_gallery .paging a {color:#ffffff }
#dropper_portfolio_gallery .port {height:77px;} 



/*---------------------------------------------- Icon -----------------------------------------------------------*/

.help {background:url(/images/help.jpg) no-repeat center left; padding:0px 0px 0px 25px;}

#content_home_footer a {background:url(/images/diagarrow.jpg) no-repeat right top; padding:0px 8px 0px 8px; font-size:12px; color:#3e3e3e;}

#port_box {background:#343434; padding:10px 0px 10px 0px; margin:10px 0px 0px 0px; position:relative;}
#port_box h1 {background:url(/images/port_h1.jpg) no-repeat !important; margin:0px 0px 10px 13px; font-weight:normal; }
#port_box img { margin:0px 0px 0px 15px;}
#port_box p {margin:8px 0px 0px 15px; font-size:12px; color:#b3b3b3; }

#port_box ul {margin:0px; padding:0px; position:relative; height:270px;}
#port_box li {margin:0px; padding:0px; position:absolute; top:0px; left:0px;}

.pagingportfolio {display:block; position:absolute; right:20px; bottom:10px;}
.pagingportfolio a { color:#ffffff; font-size:11px;}
.pagingportfolio a:hover {color:#ffffff; font-size:11px;}

#img_cont {margin:10px 0px 3px 0px;}

.error_feedback {color:#ffffff;}
.error_feedback li  {color:#ffffff;}

.error {background-color: #ffa6a6 !important;}

#full_breif input {width:224px;}
#full_breif textarea {width:388px; height:150px; margin:10px 0px 0px 0px;}

/*---------------------------------------------- textpage -----------------------------------------------------------*/

#header_other {width:100%; min-height:10px; height:auto !important; height:10px;}

/*---------------------------------------------- Portfolio -----------------------------------------------------------*/

#breadcrumb {background:#ffffff; color:#000000; font-size:12px; padding:1px 0px 1px 5px; margin:5px 0px 5px 0px;}
#breadcrumb p {margin:0px; padding:0px;}

/*---------------------------------------------- Portfolio Section -----------------------------------------------------------*/

.exampleportleft {  margin:0px 0px 10px 0px; padding:0px; width:200px; min-height:76px; height:auto !important; height:76px; float:left; }
.example_heading { margin:0px 0px 0px 0px; padding: 12px 0px 10px 0px; }
.exampleportleft a img { margin: 0px; padding: 0px }
.exampleportleft h1 { background:#4e4e4e; width:195px; font-size: 11px; margin:2px 0px 0px 0px; padding:0px 0px 0px 5px; }
*+html .exampleportleft h1 {margin:-1px 0px 0px 0px; padding:0px 0px 0px 5px; }
*html .exampleportleft h1 {margin:-1px 0px 0px 0px; padding:0px 0px 0px 5px; }

.exampleportright {  margin:0px 0px 10px 0px; padding:0px; width:200px; min-height:76px; height:auto !important; height:76px; float:right;}
.example_heading { margin:0px 0px 0px 0px; padding: 12px 0px 10px 0px; }
.exampleportright a img { margin: 0px; padding: 0px }
.exampleportright h1 { background:#4e4e4e; width:195px; font-size: 11px; margin:2px 0px 0px 0px; padding:0px 0px 0px 5px; }
*+html .exampleportright h1 {margin:-1px 0px 0px 0px; padding:0px 0px 0px 5px; }
*html .exampleporttight h1 {margin:-1px 0px 0px 0px; padding:0px 0px 0px 5px; }

*html #dropper_portfolio {width:478px; padding:6px 0px 0px 4px;}

#dropper_portfolio {width:473px; height:112px; background:#343434; padding:6px 0px 0px 9px; margin:0px 0px 0px 0px; position:relative; background:#343434;}
#dropper_portfolio a {margin:0px 5px 0px 0px; }

#port_drop_top {background:url(/images/top_port_drop.gif) no-repeat; width:482px; height:36px; margin:16px 0px 0px 0px;  }


#more_button { background:url(/images/button_dropper.gif) no-repeat; float:right; height:20px; width:93px; margin:0px 0px 10px 0px;}
#more_button a {color:#ffffff; font-size:14px; font-weight:bold; margin:0px 0px 0px 0px; width:100%; text-align:center; display:block;}
#more_button a:hover {color:#ffffff; font-size:14px; font-weight:bold; text-decoration:none;}


#more_buttond { display:none; background:url(/images/button_dropperup.gif) no-repeat; float:right; height:20px; width:93px; margin:0px 0px 10px 0px;}
#more_buttond a {color:#ffffff; font-size:14px; font-weight:bold; margin:0px 0px 0px 0px; width:100%; text-align:center; display:block;}
#more_buttond a:hover {color:#ffffff; font-size:14px; font-weight:bold; text-decoration:none;}

.port {background:#000000; height:93px; width:136px; border:2px solid #626262; display:block; float:left; padding:7px 5px 0px 5px; margin:0px 5px 5px 0px;}

*+html .port { width:136px; margin:0px 5px 0px 0px;}

*html .port { width:136px;  margin:0px 3px 4px 0px;}

.port .link {margin:3px 0px 0px 1px;}
.port .link a {color:#ffffff; font-size:11px; margin:1px 0px 2px 0px; display:block; width:100%;}
.port .link a:hover {color:#ffffff; font-size:11px; text-decoration:none;}

/*---------------------------------------------- News Section -----------------------------------------------------------*/

#content_home .news h2 {margin:0px 0px 5px 10px;}
#content_home .news {width:430px; margin:0px 0px 10px 0px;}
#news_footer_links {margin:0px 0px 10px 10px;}

/*---------------------------------------------- nav -----------------------------------------------------------*/

#nav { width:100%; height:24px; margin:0px 0px 10px 0px; padding: 0px 0px 0px 5px; background: url(/images/left_nav.gif) no-repeat left top; position:relative;  }
*html #nav {margin:0px 0px 10px 0px; padding: 1px 10px 0px 5px;}
*+html #nav {margin:0px 0px 10px 0px; padding: 1px 10px 0px 5px;}

#nav ul {padding:0px 0 0 0px; list-style: none; margin:0px 0px 0px 28px; background:url(/images/right_nav.gif)  no-repeat top right;  }
#nav li {float: left; display: inline; margin: 4px 5px -1px 8px; padding: 0px 0px 0px 0px; position:relative;  font-size:16px;}

#nav a {font-size:12px; color:#ffffff; margin:0px;}

*+html #nav a span {padding:0px 9px 0px 0px;}
*html #nav a span {padding:0px 9px 0px 0px;}
#nav a span {color:#ffffff; margin:0px; text-align:center; font-weight:normal; font-size:11px;  padding:0px 9px 2px 0px; }
#nav a:hover, #nav a:hover span {background:url(/images/nav_select_a.gif) no-repeat bottom; text-decoration:none;}
#nav a:hover { background-position:left !important; float: left; }
#nav a {background-position :left; float:left; padding-left: 9px; }

#nav a:hover span{ background-position:right !important; float: none;  display: block;}

#nav a.active span {color:#ffffff; margin:0px; text-align:center; font-weight:normal; font-size:11px;   }
#nav a.active, #nav a.active span   {font-size:11px; color:#ffffff; margin:0px; background:url(/images/nav_active.jpg) no-repeat; }
#nav a.active { background-position :left; float:left; }
#nav a.active span, #nav a.active span { background-position:right; float:none; display: block;  }

/*---------- safari filter start  --------*/

body:last-child:not(:root:root)  #nav li { margin:1px 5px 0px 8px;}
body:last-child:not(:root:root) #nav a span { display: block; padding: 6px 8px 6px 0px;}
body:last-child:not(:root:root) #nav a {padding-left: 8px;  background-position :left; float:left; }
body:last-child:not(:root:root) #nav a.active {padding-left:9px;}
body:last-child:not(:root:root) #nav a.active span { display: block; padding: 6px 8px 6px 0px;}
body:last-child:not(:root:root) .dot { top:9px; right:-11px;  }

/*---------- safari filter end ----------*/


.dot {background:url(/images/dot.jpg) no-repeat; width:6px; height:6px; position:absolute; top:6px; right:-8px;  }

#menu {background:none; margin:0px 0px 0px 0px; padding:0px;}
#menu a {font-size:12px;  padding:0px 0px 0px 13px; color:#ffffff; width:210px; display:block; margin:3px 0px 0px 0px; padding:4px 0px 4px 13px; position:relative; z-index:10;  background:#4e4e4e; }
#menu a .top {background:url(/images/men_top_hover.jpg) top left no-repeat;  height:5px; width:223px; position:absolute; top:0px; left:0px;}
#menu a .bottom {background:url(/images/menu_bottom_hover.jpg) bottom left no-repeat;  height:5px; width:223px;  position:absolute; bottom:-1px; left:0px; z-index:5;} 

#menu a:hover {background:#727272;  position:relative; z-index:10; text-decoration:none;}
#menu a:hover .top {background:url(/images/menu_top.jpg) top left no-repeat !important; height:5px; width:223px; position:absolute; top:0px; left:0px; }
#menu a:hover .bottom {background:url(/images/menu_bottom.jpg) bottom left no-repeat !important; height:5px; width:223px;  position:absolute; bottom:-1px; left:0px; z-index:5; }

#menu a.active {background:#a21a26;   position:relative; z-index:10;}
#menu a.active .top {background:url(/images/menu_active_top.jpg) top left no-repeat !important; height:5px; width:223px; position:absolute; top:0px; left:0px; }
#menu a.active .bottom {background:url(/images/menu_active_bottom.jpg) bottom left no-repeat !important; height:5px; width:223px;  position:absolute; bottom:-1px; left:0px; z-index:5; }

#menu a:hover.active {background:#a21a26 !important;   position:relative; z-index:10;}

#menu a:hover.active .top {background:url(/images/menu_active_top.jpg) top left no-repeat !important; height:5px; width:223px; position:absolute; top:0px; left:0px; }
#menu a:hover.active .bottom {background:url(/images/menu_active_bottom.jpg) bottom left no-repeat !important; height:5px; width:223px;  position:absolute; bottom:-1px; left:0px; z-index:5; }


#menus {background:none; margin:0px 0px 0px 0px; padding:0px;}
#menus a {font-size:12px;  padding:0px 0px 0px 13px; color:#ffffff; width:210px; display:block; margin:3px 0px 0px 0px; padding:4px 0px 4px 13px; position:relative; z-index:10;  background:#4e4e4e; }
#menus a .top {background:url(/images/men_top_hover.jpg) top left no-repeat;  height:5px; width:223px; position:absolute; top:0px; left:0px;}
#menus a .bottom {background:url(/images/menu_bottom_hover.jpg) bottom left no-repeat;  height:5px; width:223px;  position:absolute; bottom:-1px; left:0px; z-index:5;} 

#menus a:hover {background:#727272;  position:relative; z-index:10; text-decoration:none;}
#menus a:hover .top {background:url(/images/menu_top.jpg) top left no-repeat !important; height:5px; width:223px; position:absolute; top:0px; left:0px; }
#menus a:hover .bottom {background:url(/images/menu_bottom.jpg) bottom left no-repeat !important; height:5px; width:223px;  position:absolute; bottom:-1px; left:0px; z-index:5; }

#menus a.active {background:#a21a26;   position:relative; z-index:10;}
#menus a.active .top {background:url(/images/menu_active_top.jpg) top left no-repeat !important; height:5px; width:223px; position:absolute; top:0px; left:0px; }
#menus a.active .bottom {background:url(/images/menu_active_bottom.jpg) bottom left no-repeat !important; height:5px; width:223px;  position:absolute; bottom:-1px; left:0px; z-index:5; }

#menus a:hover.active {background:#a21a26 !important;   position:relative; z-index:10;}

#menus a:hover.active .top {background:url(/images/menu_active_top.jpg) top left no-repeat !important; height:5px; width:223px; position:absolute; top:0px; left:0px; }
#menus a:hover.active .bottom {background:url(/images/menu_active_bottom.jpg) bottom left no-repeat !important; height:5px; width:223px;  position:absolute; bottom:-1px; left:0px; z-index:5; }


.paging {margin:10px 0px 10px 10px;}

/*----opera filter  start ---*/

html:first-child #nav a span { display: block; padding: 6px 8px 6px 0px;}
html:first-child #nav a {padding-left: 8px;  background-position :left; float:left; }
html:first-child #nav a.active {padding-left:9px;}
html:first-child #nav a.active span { display: block; padding: 6px 8px 6px 0px;}


/*---- opera filter end  -----*/

/*---- Tool Tip  -----*/

#tooltip { width:300px; position:absolute; border:1px solid #333; z-index:500; min-height:50px; height:auto !important; height:50px; background: rgba(0, 0, 0, 0.9);  padding:2px 5px; color:#333; display:none;}
*html #tooltip {background:#000000; filter:alpha(opacity=10);}
*+html #tooltip {background:#000000; filter:alpha(opacity=10);}
#tooltip p {position:relative; z-index:50; color:#ffffff;}


#ttip { width:200px; position:absolute; border:1px solid #333; z-index:500; min-height:50px; height:auto !important; height:50px; background: rgba(0, 0, 0, 0.9);  padding:0px 10px 0px 10px; color:#333; display:none;}
*html #ttip {background:#000000; filter:alpha(opacity=10);}
*+html #ttip {background:#000000; filter:alpha(opacity=10);}
#ttip p {position:relative; z-index:50; color:#ffffff;}

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px; letter-spacing: normal; background: url(/images/bg_wall.jpg) repeat-x #000; font-family: "trebuchet MS", verdana, helvetica, sans-serif;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { margin: 0px 0px 15px 0px; padding: 2px 0px 5px 10px; background: url(/images/h1.gif) no-repeat; color: #fff; font-size: 14px; font-weight: bold;  }
h2 { color:#666666; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 10px; }
h3 { color:#999999; font-size:15px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 10px; }
h4 { color:#666666; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 10px; }
h5 { color:#999999; font-size:13px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 10px; }
h6 { color:#000000; font-size:12px; font-weight:bold; margin:10px 0px 10px 10px; padding:0px 0px 0px 10px; }

button { cursor:pointer;}
.hidden {display:none;}

ul {font-size:12px;}
ul li { list-style:disc;  color:#000000;}
ol {font-size:12px;}
ol li {list-style:decimal; color:#000000;}

address {font-size:12px;  color:#000000; margin:5px;}

a { color:#a21a26; text-decoration:none; font-size:12px; }
a:hover { color:#a21a26; text-decoration:underline; }

p {font-size:12px; margin:20px 0px 20px 0px; padding:0px 0px 0px 0px;  font-family: "trebuchet MS", verdana, helvetica, sans-serif;}