/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0; outline:none}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
h1, h2, h3, h4, h5, h6{font-size:100%}
q:before, q:after{content:''}
a{text-decoration:none; outline:none}
a:hover { cursor: pointer; }
strong{font-weight:bold}
em{font-style:italic}
a img{border:none}
.clearfix{width:100%; height:0px; clear:both; display:block}

#facebooklike {
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background-color:#3B5999;
border:3px solid #2B2B2B;
float:left;
margin-bottom:10px;
padding:10px 7px;
position:relative;
width:570px;
}

#facebooklike h3 {
float:left;
height:24px;
margin:0 0 5px;
padding:0;
text-indent:-5000px;
width:349px;
}
#fbbutton {
height:24px;
position:absolute;
right:8px;
top:8px;
width:114px;
}
#fbbutton a {
display:block;
height:100%;
position:absolute;
right:0;
text-indent:-5000px;
top:0;
width:100%;
}

#facebooklike #fb_like {
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background:none repeat scroll 0 0 #FFFFFF;
float:left;
padding:12px;
width:545px;
}

/* Main Elements */
body { background: #eaeaea url(../images/bodybg.gif) top center repeat; font: 10pt Arial, Helvetica, sans-serif; color: #555; height: 100%; line-height: 1.5; }
#pagewrapper { width: 990px; margin: 0 auto; background: #fdfdfd; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
#left { float: left; padding: 30px 30px 0px 0px; padding-right: 30px; width: 630px; }
#right { width: 300px; float: left; padding: 30px 30px 30px 0px; }

/* Header & Logo */
#header { width: 990px; height: 150px; }
.logo{ float: left; width: 400px; padding: 20px 0px 0px 30px; }

/* Top Page List */
#toppages { width: 100%; }
#topcenterpages { width: 930px; padding: 0px 30px; height: 25px; margin: 0 auto; }
.pagelist { float: left; width: 700px; height: 25px; }
#topcenterpages li { display: block; float: left; font-size: 11px; padding-top: 4px; margin-right: 15px; height: 21px; }
#topcenterpages li:hover { background: url(../images/page-list-bg.gif) top center no-repeat; }
#topcenterpages li a { color: #FFF; }
.loginregister { width: 200px; height: 25px; float: right; }
#topcenterpages .loginregister li { float: right; margin-left: 15px; margin-right: 0px; }

/* Rss & Twitter Counts */
.rsstwittercount { float: right; width: 300px; font-size: 30px; line-height: 16px; margin-top: 56px; padding-right: 30px; }
.rsstwittercount a.rsscount { display: block; float: left; background: url(../images/icon-big-rss.png) top left no-repeat; padding-left: 45px; padding-top: 4px; margin-right: 15px; height: 36px; color: #666; }
.rsstwittercount a.twittercount { display: block; float: right; background: url(../images/icon-big-twitter.png) top left no-repeat; padding-left: 45px; padding-top: 4px; height: 36px; color: #666; }
.rsstwittercount a span { display: block; font-size: 10px; padding-top: 3px; color: #999; }
.rsstwittercount a:hover { color: #333;}

/* Menu & Featured */
#menu { width: 990px; height: 40px; z-index: 2;}
#featured { width: 990px; height: 335px; overflow: hidden; position:relative; z-index: 1; }
#featured h3 { padding: 15px 30px 3px 30px; background: #000; margin-top: 200px; float: left; font-size: 24px; }
#featured h3 a:link, #featured h3 a:visited{ color: #fff; }
#featured p { clear: both; }
#featured p strong{ padding: 7px 30px 15px 30px; background: #000; float: left; font-weight: normal; color: #fafafa; }

/* Post */
.post { float: left; padding-bottom: 30px;}
.posttitle { float: left; width: 615px; margin: 0; padding: 0; }
.posttitle h1 { float: left; width: 550px; padding-left: 15px; font-size: 24px; line-height: 22px; font-weight: normal; }
.posttitle h2 { float: left; width: 550px; padding-left: 15px; font-size: 24px; line-height: 22px; font-weight: normal; }
.posttitle h3 { float: left; width: 550px; padding-left: 15px; font-size: 24px; line-height: 22px; font-weight: normal; }
.posttitle h1 a{ color: #111; }
.posttitle h2 a{ color: #111; }
.posttitle h3 a{ color: #111; }
.posttitle .postmeta { float: left; width: 550px; padding-top: 8px; padding-left: 15px; font-size: 10px; text-transform:uppercase;}
.postmeta span.authorlink { background: url(../images/user.png) center left no-repeat; padding: 1px 0px 1px 20px; margin-right: 8px;  }
.postmeta span.date { background: url(../images/calendar.png) center left no-repeat; padding: 1px 0px 1px 20px; margin-right: 8px; }
.postmeta span.tags { background: url(../images/tag.png) center left no-repeat; padding: 1px 0px 1px 20px; margin-right: 8px; }
.posttitle .commentbox { background:url(../images/comment-count-bg.gif); float: right; text-align: center; padding-top: 3px; width: 32px; height: 29px; color: #fff;}
.posttitle .commentbox a { color: #fff; }
#left .posttext { float: left; padding: 20px 0px 0px 30px; width: 600px; }
.post .postend { float: left; margin-left: 30px; width: 600px; padding-bottom: 2px; border-bottom: 1px solid #b2b2b2; }
.readmorediv { background:url(../images/readmore.gif) bottom left no-repeat; float: left; padding: 3px 0px 0px 20px; height: 14px; margin-top: 4px; font-size: 12px; line-height: 12px; }
.readmorediv a { text-transform:uppercase; color: #111; margin: 0; padding-top: 2px; }
.readmorediv a:hover { text-transform:uppercase;}
.share { float: right; width: 315px; padding-top: 2px; }
.share li { display: inline; float: right; height: 25px; }
.share img { padding: 3px 0px 0px 4px; margin: 0; }
.topshare { float: left; padding-left: 20px; padding-top: 10px; }



/* Text Elements */
.posttext p { padding-bottom: 15px; }
.posttext h1 { font-size: 26px; line-height: 60px; font-weight: normal; letter-spacing:-0,8px; margin: 10px 0px 10px 0px; color: #222; }
.posttext h2 { font-size: 22px; line-height: 50px; font-weight: normal; letter-spacing:-0.5px; margin: 10px 0px 10px 0px; color: #222;}
.posttext h3 { font-size: 18px; line-height: 42px; font-weight: normal; letter-spacing:-0.25px; margin: 10px 0px 10px 0px; color: #222;}
.posttext h4 { font-size: 16px; line-height: 36px; font-weight: normal; margin: 10px 0px 10px 0px; color: #222;}
.posttext h5 { font-size: 14px; line-height: 32px; font-weight: normal; margin: 10px 0px 10px 0px; color: #222;}
.posttext h6 { font-size: 12px; line-height: 28px; font-weight: normal; margin: 10px 0px 10px 0px; color: #222;}

.posttext blockquote {font-size:16px; line-height:1.7em; color:#777; margin:20px; letter-spacing:0px; }
.posttext blockquote:before { content: '\201C'; font-weight: bold; margin-right: 4px; font-size:22px; font-family: "Times New Roman", Georgia, Times, serif;	 }
.posttext blockquote:after { content: '\201D'; font-weight: bold; margin-left: 4px; font-size:22px; font-family: "Times New Roman", Georgia, Times, serif;	 }
.posttext blockquote p { display:inline; }
.posttext blockquote.pullquote_right {float: right;width: 40%; }
.posttext blockquote.pullquote_left { float: left; width: 40%; }

.posttext ul, .posttext ol { margin:20px; }
.posttext ul li ul, .posttext ol li ol { margin: 5px 20px; }
.posttext ul li{ list-style: disc; }
.posttext ol li{ list-style: decimal; }
.posttext code, .posttext pre { font: normal 13px/18px Consolas, "Courier New", Courier, monospace; background: #E8EBEC url(../images/pre-bg.gif) repeat 0 0; padding: 0px 5px; width: 98%; border: 1px dotted #bbb; color: #333; margin: 10px 0px; float: left;}

.posttext img { border: 0px solid #666; }
.posttext img.alignleft { float: left; margin: 5px 20px 5px 0px; }
.posttext img.alignright { float: right; margin: 5px 0px 5px 20px; }
.posttext div.hr { clear: both; display: block; width: 99%; height: 12px; text-align: right; font-size: 10px; border-bottom: 1px solid #e5e5e5; margin: 20px 0px; }
.posttext div.hr a { margin-right: 10px; }

/* Full Width */
#fullwidth { float: left; padding: 30px 0px 0px 0px; width: 990px; }
#fullwidth .posttext { float: left; width: 930px; padding: 20px 30px; }
#fullwidth .postend { float: left; width: 915px; margin: 0; padding: 0; }
#fullwidth .post .postend { width: 930px; }

/* Full Width Pages */
.portfolio-pages { clear: both; color:#c9c9c9; padding:5px 10px; border: 1px solid #dbdbdb; margin: 10px auto; width: 80%; text-align:center;}
.portfolio-pages p { margin: 0; padding: 0; }
.portfolio-pages a{text-decoration:none; padding:4px; margin: 7px 0px; border: none; }
.portfolio-pages a:hover{color:#222; background: #ededed;}

/* Columns */
#left .one-half { float: left; width: 270px; padding-right: 30px; padding-bottom: 30px; overflow:hidden; }
#left .one-third { float: left; width: 170px; padding-right: 30px; padding-bottom: 30px; overflow:hidden; }
#left .two-third { float: left; width: 370px; padding-right: 30px; padding-bottom: 30px; overflow:hidden; }
#fullwidth .one-half { float: left; width: 435px; padding-right: 30px; padding-bottom: 30px; overflow:hidden; }
#fullwidth .one-third { float: left; width: 280px; padding-right: 30px; padding-bottom: 30px; overflow:hidden; }
#fullwidth .two-third { float: left; width: 590px; padding-right: 30px; padding-bottom: 30px; overflow:hidden; }

/* Box Styles */
.download_box,.warning_box,.info_box,.note_box{clear:both;padding:20px;margin: 20px 0px;}
.download_box,.warning_box,.info_box,.note_box{padding-left:55px; padding-bottom:25px; padding-top:20px;}
.info_box{ background:#bfe4f9 url(../images/info.png) no-repeat scroll 10px 14px; border:1px solid #68a2cf; color:#2e6093;}
.warning_box{ background:#ffcccc url(../images/stop.png) no-repeat scroll 10px 15px; border:1px solid #ff9999; color:#c31b00;}
.download_box{ background:#dee3ab url(../images/down_alt.png) no-repeat scroll 10px 15px; border:1px solid #a3c159; color:#5e6f33;}
.note_box{ background:#fdebae url(../images/notebook.png) no-repeat scroll 10px 15px; border:1px solid #e6c555; color:#9e660d;}

/* Toggle Shortcode */
.toggle	{ padding:15px 0 15px 25px; background:url(../images/toggle.png) no-repeat 0px -40px; }
.toggle_active	{ background:url(../images/toggle.png) no-repeat 0 14px;}
.toggle_body .block	{ margin-left:25px; padding:15px; background:#EEE; border:1px solid #DDD; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

/* Table Design */
.posttext table, td, th { vertical-align: middle; }
.posttext caption { padding-bottom: 0.8em; }

.posttext table{ text-align: left; border-collapse: collapse; border: 1px solid #dedede; width:100%; padding:0; margin:0; float: left; margin-bottom:20px; }
.posttext th{ text-align:center; padding:12px; font-weight: normal; font-size: 14px; color: #555; background: #d9d9d9;}
.posttext tbody{ background: #F9F9F9; }
.posttext td{ text-align:center; padding: 10px; color: #666; border-top: 1px solid #dedede; }
.posttext tbody tr:hover td { color: #333; background: #fff; border-top: 1px solid #dedede; }
.posttext tfoot{ background-color:#f3f3f3; }
.posttext tfoot td{ padding:8px; }

/* Widgets */
#right a { color: #666;}
#right a:hover { color:#111; cursor:pointer; }
#right ul { margin: 0px; padding: 0px; }
#right ul li ul { float: left; padding-bottom: 30px; width: 300px; padding-top: 0px; margin: 0px; }
#right ul li ul li { border-bottom: 1px solid #e5e5e5; padding: 7px 0px;}
#right ul li ul>li:hover { background: #f7f7f7;}
#right h2 { font-size: 16px; text-transform: uppercase; color: #666; margin-bottom: 10px; padding-bottom: 5px; *padding-bottom: 0px; font-weight: normal; width: 300px; float:left; }
#right .search { clear: both; width: 300px; padding-top: 5px; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px;}
#right .search input.s { margin-right: 20px; width: 195px; *width: 175px; color: #666;}
#right ul li { width: 300px; float: left; height: auto; padding: 0px; margin: 0px; }
#right ul li>div { margin: 0px 0px 30px 0px; padding: 0; *width: 300px; }
#right div.textwidget { border-bottom: 1px solid #e5e5e5; padding-bottom: 15px;}
#right div.textwidget p { padding-bottom: 15px; }

/* Tabs */
#right ul.tabNavigation { padding-bottom: 3px; margin-bottom: 8px; width: 300px; clear: both; border: none;}
#right ul.tabNavigation li { display: block; border: none; width: auto; float: left; height: 20px;}
#right ul.tabNavigation li:hover {background: none; }
#right ul.tabNavigation li a { padding: 8px 18px 5px 0px; margin: 0px;  background: none; color: #666; font-size: 15px; text-transform: uppercase;  border: none; font-weight: 100; }
#right .tabs>div { width: 300px; height: auto; clear: both; background: #fff;  }
#right .tabs>div ul { width: 300px; clear: both; *margin-top: 0px; *padding-top: 0px; *padding-bottom: 0px; }

/* Twitter Widget */
#right li.widget_twitter { float:left; width: 300px; height: auto; *padding-bottom: 30px; }
#right li.widget_twitter ul#twitter_update_list { width:300px; height: 45px; float: left; overflow: none;}
#right li.widget_twitter ul#twitter_update_list li { float:left; width:300px; height:45px; padding: 0px 0px 10px 0px; border: none; margin: 0px; background: none; line-height: 22px; font-style:italic; }
#right li.widget_twitter .scroll { clear:both; width:300px; text-align: right; margin: 0px; padding: 0px 0px 5px 0px; }
#right li.widget_twitter .follow { float:left; width:270px; height: 20px; text-align: right; background: url(../images/icon-twitter.png) top right no-repeat; padding: 0px 30px 5px 0px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
#right li.widget_twitter a { color: #999; }
#right li.widget_twitter .follow a { color: #999; clear: both; width: 250px; }

/* Flickr Widget */
#right li.widget_flickr h2 { margin-bottom: 20px; width: 300px; clear: both; }
#right li.widget_flickr { width: 300px; float: left; margin-bottom: 30px; *padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; }
#right li.widget_flickr .flickr_badge_image { border: 1px solid #444; width: 75px; float: left; margin: 0px 0px 15px 15px; }
#right li.widget_flickr .flickr_badge_image img{ opacity: 0.9; }
#right li.widget_flickr .flickr_badge_image img:hover{ opacity: 1.0; }

/* Sponsor Widget */
#right li.widget_sponsor { width: 300px; height: 330px; float: left; }
#right li.widget_sponsor div.sponsors { margin: 0 auto; margin-top: 5px; width: 270px; height: 300px; text-align:center; padding-bottom: 20px; }
#right li.widget_sponsor div.sponsors a{ float: left; width: 135px; height: 135px; margin: 0px; padding: 0px; border: none; background: none;}

/* Video Widget */
#right li.widget_techblogvideo { margin-bottom: 30px; }
#right li.widget_techblogvideo h2 { margin-bottom: 20px; width: 300px; clear: both; }
#right li.widget_techblogvideo .techblogvideo { width: 300px; float: left; padding: 0;  margin:0; }

/* Latest Users Widget */
#right li.widget_latestusers { width: 300px; float: left; margin-bottom: 30px; *padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; }
#right li.widget_latestusers div.latestusers { float: left; margin: 0 auto; margin-top: 5px; width: 300px; padding-bottom: 20px; }
#right li.widget_latestusers img{ opacity: 0.9; margin-right: 10px; margin-bottom: 10px; }
#right li.widget_latestusers img:hover{ opacity: 1.0; }

/* Popular - Recent */
#popular h3 { font-size: 20px; margin-bottom: 20px; color: #555; font-weight: normal; }
#popular ul li, #recent ul li, #recentcomments ul li  { float: left; width: 300px; height: 65px; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #e5e5e5;}
#popular ul li img, #recent ul li img, #recentcomments ul li img { float: left; border: 1px solid #444; margin-right: 15px; width: 63px; height: 63px; }
#popular p, #recent p, #recentcomments p { float: left; width: 215px; color: #999; font-size: 10px; text-transform:uppercase; }
#popular a, #recent a, #recentcomments a { font-size: 12px; text-transform: none;} 
#popular, #recent, #recentcomments { float: left; }

/* Author Description */
#authordesc { float:left; width:630px; margin-bottom: 20px; }
#authordesc .authorinner { margin-left: 30px; width: 600px; float: left; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px;} 
#authordesc .author-avatar {float: left; width: 100px;}
#authordesc h3 { clear: both; width: 550px; margin-bottom: 20px; padding-left: 15px; font-size: 16px; text-transform: uppercase; line-height: 24px; font-weight: normal;}
#authordesc img {float: left; border: 1px solid #444; width: 70px; height: 70px;}
#authordesc strong a { text-decoration:none; text-transform:capitalize; }
#authordesc .author-text { float:left; width: 500px; }

/* Related Posts */
#relatedposts { float:left; width:630px; margin-bottom: 30px; border-bottom: 0px solid #e5e5e5; }
#relatedposts h3 { clear: both; width: 550px; margin-bottom: 20px; padding-left: 15px; font-size: 16px; text-transform: uppercase;  line-height: 22px; font-weight: normal;}
#relatedposts ul { width: 600px; float: left; margin-left: 30px;  }
#relatedposts li { color: #999; font-size: 10px; width: 160px; float: left; padding: 0px 40px 20px 0px; }
#relatedposts li a{ font-size: 14px; }
#relatedposts img { border: 0px solid #666; }

/* Buttons & Inputs*/
.button, .button:visited, .reply a{ font-family:Verdana, Geneva, sans-serif; background: url(../images/alert-overlay.png); display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; border:none; position: relative; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border: 1px solid rgba(0,0,0,.25); border-bottom-color: rgba(0,0,0,.35);}
.button:hover, .reply a:hover { color: #fff; text-decoration:none; }
.button:active, .reply a:active { top: 1px; }
.button:hover, .reply a:hover { opacity:0.9; }
.button::-moz-focus-inner { border: 0; }
.darkbutton, .darkbutton:visited, .reply a{ background-color:#555; }
.lightbutton, .lightbutton:visited { opacity:0.9; background: url(../images/alert-overlay.png) top left; background-color:#e9e9e9; color: #222; text-shadow: 0 -1px 1px #FFF; }
.lightbutton:hover { color: #333 !important; opacity:1; background-color:#dedede; }
input.s  { float:left; width: 60%; padding: 7px 0 7px 7px; background: #e9eaeb; margin-right:5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}

/* Comments */
#commentsarea { width: 650px; float: left; padding-bottom: 30px;}
#commentsarea h3 { clear: both; width: 550px; margin-bottom: 20px; padding-left: 15px; font-size: 16px; text-transform: uppercase; line-height: 22px; font-weight: normal;}
#commentsarea .date{ padding-left:2px; color:#BBB; font-size:9px; line-height:15px; text-transform:uppercase;}
.comment-text{ color:#888; left:20px; margin: 0px 20px 20px 0px; min-height:90px; overflow:hidden; padding:10px 20px; text-shadow:1px 1px 1px #FFFFFF; background: #f7f7f7; border: 1px solid #ededed;}
.comment-author{ padding: 0px 0px 0px 5px; float:left; overflow:hidden; width:90px;}
.comment-author img { border: 1px solid #444; }
.commentlist cite { display:inline-block; font-style:normal; line-height:16px; padding-left:2px; padding-top:5px; text-transform:capitalize;}
.commentlist cite , .commentlist cite a:link, .commentlist cite a:visited {color: #666;}
.commentmetadata { float:right; font-size:10px; margin-right:5px; text-transform:lowercase;}
.commentlist .reply a{ display: inline-block; padding: 2px 6px 2px; color: #fff !important; text-transform:uppercase; font-size: 10px; top: 10px; }
.commentlist {margin: 0 0 20px 30px;}
.commentlist li { list-style-image:none;list-style-position:outside; list-style-type:none; overflow:hidden; display: block; clear:both;}
.commentlist li ul li { margin: 0px 0px 0px 30px; padding:0px;}
.cancel-comment-reply a{color:#bbb;font-size:9px;padding-left:2px; line-height:15px;}
.comms-navigation, .navigation {clear: both;display: block;margin-bottom:0px;overflow: hidden;}
.children {padding: 0; margin: 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
#commentsarea p.logged { width: 100%; }

/* Pings List */
.pingslist { padding-bottom: 20px; }
.pingslist li { background: url(../images/pings.gif) center left no-repeat; color: #ddd; padding: 4px 0px 5px 20px; border-bottom: 1px solid #e5e5e5;}

/* Comment Form */
.commentreply { padding-left: 30px; }
#commentform p { float: left; width: 180px; padding:0 0 20px 0; }
#commentform textarea { float:left; width: 60%; padding: 7px 0 7px 7px; margin-bottom: 20px; background: #e9eaeb; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; width: 520px; }
#commentform input[type="text"] { width: 160px; margin-right: 20px;}

/* Pagination */
#pagination { font-family: Verdana; font-size: 10px; width: 930px; padding: 12px 30px 0px 30px; clear: both; height: 28px; }
.wp-pagenavi {text-align:right; float:left; width:580px; color:#FFF; }
.wp-pagenavi span.pages {float:left; background:url(../images/pagenavi.gif) center left no-repeat; padding-left:15px; }
.wp-pagenavi a {text-decoration:none; padding:4px; margin-left:5px; color:#FFF; }
.wp-pagenavi a:hover {color:#FFF; border-bottom: 1px solid #FFF;}
.wp-pagenavi .current {font-weight:bold; padding:4px; margin-left:10px; border-bottom: 1px solid #FFF; }
.totop { float: right; }
#pagination a { color: #FFF; }
#pagination a:hover { color: #ededed;}

/* Footer */
#footer { float: left; width: 960px; padding: 30px 0px 30px 30px; background: #333; color: #fafafa; font-size: 12px; font-family: Verdana; *padding-top: 25px; margin: 0; }
#footer h2 { font-size: 18px; color: #FFF; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 2px solid #808080; text-transform:uppercase; margin-top: 0px; }
#footer ul li { float: left; width: 210px; margin-right: 30px; overflow: hidden; margin-top: 0px; padding: 0px; }
#footer ul li ul li { border-bottom: 1px solid #666; padding: 3px 0px;}
#footer ul li ul li:last-child { border-bottom: none;}
#footer ul li ul li:hover { background: #666;}
#footer a { color: #CECFD1; }
#footer a:hover { color:#FFF; cursor:pointer; }
#footerpages { float: left; width: 930px; padding: 20px 30px; font-size: 11px; margin: 0;}
.copyright { float: left; width: 300px; }
.footerpages { float: left; width: 630px; text-align: right; }
.footerpages li { display: block; float: right; padding: 0px 0px 0px 20px; }
#footerpages a { color: #222;  }
#footerpages a:hover { color: #444; }

/* Contact Form 7 */
div.wpcf7 input  { clear:both; width: 200px; padding: 7px 0 7px 7px; background: #e9eaeb; margin-right:5px; margin-bottom: 10px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
div.wpcf7 textarea { clear:both; width: 300px; padding: 7px 0 7px 7px; margin-bottom: 20px; background: #e9eaeb; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; width: 520px; }
div.wpcf7 input[type="submit"] { width: 100px; font-family:Verdana, Geneva, sans-serif; background: url(../images/alert-overlay.png); display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; border:none; position: relative; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border: 1px solid rgba(0,0,0,.25); border-bottom-color: rgba(0,0,0,.35); background-color:#555;}
div.wpcf7 input[type="submit"]:hover { opacity:0.9; }

/* Navigation */
#menu .menu, #menu .menu *{margin:0; padding:0; list-style:none; z-index:99}
#menu .menu{line-height:1.0}
#menu .menu ul{position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */}
#menu .menu ul li{width:100%}
#menu .menu li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */}
#menu .menu li{float:left; position:relative}
#menu .menu a{display:block; position:relative}
#menu .menu li:hover ul, 
#menu .menu li.sfHover ul{left:0; top:40px; /* match top ul list item height */z-index:99999}
#menu .menu li ul li.sfHover ul{top:0px; /* match top ul list item height */z-index:99999}
ul#menu .menu li:hover li ul, 
ul#menu .menu li.sfHover li ul{top:-999em}
ul#menu .menu li li:hover ul, 
ul#menu .menu li li.sfHover ul{left:10em; /* match ul width */top:0}
ul#menu .menu li li:hover li ul, 
ul#menu .menu li li.sfHover li ul{top:-999em}
ul#menu .menu li li li:hover ul, 
ul#menu .menu li li li.sfHover ul{left:10em; /* match ul width */top:0}

#menu .menu{float:left; height:40px; margin-left:15px}
#menu .menu a{padding:15px 0px 0px 15px; margin-right:15px; height:25px; font-size:12px; text-decoration:none; font-weight:bold; text-transform:uppercase; color:#FFF}
#menu .menu a, #menu .menu a:visited{/* visited pseudo selector so IE6 applies text colour*/color:#FFF}
#menu .menu li li{z-index:9999; height:40px}
#menu .menu li li a{padding:14px 0px 0px 15px; height:24px; text-transform:none}
#menu .menu li li li{z-index:9999}
#menu .menu li li:hover, #menu .menu li li li:hover{}
#menu .menu li:hover, #menu .menu li.sfHover, 
#menu .menu a:focus, #menu .menu a:hover, #menu .menu a:active{outline:0}

#menu .menu a.sf-with-ul{padding-right:15px; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator{position:absolute; display:block; right:0; top:1.05em; /* IE6 only */width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../images/arrows-ffffff.png') no-repeat -2px -105px;}
a >.sf-sub-indicator{ top:1.2em; background-position:-2px -105px; }
/* apply hovers to modern browsers */
a:focus >.sf-sub-indicator, 
a:hover >.sf-sub-indicator, 
a:active >.sf-sub-indicator, 
li:hover >a >.sf-sub-indicator, 
li.sfHover >a >.sf-sub-indicator{background-position:-12px -105px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
#menu .menu ul .sf-sub-indicator{background-position: -12px -5px}
#menu .menu ul a >.sf-sub-indicator{background-position:-4px -5px}
/* apply hovers to modern browsers */
#menu .menu ul a:focus >.sf-sub-indicator, 
#menu .menu ul a:hover >.sf-sub-indicator, 
#menu .menu ul a:active >.sf-sub-indicator, 
#menu .menu ul li:hover >a >.sf-sub-indicator, 
#menu .menu ul li.sfHover >a >.sf-sub-indicator{background-position:-14px -5px; /* arrow hovers for modern browsers*/}

/* Seperator */
.line-separator{ height:1px; background:#717171; border-bottom:1px; solid #313030; }

/* Coin Slider */
.coin-slider { overflow: hidden; zoom: 1; position: relative; height: 335px; z-index: 1; }

.cs-buttons { position: absolute; bottom: 30px; font-size: 0px; padding: 10px; float: left; z-index: 30;}
.cs-buttons a { margin-left: 5px; height: 8px; width: 8px; float: left; border: 1px solid #B8C4CF; color: #FFF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 990px; height: 335px; padding: 0px; color: #FFFFFF; z-index: 1;}

.cs-prev, 
.cs-next { padding: 0px; width: 30px; height: 30px; }
.cs-prev { background: #000 url(../images/cs-prev.gif) center center no-repeat; }
.cs-next { background: #000 url(../images/cs-next.gif) center center no-repeat; }

.cs-prev:hover, 
.cs-next:hover { background-color: #222; }