@charset "utf-8";

@import url("../scripts/flexslider/custom.css");
@import url("framework.css");


/* Rows
---------------------------------------------------------------------------------------------------------------*/
.row0, .row0 a{}
.row1, .row1 a{}
.row2, .row2 a{}
.row3, .row3 a{}
.row4{border-bottom:1px solid;}
.row5{border-top:1px solid;}


/* Top Bar
---------------------------------------------------------------------------------------------------------------*/
#topbar{padding:10px 0; font-size:12px; font-weight:normal; text-transform:uppercase;}
#topbar ul{margin:0; padding:0; list-style:none; float:right;}
#topbar ul li{display:inline; margin-left:10px; padding-left:10px;}
#topbar ul li:first-child{margin:0; padding:0; border:none;}


/* Header
---------------------------------------------------------------------------------------------------------------*/
#header{padding:22px 0 30px;}
#header #logo{float:left;}
#header #logo h1, #header #logo p{font-weight:normal; font-style:normal; text-transform:none;}
#header #logo h1{font-size:32px; font-variant:small-caps;}
#header #logo p{margin:0; padding:0; font-size:12px; text-transform:uppercase;}


/* Content Area
---------------------------------------------------------------------------------------------------------------*/
#container{padding:50px 0; line-height:1.8em;}
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6, #container .heading{margin-bottom:40px;}
#container section{display:block; width:100%; margin:0 0 40px 0;}
#container .last{margin:0;}
#container .more{text-align:right;}

/* Content */
#content{}

/* Comments */
#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li.comment_odd, #comments li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}
#comments article, #comments header{display:block; width:100%;}
#comments figure{float:right; margin:0 0 10px 10px; padding:3px; text-align:center;}
#comments figure img{float:inherit;}
#comments header address{font-weight:bold;}
#comments header time{font-size:smaller;}
#comments article .comcont{margin:0; padding:0;}
#comments article .comcont p{margin:10px 5px 10px 0; padding:0;}

/* Right Column */
.sidebar{}
.sidebar h2{margin-bottom:15px; padding-bottom:8px; font-size:16px; text-transform:uppercase; text-align:right;}
.sidebar .sdb_holder{margin-bottom:50px;}
.sidebar .sdb_holder:last-child{margin-bottom:0;}


/* Footer
---------------------------------------------------------------------------------------------------------------*/
#footer{padding:30px 0; line-height:1.6em;}
#footer h2.title{margin:0 0 30px 0; padding:0; font-weight:normal;}
#footer ul{margin:0; padding:0; list-style:none;}
#footer p{margin:5px 0; padding:0;}

/* Blogposts */
#footer article{margin-top:15px;}
#footer article:first-child{margin-top:0;}
#footer article .header h2{font-size:13px; font-weight:bold;}
#footer article .header time{font-size:10px; font-style:normal;}

/* Quick Links */
#footer nav ul{}
#footer nav ul li{margin-top:8px;}
#footer nav ul li:first-child{margin-top:0;}
#footer nav ul li a{padding-left:15px;}

/* Company Details */
#footer address{margin-bottom:20px;}

/* Social */
#footer .social{margin-top:30px;}
#footer .social li{display:inline; margin:0 0 0 13px;}
#footer .social li:first-child{margin-left:0;}


/* Copyright
---------------------------------------------------------------------------------------------------------------*/
#copyright{padding:20px 0;}
#copyright p{margin:0; padding: 0;}


/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/


/* Navigation
---------------------------------------------------------------------------------------------------------------*/

nav ul{margin:0; padding:0; list-style:none;}

/* Top Navigation */
#header nav{display:block; float:right; margin:19px 0 0 0; padding:0; clear:right;}
#header nav ul{}
#header nav ul li{display:inline-block; margin:0 0 0 20px;}
#header nav ul li:first-child{margin:0; padding:0; border-left:none;}
#header nav ul li li{margin:0; padding:0; border:none; text-align:left; font-style:normal;}
#header nav ul li li:first-child{margin:0;}
#header nav ul li a:link, #header nav ul li a:visited, #header nav ul li a:hover{display:block; margin:0; padding:0 0 15px 0; text-transform:uppercase;}
#header nav ul li a:hover, #header nav ul li.active a{}
#header nav ul li ul li a:link, #header nav ul li ul li a:visited{float:none; width:150px; margin:0; padding:7px 10px; border:none; text-transform:none; font-weight:normal;}
#header nav ul li ul li a:hover{border:none;}
#header nav ul ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; padding:5px 0 0 0;}
#header nav ul ul a{width:140px;}
#header nav ul li:hover ul{left:auto;}
#header nav ul li:hover{position:static;}

/* Breadcrumb */
#breadcrumb{padding:20px 0; font-size:12px; font-weight:normal; text-transform:uppercase; overflow:hidden;}
#breadcrumb ul{margin:0; padding:0; list-style:none;}
#breadcrumb ul li{display:inline; margin-left:10px; padding-left:15px;}
#breadcrumb ul li:first-child{margin:0; padding:0; background-image:none;}
#breadcrumb ul li.current a{font-weight:bold;}

/* Right Column Navigation */
.sidebar nav{display:block; width:100%;}
.sidebar nav ul{margin:0; padding:0; list-style:none;}
.sidebar nav li{margin:0 0 3px 0; padding:0;}
.sidebar nav ul ul, .sidebar nav ul ul ul, .sidebar nav ul ul ul ul, .sidebar nav ul ul ul ul ul{border-top:none; padding-top:0;}
.sidebar nav a{display:block; margin:0; padding:5px 10px 5px 20px; text-decoration:none; background-position:10px center; background-repeat:no-repeat;}
.sidebar nav ul ul a, .sidebar nav ul ul ul a, .sidebar nav ul ul ul ul a, .sidebar nav ul ul ul ul ul a{}
.sidebar nav ul ul a{padding-left:40px; background-position:30px center;}
.sidebar nav ul ul ul a{padding-left:50px; background-position:40px center;}
.sidebar nav ul ul ul ul a{padding-left:60px; background-position:50px center;}
.sidebar nav ul ul ul ul ul a{padding-left:70px; background-position:60px center;}

/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:3px 6px; border:1px solid; font-weight:normal;}


/* Forms
---------------------------------------------------------------------------------------------------------------*/
input, textarea, select{resize:none; outline:none;}
form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
input, textarea, select{font-size:12px; font-family:Georgia,"Times New Roman",Times,serif;}

#comments form{display:block; width:100%;}
#comments form input{width:170px; padding:2px; margin:5px 5px 0 0;}
#comments form textarea{width:98%; padding:2px; overflow:auto;}
#comments form p{margin:5px 0;}
#comments form #submit, #comments form #reset{margin:0; padding:5px; cursor:pointer;}

#footer label{display:none;}
#footer input{display:block; width:209px; margin:0 0 10px 0; padding:8px; border:none;}
#footer button{padding:8px; font-size:13px; font-weight:bold; text-transform:uppercase; border:none; cursor:pointer;}


/* Tables
---------------------------------------------------------------------------------------------------------------*/
table{width:100%; border-collapse:collapse; table-layout:auto; vertical-align:top; margin-bottom:15px;}
table thead th{border-collapse:collapse; text-align:center; table-layout:auto; vertical-align:middle;}
table tbody td{vertical-align:top; border-collapse:collapse;}
table thead th, table tbody td{padding:5px; border-collapse:collapse;}
table tbody tr.light{}
table tbody tr.dark{}


/* Gallery
---------------------------------------------------------------------------------------------------------------*/
#gallery{display:block; width:100%; margin-bottom:50px;}
#gallery figure figcaption{display:block; width:100%; clear:both;}
#gallery ul{margin:0; padding:0; list-style:none;}
#gallery li{margin-bottom:30px;}

 
/* Homepage
---------------------------------------------------------------------------------------------------------------*/
#homepage{position:relative; display:block; width:900px; margin:-104px auto 0; padding:30px 0 0 0;}

#services{display:block; width:100%; margin:0 0 50px 0; padding:0;}
#services ul{margin:0; padding:0; list-style:none;}
#services ul li{display:block; float:left; width:210px; margin:0 0 0 20px; text-align:center;}
#services ul li:first-child{margin:0; padding:0; border:none;}
#services ul li article{}
#services ul li article img, #services ul li article h2{margin:0 0 20px 0;}
#services ul li article h2{padding-bottom:20px;}
#services ul li article p{margin:0; padding:0;}

#shout{margin:0 0 50px 0;}
#shout p{margin:0; padding:0; font-size:18px; text-align:center; line-height:1.6em;}

#latest{margin:0;}
#latest ul{margin:0; padding:0; list-style:none;}
#latest ul li{display:block; float:left; width:225px; margin:0 0 0 20px;}
#latest ul li:first-child{margin-left:0;}
#latest ul li article{}
#latest ul li article h2, #latest ul li article img{margin:0 0 20px 0;}
#latest ul li article h2{}
#latest ul li article p{margin:0 0 10px 0; padding:0;}
#latest ul li article footer{}


/* Group Rounded Corners
---------------------------------------------------------------------------------------------------------------*/
#slider ul.slides li div, #slider ul.slides li div p.more a, #comments input, #comments textarea, #comments button, #footer input, #footer button{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}


/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/


/* Colours
---------------------------------------------------------------------------------------------------------------*/

body{color:#807D77; background-color:#202020;}

.imgholder, .imgl, .imgr{border-color:#D7D7D7;}

/* Rows */
.row0, .row0 a{color:#FFFFFF; background-color:#55415F;}
.row1{color:#818181; background-color:#FFFFFF;}
.row2{color:#999999; background-color:#EBEBEB;}
.row3{color:#807D77; background-color:#FFFFFF;}
.row3 a{color:#55415F; background-color:#FFFFFF;}
.row4{color:#807D77; background-color:#222222; border-color:#000000;}
.row4 a{color:#9F7FA9; background-color:#222222;}
.row5, .row5 a{color:#807D77; background-color:#202020;}
.row5{border-color:#3A3A3A;}

/* Topbar */
#topbar ul li{border-left:1px solid #FFFFFF;}

/* Header */
#header #logo h1 a{color:#2D2D2D; background-color:#FFFFFF;}

/* Breadcrumb */
#breadcrumb ul li{background:url("images/brcr_file.gif") no-repeat left center;}
#breadcrumb ul li a{color:#55415F; background-color:#EBEBEB;}

/* Content Area */
#comments li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments li.comment_odd a{color:#55415F; background-color:#F7F7F7;}
#comments li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments li.comment_even a{color:#55415F; background-color:#E8E8E8;}
#comments figure{border:1px solid #DEDACB;}

.sidebar h2{border-bottom:5px solid #CCCCCC;}

/* Footer */
#footer h2.title{color:#FFFFFF; background-color:#222222;}
#footer nav ul li a{background:url("images/white_file.gif") no-repeat left center;}


/* Forms */
#comments form input, #comments form textarea{border:1px solid #CCCCCC;}
#comments form #submit, #comments form #reset{color:#666666; background-color:#F7F7F7;}

#footer input{color:#7F7D77; background-color:#353535;}
#footer button{color:#FFFFFF; background-color:#9F7FA9;}

/* Navigation */
#header nav{border-bottom:1px solid #EBEBEB;}
#header nav ul li a:link, #header nav ul li a:visited, #header nav ul li a:hover{color:#999999; background-color:#FFFFFF; border-bottom:2px solid #FFFFFF;}
#header nav ul li a:hover, #header nav ul li.active a{color:#55415F; background-color:#FFFFFF; border-color:#55415F;}
#header nav ul li ul li a:link, #header nav ul li ul li a:visited{color:#999999; background-color:#F9F9F9;}
#header nav ul li ul li a:hover{color:#55415F; background-color:#F9F9F9;}
#header nav ul ul{border-bottom:1px solid #D5D5D5;}

.sidebar nav a{color:#666666; background-color:#FFFFFF; background-image:url("images/purple_file.gif"); border-bottom:1px dotted #666666;}
.sidebar nav a:hover{color:#55415F; background-color:#FFFFFF;}
.sidebar nav ul ul a, .sidebar nav ul ul ul a, .sidebar nav ul ul ul ul a, .sidebar nav ul ul ul ul ul a{background-image:url("images/black_file.gif");}

.pagination a, .pagination strong{border-color:#CCCCCC;}
.pagination .current{color:#666666; background-color:#F7F7F7;}

/* Tables */
table, table thead th, table tbody td{border:1px solid #CCCCCC;}
table thead th{color:#FFFFFF; background-color:#666666;}
table tbody td{border-width:0 1px;}
table tbody tr.light{color:#666666; background-color:#F7F7F7;}
table tbody tr.dark{color:#666666; background-color:#E8E8E8;}

/* Homepage */
#homepage{background-color:#FFFFFF;}
#services ul li article h2{border-bottom:1px solid #D7D7D7;}
#shout p{color:#212121; background-color:#FFFFFF;}

/* Slider */
#slider ul.slides li div{color:#FFFFFF; background-color:rgba(0,0,0,.5);}
#slider ul.slides li div h2{color:inherit; background-color:transparent;}
#slider ul.slides li div p.more a{color:#FFFFFF; background-color:#55415F;}
#slider ol li a{background:url("images/slider/pagination.png") 0 0 no-repeat;}
#slider ul.flex-direction-nav li a{background:url("images/slider/prev_next.png") 0 0 no-repeat;}