/*  style.css
* ----------------------------------------------------
* @site: Wolfhound Media Design Website 
* @ver: 4.0
* @rev: 2
* @author: Harry McKillen
*
* This is the global css file for the WMD website
*
*/

  
body { padding: 0; margin: 0; font: 0.7em Helvetica, Arial, sans-serif; line-height: 1.5em; background-color: #06123e; color: #454545; background-image:url(../images/background_2.jpg); background-repeat:no-repeat; background-attachment:fixed;background-position:bottom center; }

a { color: #0E4D8B; background: inherit; }
a:hover { color: #000; background: inherit;}
a.title { color: #B41A1A; background: #FFF; }
a img { border: none;}

h1 { font: bold 2em Helvetica, Arial, sans-serif; letter-spacing: -1px; padding: 0; margin: 0; text-align: left;}
h2 { margin: 0; padding: 0; font: normal 1.6em Helvetica, Arial, sans-serif; letter-spacing: -1px; }
h2.new { font: 90% Helvetica, Arial, sans-serif; margin: 0 0 10px 0; padding: 0; color: #5f5f5f; }
h1 a { color: #FFF; background: inherit; }
h1 a, h2 a { color: #454545; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #454545; background: inherit; }
h3 { font: 90% Helvetica, Arial, sans-serif; margin: 0 0 10px 0; padding: 0; color: #5f5f5f; font-weight:bold;text-transform:uppercase;}
h4 { margin: 0; padding: 0; font: normal 1.2em Helvetica, Arial, sans-serif; letter-spacing: 0px; }
p {	margin: 0 0 0px 0; line-height: 1.5em; }
form { margin: 0; }
input.search { border: none; background: #FFF url(../images/input.gif); padding: 4px; color: #808080; }
input.submit { height: 24px; font-weight: bold; width: 53px; border: none; background: #D96855 url(../images/button.gif); padding: 3px; color: #FFF; }
.main { list-style-image: url('../images/listitem.gif')}
.top { list-style-image: url('../images/toplistitem.gif')}
.dub { list-style-image: url('../images/doublelistitem.gif')}
.blank { list-style-image: url('../images/blankitem.gif')}
.skipto { visibility: hidden; }

/* layout
   ------ */
.topnavmenu {text-align: right;margin: 5px auto;padding:0 15px 0px 0;background: transparent;color: #fff;width: 768px;}
.topnavmenu a{color:#fff;}
.content {margin: 0px auto;	width: 768px;background: transparent url(../images/big_middle.gif) repeat-y;color: #454545;margin-top: 0px;position:relative;}

/* main body which says header */
.header_top { /*background: transparent url(../images/big_top.png) top left no-repeat;*/ height: 200px; z-index: 2;}
.header_top img{ margin:0;padding:0; }
.header { padding: 0px 10px 0 10px; z-index: -1;}
.header_bottom { clear: both; background: #000 url(../images/big_bottom.png) no-repeat; color: #FFF; height: 15px; z-index: -1;}

/* footer navigation */
.footernav_top { background: #06123e url(../images/footer_top.png) no-repeat; color: #FFF; height:14px;z-index: -1;}
.footernav_body {width: 768px;height:100px;background: #06123e url(../images/footer_middle.png) repeat-y;color: #fff;}
.footernav_body p{padding: 0 10px 0 10px;}
.footernav_body p a{color:#fff; text-decoration:none;}
.footernav_body p a:hover{text-decoration:underline;}
.footernav_body .columns{float:left; padding:10px;}
.footernav_body .pc30{width:25%;}
.footernav_body .pc20{width:20%;}
.footernav_bottom {background: #06123e url(../images/footer_bottom.png) no-repeat; color: #FFF; height: 15px; z-index: -1;}
    
.subheader {margin-left: 0px;background: inherit;color: #808080;	padding:10px 0 5px 0;}

/* left side
   --------- */
   
   .leftimagehome {
	background: transparent;
	color: #808080;	
	width: 159px;
	height:225px;
	margin-top: -1px;
	margin-left: 1px;
	}

.left {float: left;width: 595px;	margin: 0 0 10px 0;padding:0px 0 0 1px;min-height:400px;}
#home .left {float: left;width: 49%;	margin: 0 0 10px 0;padding:0px 0 0 1px;min-height:300px;}


.box_top {/*background: #F0F0F0 url(../images/leftbox_top.gif) no-repeat;*/background: #6caaff url(../images/leftbox_top.png) no-repeat;color: #808080;height: 40px;width: 159px;}
.box_top h2 {color: #fff;/*808080*/background: inherit;padding: 7px 0 0 5px;margin: 0;}
.box_top img.twitter{padding: 7px 0 0 5px;}
.box {/*border-left: 2px solid #F0F0F0;	border-right: 2px solid #F0F0F0;*/border-left: 2px solid #06123e;border-right: 2px solid #06123e;padding: 0 4px 0 7px;margin: 0;width: 144px;color: #595959;background: transparent;}
.box ul {margin:0; padding:0;}
.box ul li{list-style-type:none;}
.newsp {	padding-left: 0px;}
.newsbox {display:block;top:-10px;/*text-align: justify;*/text-indent:-15px;}
.box_bottom {/*background: #FFF url(../images/leftbox_bottom.gif) no-repeat;*/background: #fff url(../images/leftbox_bottom.png) no-repeat;color: #000;height: 13px;width: 160px;margin: 0 0 7px 0;}
	
/* left and central column */
.left_side { float: left; width: 159px; padding: 0px 0px 8px 0px; }
.right_side { float: left; width: 565px; margin: 0 5px 0 20px; text-align: justify; }

#home .right_side { float: left; width: 90%; margin: 0 5px 0 20px; text-align: justify; }



.article { padding: 0 5px 0 0px; margin-bottom: 20px; }
		
.grey_top { clear: both; width: 382px; background: #EDEDED url(../images/grey_top.gif) no-repeat; color: #000; height: 5px; padding: 0; margin: 0px 0 0 6px; }
.grey { width: 362px; margin: 0 0 0 6px; padding: 10px; background: #EDEDED url(../images/grey_bottom.gif) no-repeat bottom left; color: #808080;	}
		
.grey a {color: #C83C3C;background: inherit;font-weight: bold;}
.grey a:hover {color: #000;background: #EDEDED;}
	
.highlight {	padding: 5px 3px 5px 3px;margin: 0 0 3px 0;border-bottom: 1px solid #ccc;}
		
/* right side
   ---------- */
		
.right { float: right; width: 170px; margin: 0 0 10px 0;padding:10px 0 0 0;}
#home .right { float: right; width: 49%; margin: 0 0 10px 0;padding:10px 0 0 0;}
		
.article img { float: left; margin: 0 9px 3px 0; }

/* footer 
------ */

.footer {clear: both;text-align: center;	color: #fff;background: transparent;	padding: 0px 0 5px 0;}
.footer p {line-height: 2em; }
.footer a {color: #fff; border-bottom: 0px dotted #808080; text-decoration: none; } 
.footer table{margin: 0 auto;}
.menudiv {display:block;	position:relative;	padding: 0px;top: 0px;left: 0px;z-index: 5;}
.headerimage {display:block;	position:absolute;padding: 0px;top: 0px;left: 250px;}
.portfolioimg {display:block;position:relative;padding: 0px;top: 0px;left: 0px;}

input.logins{background: #EEEEEE;	color: #454545;	border: 1px #808080 solid;font-family:arial;font-size:11px;}
.usrlogin{background: #EEEEEE;color: #999;border: 1px #808080 solid;font-family:arial;font-size:11px;}
.logintableleft{width:55px;}
.logintableright{width: 80px;text-align:right;}
.submitposition{padding: 1px;position: relative;right: -88px;}
.userposition{padding: 1px;position: relative;right: -5px;}
.passposition{padding: 1px;position: relative;right: -4px;}

.rssimg {display:block;position:relative;padding: 0px;/*top: -18px; left: 50px;*/width: 14px;height: 14px;top: -18px; bottom: auto; left: 53px; right: 0;/*visibility: collapse;*/}
.lqimg {display:block;position:relative;padding: 0px;top: -5px; bottom: auto; left: 15px; right: 0;}
.rqimg {	display:block;position:relative;padding: 0px;top: -30px; bottom: auto; left: 340px; right: 0;}

.leftbuttons {width: 140px;margin-top: 40px;margin-left: 10px;}
.rightbuttons {width: 140px;margin-top: 40px;margin-left: 5px;}

.examples {border-bottom: 1px #ccc solid;padding:5px;}
.examplesfirst {border-top: 1px #ccc solid;}
.examples p.url {text-align:right;}
.exampleswmd {height: 255px;border: 1px #ccc solid;padding:5px;}
.clients {border-bottom: 1px #ccc solid;padding:5px;}
.clientsfirst {border-top: 1px #ccc solid;}
.clientheight180{height:210px;}
.clientheight205{height:235px;}

td.newsline{border-bottom: 1px dotted #c0c0c0; padding:5px 0 5px 0;}
.showcase{padding:0 0 0 5px;float:right;}

/*	 contact form	*/
label {display: block;margin-top: 5px;margin-bottom: 3px;}
input{border:2px solid #06123e;}
input.send{border:0;}
input.send:hover{border:0;}
input:hover{border:2px solid #5a6491;}
textarea{width:270px;height:75px;border:2px solid #06123e;}
textarea:hover{border:2px solid #5a6491;}
.error{padding:5px;background-color:#e85151;color:#fff;width:450px;/*-moz-border-radius:5px;-webkit-border-radius: 5px;*/}

/* New jQuery Menu */
div.mainnavmenu{position:relative;z-index:2000;}
ul.topnav {list-style: none;	padding: 0 20px;	margin: 0 0 0 2px;float: left;width: 722px;background: #222;font: 0.9em Verdana, Helvetica, Arial, sans-serif;	background: url(../images/topnav_bg.gif) repeat-x;}
ul.topnav li {	float: left;margin: 0;padding: 0 15px 0 0;position: relative; /*--Declare X and Y axis base for sub navigation--*/}
ul.topnav li a{padding: 10px 5px;color: #fff;display: block;text-decoration: none;float: left;}
ul.topnav li a:hover{background: url(../images/topnav_hover.gif) no-repeat center top;}
ul.topnav li span { /*--Drop down trigger styles--*/width: 17px;height: 35px;float: left;background: url(../images/subnav_btn.gif) no-repeat center top;}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/ul.topnav li ul.subnav {list-style: none;	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/left: 0; top: 35px;background: #333;margin: 0; padding: 0;display: none;float: left;width: 170px;border: 1px solid #111;}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/background: #222 url(../images/dropdown_linkbg.gif) no-repeat 10px center;}
ul.topnav li ul.subnav li{margin: 0; padding: 0;border-top: 1px solid #252525; /*--Create bevel effect--*/	border-bottom: 1px solid #444; /*--Create bevel effect--*/clear: both;width: 170px;
}
html ul.topnav li ul.subnav li a {float: left;width: 145px;	background: #333 url(../images/dropdown_linkbg.gif) no-repeat 10px center;padding-left: 20px;}

/* image replacement */
.graphic, #prevBtn, #nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
    /* // image replacement */

/* Easy Slider */
#container{position:relative;overflow:hidden;width:762px;margin:0 1px 0 2px;border-bottom:1px solid #eee;}
#slider{position:relative;}
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{/* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here*/ width:764px;height:241px;overflow:hidden;}
#prevBtn, #nextBtn{display:block;width:24px;height:24px;position:absolute;left:6px;top:350px;z-index:1000;}
#nextBtn{left:734px;}
#prevBtn a, #nextBtn a{display:block;width:24px;height:24px;background:url(../images/arrow_btn_left.png) no-repeat 0 0;}
#nextBtn a{background:url(../images/arrow_btn_right.png) no-repeat 0 0;}												
/* // Easy Slider */

#followus{font-size:1.4em;vertical-align:top;}
#followus img{padding:0 10px 0 20px;}
#twitter{background:#fff; /*url(../images/tweet_bg_2.png) top center no-repeat; border-left:1px solid silver;border-right:1px solid silver;border-bottom:1px solid silver;*/margin: 0 20px 0 0;color:#fff;padding:0;}
#twitter .head{background:#fff url(../images/twitter_head.png) top center no-repeat;height:25px;}
#twitter .body{background:#fff url(../images/twitter_body.png) top center repeat-y;}
#twitter .foot{background:#fff url(../images/twitter_foot.png) top center no-repeat;height:26px;}
#twitter p{width:335px;margin:0px 10px 0 15px;padding:0 0 0 0;}
#twitter a{color:#fff;}
#twitter a:hover{text-decoration:none;}
.tweet{color:#709be0; float:right;background:transparent;padding:0 20px 0 0;vertical-align:bottom;}
.tweet:hover{text-decoration:none;background:transparent;}

#rss{background:transparent url(../images/feed.png) top left no-repeat;display:block;height:64px;margin:10px 0 0 20px;}
#rss p{font:1.5em bold; font-family:arial;float:left;padding:25px 0 0 70px;}

#testimonial{background:transparent url(../images/quote.png) top left no-repeat;}
#testimonial p{padding:0 35px 0 15px;text-align:justify;}
.mission {height:60px}
.mission  h2{padding:5px 0 0 30px;}

.r {float:right;}
.l {float:left;}