@charset "utf-8";

body { margin: 0px; padding: 0px; }
p {margin: 0px; padding: 0px; }


/*Page layout*/
#header_bg { background: url(../images/header_repeater.jpg) repeat-x top; height: 194px; width: 100%; }
#nav_bg { background: url(../images/nav_bg_repeater.jpg) repeat-x top; height: 60px; width: 100%; vertical-align:top; }
#page_bg { background: url(../images/bg_repeater.jpg) repeat; height: 100%; width: 100%; min-height: 500px; }
#footer_bg { background: url(../images/footer_repeater.jpg) repeat-x top; height: 205px; width: 100%; position:relative; bottom: 0px; }

.clear { clear: both; }

#header { width: 1024px; margin: 0px auto; height: 194px;  }
#content { width: 800px; margin: 0px auto; font: 12px/18px Verdana, Arial, Helvetica, sans-serif; /*color: #6f6f6f;*/ color: #444; text-align: justify; padding-top: 15px; }
#content a { font: italic 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #6f6f6f; text-decoration: underline; }
#body_bottom_stripes { height: 4px; width: 800px;  bottom: 0px; margin: 0px auto; }
#footer { width: 800px; margin: 0px auto; font: 10px/10px Arial, Helvetica, sans-serif; color: #CCCCCC; text-align: center; }
#footer a { color: #CCCCCC; text-align: center; text-decoration: underline; }
#footer a.yellow { color: #ffbd0f; }
#logo { float: left; margin-left: 114px; margin-right: 64px; height: 130px; padding-top: 60px; }
#flash { float: left; }
#body_banner { /*background: url(../images/MDA_Banner.jpg) no-repeat center top;*/ margin: 0px auto; width: 786px; height: 154px; padding: 0px; /*border: 1px solid #d3c9bd;*/ margin-bottom: 15px; /*margin-top: 15px;*/ }

#footer_left { float: left; height: 139px; width: 480px; padding: 8px; margin-left: 6px; text-align: justify; }
#footer_left h1 { font: 14px/16px Arial, Helvetica, sans-serif; color: #5d3d27; border-bottom: 1px solid #5d3d27; margin-top: 0px; text-align: left; background: url(../images/h1_bg_sml.png) no-repeat right center; }
#footer_left p a { font: bold 12px/14px Arial, Helvetica, sans-serif; color: #ff7e16; text-decoration: none; }
#footer_left p a:hover {color: #ffbd0f; }
#footer_left p a .footer_small { font: 10px/14px Arial, Helvetica, sans-serif; color: #CCCCCC;  }
#footer_video { width: 149px; height: 139px; float: left; padding: 17px 55px; margin-left: 15px; }

#contact_wrapper { width: 770px; float: right;   }
#contact_details { float: left; width: 250px; padding-right: 10px; }
table#contact { margin: 0px auto; width: 500px; background: #5d3d27; color: #ffffff; float: left;}
table#contact tr td.label { text-align: right; padding-right: 10px; font-weight: bold; padding-top: 3px; padding-bottom: 3px; }
table#contact tr td.input  { text-align: left; padding-left: 10px; padding-top: 3px; padding-bottom: 5px; }



/*Nav Styles*/
#nav { width: 800px; margin: 0px auto; vertical-align:top; }
#nav ul { margin: 0px; padding: 0px;  }
#nav ul li {   display: inline; position: relative; list-style: none; margin: 0px; padding: 0px; }

#nav ul li a { text-decoration: none; font: 22px/30px Calibri; color: #5d3d27; text-align: center; display: inline-block; height:60px; /*margin: 9px 3px 0px;*/ width: 125px; }
#nav ul li ul { position:absolute;  display: none; left: 0px; top: 20px;}
#nav ul li a:hover { color: #81604a; }
#nav ul li:hover ul { display: block; background: #e6e0d8; width: 250px; /*left: -60px;*/ opacity: 1.0;  }
#nav ul li ul li { height: 35px;  }
#nav ul li ul li img { float: left; border: none; }
#nav ul li ul li:hover { opacity: 1.0; }
#nav ul li ul li a { width: 238px; color: #5d3d27; font: 14px/35px Calibri, Arial; height: 35px; text-align: right; margin: 0px; display: inline-block; padding-top: 5px; padding-right: 5px; padding-left: 5px; border-right: 1px solid #cdc5bb; border-bottom: 1px solid #cdc5bb; border-left: 1px solid #cdc5bb; }
#nav ul li ul li a:hover { color: #ff7e16; }


#nav .nav_small { font: 11px/11px Arial, Helvetica, sans-serif; color: #ff7e16; text-align: center; }

#nav ul li a:hover .nav_small { opacity: 0.8; }

.grey { font: 11px/11px Calibri; color:#CCC; text-align: center; }

/*Social Media*/
#twitter { float: left; width: 50px; height: 50px; }
#twitter a { display: block; height: 50px; width: 50px; }


#facebook { float: left; width: 50px;height: 50px; }
#facebook a { display: block; height: 50px; width: 50px; }


/*#twitter { background: url(../images/content_boxes_bg_repeater.png) repeat; float: left; width: 360px; padding: 0px 12px; border: 1px solid #d3c9bd; margin-left: 6px;  height: 50px; margin-bottom: 15px; }
#twitter:hover { background: url(../images/content_boxes_bg_repeater_hover.png) repeat; border-color: #c3baae; }
#twitter a { display: block; height: 50px; font: bold 18px/50px Arial, Helvetica, sans-serif; color: #5d3d27; text-align: left; background: url(../images/twitter_logo.png) no-repeat left center; padding-left: 60px; text-decoration: none; width: 314px; }
#twitter a .h2 { font: bold 24px/50px Arial, Helvetica, sans-serif; color: #5d3d27; }

#facebook { background: url(../images/content_boxes_bg_repeater.png) repeat; float: left; width: 360px; padding: 0px 12px; border: 1px solid #d3c9bd; margin-left: 15px;  height: 50px; }
#facebook:hover { background: url(../images/content_boxes_bg_repeater_hover.png) repeat; border-color: #c3baae; }
#facebook a { display: block; height: 50px; font: bold 18px/50px Arial, Helvetica, sans-serif; color: #5d3d27; text-align: left; background: url(../images/facebook_logo.png) no-repeat left center; padding-left: 60px; text-decoration:none; width: 314px; }
#facebook a .h2 { font: bold 24px/50px Arial, Helvetica, sans-serif; color: #5d3d27; }*/


/*Content div styles*/
#body_left { background: url(../images/content_boxes_bg_repeater.png) repeat; float: left; width: 480px; padding: 0px 8px 17px; border: 1px solid #d3c9bd;  margin-left: 6px; margin-bottom: 15px; /*margin-top: 15px;*/ }
#body_right { background: url(../images/content_boxes_bg_repeater.png) repeat; float: left; width: 255px; padding: 0px 8px 8px; border: 1px solid #d3c9bd; margin-left: 15px; /*margin-top: 15px;*/ margin-bottom: 15px;  }
#body_full { background: url(../images/content_boxes_bg_repeater.png) repeat; float: left; width: 770px; padding: 0px 8px 8px; border: 1px solid #d3c9bd; margin-left: 6px; margin-bottom: 15px; /*margin-top: 15px;*/ }
#body_full_index { background: url(../images/content_boxes_bg_repeater.png) repeat; float: left; width: 770px; padding: 0px 8px 8px; border: 1px solid #d3c9bd; margin-left: 6px; margin-bottom: 15px; }
#body_left h1, #body_right h1, #body_full h1, #body_full_index h1 { background: url(../images/h1_bg.png) no-repeat right center; }
#body_left p, #body_full p { padding-top: 9px;}
#body_full a.right_align, #body_full_index a.right_align { text-align: right;}

.services_div_left { padding: 8px; width: 361px; float: left; margin-right: 15px; margin-bottom: 15px; background: url(../images/content_boxes_bg_repeater.png) repeat; }
.services_div_right { padding: 8px; width: 361px; float: left; margin-bottom: 15px; background: url(../images/content_boxes_bg_repeater.png) repeat; }
.services_div_left, .services_div_right { font: bold 16px Arial, Helvetica, sans-serif; color: #5d3d27; text-align: left; }
#content .services_div_left a { font: bold 16px Arial, Helvetica, sans-serif; color: #5d3d27; text-decoration: none; }

.services_div_left ul, .services_div_right ul { margin: 0px; padding: 0px; padding-left: 10px; }
.services_div_left ul li, .services_div_right ul li { margin: 0px; padding: 0px; background: url(../images/li_bg.png) no-repeat scroll 0 5px; padding: 5px 0 5px 15px; list-style: none outside none; text-indent: 20px; font: normal 14px/10px Arial, Helvetica, sans-serif; }


/*Portfolio Styles*/
#portfolio_large_img { float: left; width: 450px; }
#portfolio_large_img p { font: 18px Arial, Helvetica, sans-serif; color: #5d3d27; text-align: center; padding-top: 25px; }
#portfolio_large_img p a, #portfolio_info a { color: #5d3d27; text-decoration: underline; }
#portfolio_info { width: 305px; margin-left: 15px; float: left; }
#portfolio_info p a {text-align: center; }

table#portfolio_details tr td {  border-bottom: 1px solid #CCCCCC; display: table-cell; padding: 6px 2px; color:#5d3d27; }
table#portfolio_details tr td.title { color: #5d3d27; padding-right: 10px; text-align: right; font-weight:bold; }
table#portfolio_details ul { margin: 0px; padding: 0px; }
table#portfolio_details ul li { margin: 0px; padding: 0px; background: url(../images/li_bg.png) no-repeat scroll 0 5px; line-height: 10px; padding: 5px 0 5px 15px; list-style: none outside none; }

.portfolio { padding: 8px; height: 150px; width: 359px; float: left; margin-right: 8px; margin-bottom: 8px; border: 1px solid #CCCCCC; vertical-align: top; background: url(../images/content_boxes_bg_repeater.png) repeat; }
/*.portfolio a img { padding: 0px; margin: 0px; }*/
.portfolio:hover img { opacity: 0.8; }
.portfolio p { margin: 0px; padding: 0px; text-indent: 170px; font: 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #6f6f6f; }
#body_full .portfolio h1 { font: bold 14px Arial, Helvetica, sans-serif; color: #5d3d27; background: none; border: none; text-align: left; margin: 0px; padding: 0px;   }

.portfolio_img { float: left;}
.portfolio_text { float: left; padding-left: 10px; width: 199px; text-align: left;}
.portfolio_text h1 { font: bold 14px Arial, Helvetica, sans-serif; color: #5d3d27; background: none; border: none; text-align: left; margin: 0px; padding: 0px; }
.portfolio_text a { font: bold 12px/30px Verdana, Arial, Helvetica, sans-serif; color: #6f6f6f; text-decoration: underline; }



.home_testimonial, .testimonial { width: 770px; padding: 10px 0px; border-bottom: 1px solid #ff7e16; }
.home_testimonial p.strong, .testimonial p.strong { font-weight: bold; padding: 0px; margin: 0px; margin-top: 10px; }
.testimonial { background: url(../images/content_boxes_bg_repeater.png) repeat; width: 750px; margin-bottom: 5px; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 2px; }

.opacity_hover { margin: 2px; }
.opacity_hover:hover {opacity: 0.8; }

/*Text Styles*/
h1 { font: 24px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5d3d27; border-bottom: 1px solid #aa988c; text-align: left; }
h2 { font: bold 15px Arial, Helvetica, sans-serif; color: #5d3d27; text-align: left;  }
h3 { font: bold 13px/18px Arial, Helvetica, sans-serif; color: #6f6f6f; padding: 15px 0px 0px; margin: 0px; }
#body_right a { font: bold 12px/30px Arial, Helvetica, sans-serif; color: #6f6f6f; text-decoration: underline; }
#contact_details h2 {margin-top: 0; }

/*TEMP HOME PAGE TEXT*/
.homepage { font: 18px/24px Verdana, Arial, Helvetica, sans-serif; color: #5d3d27; text-align: center; }
.homepage a {  font: 18px/24px Verdana, Arial, Helvetica, sans-serif; color: #5d3d27; text-decoration: underline; font-style: italic; }


/*Contact Form Styles*/
textarea.enquiry_box { width: 285px; height: 205px; overflow: auto; }
input.contact_input { width: 170px; }
input#submit { float: right; margin: 2px; width: 75px; text-align:center; height: 35px; background: url(../images/submit.jpg) no-repeat center center; font: bold 14px/35px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; border: none; margin-right: 18px; }

input.my-url{display:none;}
#contact_details p { padding: 0px; }

#about_left { width: 478px; float: left; padding-right: 13px; }
#about_right { float: left; font: 16px Arial, Helvetica, sans-serif; color: #5d3d27; text-align: center; }
#about_right tr td.about_padding { padding-bottom: 10px; padding-top: 4px; }

/*#web_development_nav { background-image: url(../images/veraison_nav.jpg); background-repeat: no-repeat; }*/