@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Geneva, sans-serif;
}

.loginform {
	margin-top: 20px;
}

.loginform ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.loginform li {
	margin-bottom: 5px;
}

.loginform input {
	width: 259px;
	height: 29px;
	background-image: url(../images/sayhello_input_bg2.png);
	background-repeat: no-repeat;
	border: none;
	background-color: transparent;
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding: 3px;
}

.loginform label {
	width: 70px;
	float: left;
	color: #666;
	text-transform: uppercase;
	font-size: 11px;
	margin-top: 11px;
}

.remember {
	color: #666;
	text-transform: uppercase;
	font-size: 11px;
	float: left;
}

.loginform_button {
	width: 265px!important;
	color: #FFF!important;
	background-image: url(../images/sayhello_button_bg2.png)!important;
	height: 35px!important;
	cursor: pointer;
	font-weight: bold!important;
}

p {
	color: #333;
	font-size: 12px;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
}

.dark_grey {
	color: #333!important;
}

p a {
	color: #FF20A6!important;
}

h2 {
	margin: 0px;
	padding: 0px;
	color: #333;
	font-size: 16px;
	background-image: url(../images/titles.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	height: 25px;
}

h3 {
	color: #FF20A6;
	font-size: 16px;
	font-weight: normal;
}

h5 {
	color: #444;
	padding: 0px;
	padding-bottom: 5px;
	margin: 0px;
}

.container {
	margin: 0px auto;
	width: 980px;
}

#header {
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	background-color: #FF5BBE;
	height: 405px;
	border-bottom: 1px solid #999;
}

#header2 {
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	background-color: #FF5BBE;
	height: 150px;
	border-bottom: 1px solid #999;
}

.logo {
	margin-left: 30px;
	margin-top: 20px;
	float: left;
	border: none;
}

#nav {
	margin: 0px auto;
	width: 1008px;
	height: 117px;
	background-image: url(../images/navbar_bg.png);
	background-repeat: no-repeat;
}

#nav ul {
	margin: 0px;
	margin-top: 15px;
	margin-right: 15px;
	padding: 0px;
	list-style-type: none;
	float: right;
}

#nav li {
	display: block;
	float: left;
	font-size: 12px;
}

#nav li a {
	display: block;
	height: 70px;
	width: 115px;
	background-image: url(../images/navigation.png);
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#nav li a:hover {
	display: block;
	height: 70px;
	width: 115px;
	background-image: url(../images/navigation.png);
	text-indent: -9999px;
	background-position: 0px -95px;
}

.about a {
	width: 103px!important;
	background-position: -115px 0px!important;
}

.about a:hover {
	width: 103px!important;
	background-position: -115px -95px!important;
}

.services a {
	width: 104px!important;
	background-position: -218px 0px!important;
}

.services a:hover {
	width: 104px!important;
	background-position: -218px -95px!important;
}

.portfolio a {
	width: 127px!important;
	background-position: -322px 0px!important;
}

.portfolio a:hover {
	width: 127px!important;
	background-position: -322px -95px!important;
}

.blog a {
	width: 105px!important;
	background-position: -455px 0px!important;
}

.blog a:hover {
	width: 105px!important;
	background-position: -455px -95px!important;
}

.contact a {
	width: 110px!important;
	background-position: -560px 0px!important;
}

.contact a:hover {
	width: 110px!important;
	background-position: -560px -95px!important;
}

#content {
	padding-top: 30px;
}

#content_top {
	background-color: #FFF;
}

.portfolio_box {
	width: 305px;
	height: 230px;
	background-image: url(../images/content_box_bg.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 30px;
	padding: 0px;
}

.portfolio_box img {
	margin-left: 3px;
	margin-top: 3px;
	width: 299px;
	height: 224px;
}

.portfolio_title {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	margin-left: 120px;
	margin-top: 170px;
	z-index: 2;
	padding-right: 5px;
	padding-top: 6px;
	width: 180px;
	height: 34px;
	background-color: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	text-align: right;
}

.portfolio_title .small {
	font-size: 10px;
	color: #FF20A6;
}

.portfolio_title a {
	color: #FF20A6;
	text-decoration: none;
}

.portfolio_title a:hover {
	color: #FF20A6;
	text-decoration: underline;
}

.content_box {
	width: 265px;
	height: 190px;
	background-image: url(../images/content_box_bg.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: 32px;
	margin-bottom: 30px;
	padding: 20px;
}

.content_box2 {
	width: 602px;
	height: 190px;
	background-image: url(../images/content_box2_bg.png);
	background-repeat: no-repeat;
	float: left;
	margin-bottom: 30px;
	padding: 20px;
}

.expand_box2 {
	width: 642px;
	float: left;
	margin-bottom: 30px;
	padding: 0px;
}

.expand_box2 ul {
	font-size: 12px;
	color: #FF20A6;
	margin-left: 176px;
}

.expand_box2 li {
	padding-bottom: 6px;
}

.expand_box2_top {
	width: 642px;
	height: 6px;
	background-image: url(../images/expand_box2_bg_top.png);
	background-repeat: no-repeat;
}

.expand_box2_mid {
	width: 602px;
	background-image: url(../images/expand_box2_bg_mid.png);
	background-repeat: repeat-y;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.expand_box2_btm {
	width: 642px;
	height: 15px;
	background-image: url(../images/expand_box2_bg_btm.png);
	background-repeat: no-repeat;
}



.blog_box {
	width: 642px;
	float: left;
	margin-bottom: 20px;
	margin-right: 32px;
	padding: 0px;
}

.blog_box h3 {
	margin: 0px;
	padding: 0px;
}

.blog_box ul {
	font-size: 12px;
	color: #FF20A6;
	margin-left: 176px;
}

.blog_box li {
	padding-bottom: 6px;
}

.blog_box_top {
	width: 642px;
	height: 6px;
	background-image: url(../images/expand_box2_bg_top.png);
	background-repeat: no-repeat;
}

.blog_box_mid {
	width: 602px;
	background-image: url(../images/expand_box2_bg_mid.png);
	background-repeat: repeat-y;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 5px;
}

.blog_box_mid p {
	color: #333;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 0px!important;
	padding: 0px;
}

.blog_box_mid h3 {
	font-weight: bold!important;
	font-size: 30px!important;
	margin-top: 5px;
	color: #777!important;
}

.blog_box_mid h5 {
	font-weight: bold!important;
	font-size: 30px!important;
	margin-top: 5px!important;
	margin-bottom: 0px!important;
	color: #777!important;
}

.blog_box_mid img {
	float: left;
	padding-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.posted {
	color: #CCC;
	font-size: 11px;
	text-transform: uppercase;
	padding-bottom: 5px;
	font-weight: normal!important;
}

.date {
	width: 55px;
	height: 40px;
	float: right;
	margin-top: 5px!important;
	border-left: 5px solid #FF20A6;
}

.date-month-year {
	color: #777;
	font-size: 10px;
	text-transform: uppercase;
	padding-bottom: 5px;
	text-align: center!important;
	float: right;
	margin-top: -6px;
}

.date-day {
	font-weight: bold;
	text-align: center!important;
	font-size: 30px;
	height: 32px!important;
	margin-top: -8px;
}

.blog_box_btm {
	width: 642px;
	height: 6px;
	background-image: url(../images/expand_box2_bg_btm.png);
	background-repeat: no-repeat;
}

.blog_tags {
	width: 580px;
	padding: 10px;
	background-color: #F3F3F3;
	border: 1px solid #CCC;
}

.blog_tags h5 {
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	float: left;
	font-size: 16px!important;
}

.blog_tags p {
	float: left;
	margin-top: -1px!important;
	margin-right: 2px!important;
	margin-left: 2px!important;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 14px!important;
	border: 1px dotted #CCC;
	background-color: #FFF;

}
	




.content_box3 {
	width: 265px;
	height: 240px;
	background-image: url(../images/content_box3_bg.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: 32px;
	margin-bottom: 30px;
	padding: 20px;
}

.content_box4 {
	width: 602px;
	height: 240px;
	background-image: url(../images/content_box4_bg.png);
	background-repeat: no-repeat;
	float: left;
	margin-bottom: 30px;
	padding: 20px;
}

.content_box img {
}

#breadcrumbs {
	width: 980px;
	height: 35px;
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	background-image: url(../images/breadcrumb-bg.png);
	background-repeat: no-repeat;
}

#breadcrumbs p {
	color: #777!important;
	padding-top: 10px;
	padding-left: 20px;
}

#breadcrumbs p a {
	color: #777;
	margin-right: 8px;
	padding-right: 23px;
	text-decoration: underline;
	background-image: url(../images/breadcrumb-arrows.png);
	background-position: right 2px;
	background-repeat: no-repeat;
}

#breadcrumbs p a:hover {
	color: #333;
	text-decoration: underline;
}

#content_btm {
	background-color: #48494A;
	padding-bottom: 40px;
	border-top: 5px solid #FF20A6;
}

#content_btm p {
	color: #FFF;
}

#content_btm h3 {
	color: #FF5BBE;
	background-image: url(../images/titles.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	height: 42px;
}

.content_btm_column {
	width: 33%;
	float: left;
}

#content_btm ul {
}

#content_btm li {
}

#content_btm li a {
}

.sayhello_form {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.sayhello_form li {
	margin-bottom: 10px;
}

.sayhello_form input {
	width: 317px;
	height: 29px;
	background-image: url(../images/sayhello_input_bg.png);
	background-repeat: no-repeat;
	border: none;
	background-color: transparent;
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding: 3px;
}

.sayhello_form textarea {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	background-image: url(../images/sayhello_textarea_bg.png);
	background-repeat: no-repeat;
	border: none;
	background-color: transparent;
	color: #FFF;
	width: 317px;
	height: 124px;
	padding: 3px;
	resize: none;
}

.sayhello_button {
	width: 323px!important;
	color: #48494A!important;
	background-image: url(../images/sayhello_button_bg.png)!important;
	height: 35px!important;
	cursor: pointer;
	font-weight: bold!important;
}

.sayhello_form2 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.sayhello_form2 li {
	margin-bottom: 10px;
}

.sayhello_form2 input {
	width: 259px;
	height: 29px;
	background-image: url(../images/sayhello_input_bg2.png);
	background-repeat: no-repeat;
	border: none;
	background-color: transparent;
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding: 3px;
}

.sayhello_form2 textarea {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	background-image: url(../images/sayhello_textarea_bg2.png);
	background-repeat: no-repeat;
	border: none;
	background-color: transparent;
	color: #333;
	width: 259px;
	height: 100px;
	padding: 3px;
	resize: none;
}

.sayhello_button2 {
	width: 265px!important;
	color: #FFF!important;
	background-image: url(../images/sayhello_button_bg2.png)!important;
	height: 35px!important;
	cursor: pointer;
	font-weight: bold!important;
}

#footer {
	background-color: #FF5BBE;
	height: 40px;
	font-size: 11px;
	color: #48494A;
	font-weight: bold;
}

#footer a {
	color: #48494A;
}

#footer a:hover {
	color: #000;
}

#footer_left {
	width: 50%;
	float: left;
	padding-top: 13px;
}

#footer_right {
	float: right;
	width: 50%;
	padding-top: 15px;
	text-align: right;
}

#footer_right a {
	text-decoration: none!important;
}

.clear_div {
	margin: 0;
	clear: both;
}

.contactlist {
	font-size: 12px;
	padding: 0px;
	padding-top: 10px;
	margin: 0px;
	list-style-type: none;
}

.contactlist li {
	padding-bottom: 14px;
}

.contactlist a {
	color: #FF20A6;
}

.contactlist li img {
	margin: 0px;
	margin-top: -5px!important;
	margin-right: 12px!important;
	padding: 0px;
	float: left;
}

.blog_container {
	width: 90%;
	margin-bottom: 10px;
	padding-bottom: 20px;
	background-image: url(../images/footer-item-seperator.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

.blog_container img {
	float: left;
	margin-right: 5px;
	margin-top: 10px;
}

.blog_container h4 {
	color: #FFF;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}

.blog_container p {
	margin-bottom: 0px!important;
	margin-top: 8px;
}


/* TWITTER FEED */

#juitterContainer {
	color: #FFF;
	font-size: 12px;
}

#juitterContainer ul {
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	font-size: 12px;
	color: #FFF;
	width: 90%;
}

#juitterContainer li {
	clear: both;
	margin-bottom: 10px;
	background-image: url(../images/footer-item-seperator.png);
	background-position: bottom;
	background-repeat: repeat-x;
	list-style-type: none;
	padding-bottom: 10px;
	min-height: 45px!important;
}

#juitterContainer img {
	float: left;
	padding-right: 5px;
	margin-bottom: 5px;
	border: none;
}

#juitterContainer a {
	color: #FF5BBE;
}

.time {
	color: #CCC;
	font-size: 11px;
	text-transform: uppercase;
}