/*

Theme Name: Breakfrom Limited - Version 2 - www.breakfrom.com

Theme URI: http://www.breakfrom.com/

Description: Breakfrom Limited - Version 2 - Theme designed by Ben Smith

Version: 2.0

Author: Breakfrom Limited - Ben Smith

Author URI: http://www.breakfrom.com/

*/

img, form, h1, h2, h3, h4, h5, h6, p, body {border: 0; padding: 0; margin: 0}

/* set background to white and set the default font style. */
body {background: #d7d7cb url('images/body-bg.png') top center no-repeat; font:12px/1.5 Arial, Helvetica, sans-serif; color: #000;}

/*

color scheme
------------

lightest blue: #adf
light blue: #09f
blue: #026
orange: #f60
green: #590

*/


/*////////////////////		General		////////////////////*/

#header {margin: auto; width: 1000px; height: 221px}
	#logo {width: 1000px; height: 156px; clear: both}
		#topinfo {float: right; padding: 5px 10px 25px 10px; background-color: #0a1223; border: 1px solid #80bcd4; border-top: none}
	#menu {width: 1000px; height: 65px; clear: both}

#intro {margin: 40px auto 20px auto; width: 1000px}
	#intro .padding {padding: 0 15px 0 20px}

#main {margin: auto; width: 1000px; background: #fff url('images/main-bg.png') top center no-repeat}
	.content {padding: 20px 20px 0 20px}
	.col3 {background: #fff url('images/col3-bg.png') top center repeat-y}
	.col3-left {float: left; width: 293px}
	.col3-center {float: left; width: 292px; margin: 0 21px 0 21px; padding: 0 20px 0 20px}
	.col3-right {float: left; width: 293px}
	/*.col2 {background: #fff url('images/col2-bg.png') top center repeat-y}*/
	.col2 {}
	.col2-left {float: left; width: 626px}
	.col2-right {float: left; width: 293px; margin-left: 21px; padding-left: 20px}
	.col1 {}

#footer {clear: both}
	.footer-border {background-color: #d7d7cb; clear: both; height: 19px; border-top: 1px solid #f3f5f2; margin-top: 20px}
	.top-text {background-color: #fff; padding: 0 20px 0 20px}
	.bottom-text {background-color: #d7d7cb; padding-bottom: 60px}

.clear {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden}
.clear10 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:10px; overflow:hidden}
.clear20 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:20px; overflow:hidden}
.clear30 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:30px; overflow:hidden}
.spacer-d10 {clear: both; height: 9px; border-bottom: 1px dotted #ccc; margin-bottom: 10px}
.spacer-d20 {clear: both; height: 19px; border-bottom: 1px dotted #ccc; margin-bottom: 20px}
.spacer-d30 {clear: both; height: 29px; border-bottom: 1px dotted #ccc; margin-bottom: 30px}
.spacer-s10 {clear: both; height: 9px; border-bottom: 1px solid #eee; margin-bottom: 10px}
.spacer-s20 {clear: both; height: 19px; border-bottom: 1px solid #eee; margin-bottom: 20px}
.spacer-s30 {clear: both; height: 29px; border-bottom: 1px solid #eee; margin-bottom: 30px}

.box1 {float: left; width: 293px; margin-right: 41px}
.box2 {float: left; width: 292px; margin-right: 41px}
.box3 {float: left; width: 293px; }
.box1 .more-link, .box2 .more-link, .box3 .more-link {display: none}

.box8 {float: left; width: 293px; margin-right: 41px}
.box9 {float: left; width: 292px}

.testimonial {background: transparent url('images/testimonial-bg.jpg') top left no-repeat; margin-top: 10px; padding: 50px 0 0 22px; min-height: 118px}

#promises {margin: 0 0 20px 0; border: 1px solid #ddd}
	#promises div {border: 1px solid #fff; background: #eee; padding: 5px 0 5px 20px}
	
#prices {padding: 20px; background: #fff url('images/prices-bg.png') top center no-repeat}
	#prices .spacer-s10 {clear: both; height: 9px; border-bottom: 1px solid #9bb67f; margin-bottom: 10px}

#accordion {background: #590; padding: 0 2px 2px 2px}
#accordion .toggler {border-top: 2px solid #590; cursor: pointer; padding: 10px; background: #dec url('images/moredetails1.png') center right no-repeat}
#accordion .toggler:hover {background: #dec url('images/moredetails2.png') center right no-repeat}
#accordion .element p {padding: 10px; background: #eef7e6}

.highlight {padding: 10px; background-color: #ffd; border: 1px dotted #fd0}

.not-found {font-style: italic; color: #900; padding: 10px; margin-bottom: 20px; background-color: #ffe; border: 1px solid #c00}

.dn {display: none}
.db {display: block}


/*////////////////////		Text		////////////////////*/

h1 {font-weight: normal; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; margin: 0; padding: 20px 0 0 0}
/*h1.strap {margin: -20px 0 0 5px; padding: 0; font-size: 17px; font-family: Arial, Helvetica, sans-serif; color: #fff}
h1 img {float: left; padding: 12px 10px 0 0}*/
	.client-area h1 {font-weight: normal; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; color: #09f; margin: 0 0 5px 0; padding: 0; border-bottom: 1px solid #adf}
h2 {font-weight: normal; font-size: 22px; font-family: Georgia, "Times New Roman", Times, serif; color: #131d2f}
	h2 span, h2 a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666}
h3 {font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #000; font-style: italic; margin-bottom: 10px}
h4 {font-weight: normal; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; color: #131d2f; margin-bottom: 10px}
	h4 span, h4 a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666}
h5 {font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #09f; font-style: italic; margin: 10px 0 5px 0}
	h5 span {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-style: normal}
h6 {font-weight: normal; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; color: #09f; margin-bottom: 10px}

p {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #666}
li {color: #666}
.post p {margin-bottom: 10px}
.post ul {border-bottom: 10px solid #fff}
.post img {margin: 0; padding: 0}
.post .alignright {margin-left: 20px}
.post .alignleft {margin-right: 20px}
#topinfo p {color: #fff; display: block; line-height: 30px}
#topinfo p span {font-size: 40px; font-family: Georgia, "Times New Roman", Times, serif}
#footer p {color: #999988}
#prices p {color: #000}
.testimonial p {font-size: 11px; color: #333}

.client-area .col3 em, .client-area .col1 em {font-style: normal; color: #000}
.client-area .current-action {font-size: 14px; color: #d00}
.client-area .c {font-size: 18px; color: #000; font-weight: bold; text-transform: uppercase}
.client-area .b {font-size: 18px; color: #09f; font-weight: bold; text-transform: uppercase}
.client-area th {text-align: left; font-size: 10px}
.client-area td {font-size: 10px}
.client-area td.end {border: 0}


.promises {list-style: none; margin: 0; padding: 0}
	.promises li {font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333}

.post img {border: 1px solid #ddd}

.lightestblue {color: #adf}
.lightblue {color: #09f}
.blue {color: #026}
.orange {color: #f60}
.green {color: #590}
.black {color: #000}
.gray {color: #666}
.lightgray {color: #999}
.brown {color: #78785c; margin: 0}

.xlarge {font-size: 16px}
.large {font-size: 14px}
.medium {font-size: 12px}
.small {font-size: 10px}

.icon {vertical-align: middle; padding-right: 5px}
.box1 img, .box2 img, .box3 img, .thumbnail {border: 1px solid #ddd}

.wp-caption {background: #f1f1f1; border: 1px solid #eee}
.wp-caption-text {text-align: right; color: #999}

.textright {text-align: right}
.textleft {text-align: left}
.textcenter {text-align: center}

.alignright {float: right}
.alignleft {float: left}

.clearright {clear: right}
.clearleft {clear: left}
.clearboth {clear: both}


/*////////////////////		Linkology		////////////////////*/

a:link, a:visited {text-decoration: none; color: #09f}
a:hover {text-decoration: underline}
a:active {text-decoration: none}

#footer a:link, #footer a:visited {text-decoration: none; color: #665}
#footer a:hover {text-decoration: none; border-bottom: 1px solid #fff}
#footer a:active {text-decoration: none}

#topinfo a:link, #topinfo a:visited {text-decoration: none; color: #fff}
#topinfo a:hover {text-decoration: none; border-bottom: 1px solid #fff}
#topinfo a:active {text-decoration: none}

#prices a:link, #prices a:visited {text-decoration: none; color: #000; border-bottom: 1px dotted #222}
#prices a:hover {text-decoration: none}
#prices a:active {text-decoration: none}

a.button:link, a.button:visited {font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; padding: 3px 5px 3px 5px; background-color: #ddd; border: 1px solid; border-color: #fff #bbb #999 #bbb; text-decoration: none; color: #000}
a.button:hover {background-color: #ffffe4; border-color: #ffffe6 #f5f5b6 #d3d397 #f5f5b6}
a.button:active {background-color: #ffffe6; border: 1px solid; border-color: #d3d397}


/*////////////////////		Navigation		////////////////////*/

#menu ul {margin: 0; padding: 0; list-style: none}
#menu li {height: 65px; width: 140px; float: left}
#menu ul a {
	display: block;
	padding: 10px 0 0 20px;
	margin: 0;
	border-top: 5px solid #0d172b;
	width: 120px;
	height: 50px;
	background: transparent url('images/menu-bg.png') top right no-repeat;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif
}
#menu ul a:hover {color: #81bcd5}
#menu ul li.current_page_item a {border-top: 5px solid #81bcd5; background: #0a1223}

/* Home */			#menu ul li.page-item-0 a:after {content: " affordable.web.design"; font-family: Arial, Helvetica, sans-serif; color: #999; font-size: 10px; font-weight: normal}
/* Company */		#menu ul li.page-item-2630 a:after {content: " our.vital.statistics"; font-family: Arial, Helvetica, sans-serif; color: #999; font-size: 10px; font-weight: normal}
/* Portfolio */		#menu ul li.page-item-2724 a:after {content: " view.our.past.work"; font-family: Arial, Helvetica, sans-serif; color: #999; font-size: 10px; font-weight: normal}
/* Services */		#menu ul li.page-item-22 a:after {content: " what.we.can.do"; font-family: Arial, Helvetica, sans-serif; color: #999; font-size: 10px; font-weight: normal}
/* Contact */		#menu ul li.page-item-17 a:after {content: " email.or.call.us"; font-family: Arial, Helvetica, sans-serif; color: #999; font-size: 10px; font-weight: normal}
/* Blog */			#menu ul li.page-item-1 a:after {content: "  our.news.and.views"; font-family: Arial, Helvetica, sans-serif; color: #999; font-size: 10px; font-weight: normal}


/*////////////////////		Forms		////////////////////*/

.cform fieldset, .cform legend {margin: 0; padding: 0; border: 0}
.cform fieldset {margin-bottom: 20px}
.cform legend {font-weight: bold; color: #590}
.cform #li--2, .cform #li--6, .cform #li--9, .cform #li--13 label, .cform .reqtxt, .cform .emailreqtxt, #cforms2form legend, #li-4-7 span {display: none}
.cform ol {list-style: none; margin: 0; padding: 0; border: 0}
.cform .cf-after {width: 265px; display: inline-block}
.cform .cf-fs1 label {width: 100px; display: inline-block}
#cforms2form label {width: 90px; float: left}
#cforms2form label span:after {content: ":"}
#cforms2form textarea {width: 516px}
#cforms3form label {width: 90px; float: left}
#cforms3form label span:after {content: ":"}
#cforms4form textarea {width: 240px}
.cform .cf-box-title {padding-top: 10px; font-weight: bold; color: #590}
.cform #li-2-4 {margin: 20px 0 20px 0}
.cform #li-2-4 input {width: 230px}
.cform .cf_hidden legend {display: none}
.cform .sendbutton {width: 250px; font-weight: bold; font-size: 16px; padding: 10px 0 10px 0}
.cform #sendbutton2 {margin-left: 90px}
.cform #sendbutton3 {margin-left: 90px; width: 150px; font-weight: normal; font-size: 12px; padding: 5px 0 5px 0}
.cf_info {font-weight: bold; color: #c00}