/*

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}
		#toplinks {float: right; height: 26px; padding-top: 4px; background-color: #0a1223; border: 1px solid #80bcd4; border-top: none}
	#menu {width: 1000px; height: 65px; clear: both}

#main {margin: auto; width: 1000px; background: #fff url('images/main-bg.png') top center no-repeat}
	.content {padding: 40px 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-left {float: left; width: 626px}
	.col2-right {float: left; width: 293px; margin-left: 21px; padding-left: 20px}
	.col1 {}

#sidebar {}
	.sidebar-left {float: left; width: 136px; margin-right: 10px}
	.sidebar-right {float: left; width: 136px; margin-left: 10px}

#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}

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

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


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

h1 {font-weight: normal; font-size: 70px; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; margin: 0; padding: 15px 0 0 0}
h1.strap {margin: -20px 0 0 5px; padding: 0; font-size: 17px; font-family: Arial, Helvetica, sans-serif; color: #fff}
h2 {font-weight: normal; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; color: #026; margin-bottom: 10px}
h3 {font-weight: normal; font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #666; font-style: italic; margin-bottom: 10px}
h4 {font-weight: bold; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; color: #000}
h5 {font-weight: normal; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; color: #026; margin-bottom: 10px}
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: #000}
.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}
#footer p {color: #999988}

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

#sidebar ul {padding: 0; margin: 0; list-style: none}
#sidebar ul ul  {padding: 0; margin: 0; list-style: none}
#sidebar ul ul ul {margin-left: 20px; list-style: circle}

.lightestblue {color: #adf}
.lightblue {color: #09f}
.blue {color: #026}
.orange {color: #f60}
.green {color: #590}
.black {color: #000}
.gray {color: #666}

.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}

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

#footer a:link, #footer a:visited {text-decoration: none; color: #fff}
#footer a:hover {text-decoration: none; border-bottom: 1px solid #adf}
#footer 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;
}
#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"; color: #999; font-size: 10px; font-weight: normal}
/* Company */		#menu ul li.page-item-2630 a:after {content: " our.vital.statistics"; color: #999; font-size: 10px; font-weight: normal}
/* Portfolio */		#menu ul li.page-item-2724 a:after {content: " view.our.past.work"; color: #999; font-size: 10px; font-weight: normal}
/* Services */		#menu ul li.page-item-22 a:after {content: " what.we.can.do"; color: #999; font-size: 10px; font-weight: normal}
/* Contact */		#menu ul li.page-item-17 a:after {content: " email.or.call.us"; color: #999; font-size: 10px; font-weight: normal}
/* Blog */			#menu ul li.page-item-1 a:after {content: "  our.news.and.views"; 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 {display: none}
.cform ol {list-style: none; margin: 0; padding: 0; border: 0}
.cform .cf-after {width: 265px; display:-moz-inline-box; display: inline-block}
.cform .cf-fs5 label {width: 100px; display:-moz-inline-box; display: inline-block}
.cform .cf-fs5 label span:after {content: ":"}
#cforms2form label {width: 90px; float: left}
#cforms2form label span:after {content: ":"}
#cforms2form textarea {width: 516px}
.cform #li--20, .cform #li--21 {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}