/*   
Theme Name: Vein Clinic Theme
Theme URI: http://www.ecsid.co.uk/
Description: A custom WordPress theme for the Vein Clinic.
Author: Edward Coleridge Smith
Author URI: http://www.ecsid.co.uk/
Version: 1.0
*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  


/* Stuff
-------------------------------------------------------------------------------*/

@font-face{
	font-family:'Droid Sans';
	font-style:normal;
	font-weight:normal;
	src:local('Droid Sans'),local('DroidSans'),url('http://themes.googleusercontent.com/static/fonts/droidsans/v2/s-BiyweUPV0v-yRb-cjciL3hpw3pgy2gAi-Ip7WPMi0.woff') format('woff');
}

@font-face{
	font-family:'Droid Sans';
	font-style:normal;
	font-weight:bold;
	src:local('Droid Sans Bold'),local('DroidSans-Bold'),url('http://themes.googleusercontent.com/static/fonts/droidsans/v2/EFpQQyG9GqCrobXxL-KRMXbFhgvWbfSbdVg11QabG8w.woff') format('woff');
}

@font-face{
	font-family:'Cardo';
	font-style:normal;
	font-weight:normal;
	src:local('Cardo'),local('Cardo-Regular'),url('http://themes.googleusercontent.com/static/fonts/cardo/v4/c6Zi_ulq7hv-avk-G9Yut6CWcynf_cDxXwCLxiixG1c.woff') format('woff');
}

body{
	font-family:'Droid Sans',sans-serif;
	font-size:13px;
	color:#333;
}

h1,h2,h3,h4{
	padding:0;
	margin:0;
	color:#353535;
	font-family:'Cardo',serif;
	font-style:normal;
	font-weight:normal;
	text-shadow:1px 1px 5px #DCDCDC;
	text-align:center;
}

h1{
	font-size:36px;
	background:url(http://static.ecscdn.net/varicoseveins-ie/img/h1-bg.png) no-repeat center;
	width:100%;
	height:70px;
	margin:0 auto 25px auto;
	text-align:center;
	padding-top:26px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

h1 a, h1 a:hover, h1 a:visited{ color:#353535; border:0; }
h2, h2 a, h2 a:hover, h2 a:visited{ font-size:32px; padding:15px 0 16px; border:0; }
h3, h3 a, h3 a:hover, h3 a:visited{ font-size:26px; padding:15px 0 12px; border:0; }
h4, h4 a, h4 a:hover, h4 a:visited{ font-size:22px; padding:15px 0 12px; border:0; }

a{ color:#666; border-bottom:1px dotted #CCC; text-decoration:none; padding-bottom:2px; }
a:hover{ border:0; }
a img{ border:0; }

p{ line-height:2; margin-bottom:14px; }

p img{
	margin:8px;
	padding:5px;
	background:#fff;
	-moz-box-shadow:0px 0px 7px #CCC;
	-webkit-box-shadow:0px 0px 7px #CCC;
	box-shadow:0px 0px 7px #CCC;
	-moz-border-radius:3px;
 	-webkit-border-radius:3px;
	border-radius:3px;
}

html.no-boxshadow p img{ border:1px dotted #CECECE; }

#canvas ul, #canvas ol{ padding:10px 0 15px 25px; margin:0 0 0 20px; width:600px; }
#canvas ul li, #canvas ol li{ padding:7px 0 0 5px; list-style:circle outside; line-height:2; }
#canvas ol li{ list-style:decimal; }

b,strong{ font-weight:bold; }

/* Wordpress
-------------------------------------------------------------------------------*/

html{
	background:url(assets/img/page-bg.png) repeat;
	width:100%;
	height:100%;
	position:absolute;
	top:-1px;
}

body{
	min-height:100%;
	width:960px;
	margin:0 auto 0 auto;
}

hr#fade{
	border:none;
	position:absolute;
	top:0;left:0;right:0;
	z-index:-5;height:350px;
	padding:0; margin:0;
	background:url(assets/img/fade.png) repeat-x;
}

div#canvas{
	position:absolute;
	z-index:15;
	top:220px;
	right:50%;
	margin:0 -460px 0 0;
	width:880px;
	min-height:100%;
	padding:20px;
	background:#FFF;
	-moz-box-shadow:0px 0px 15px #CCC;
	-webkit-box-shadow:0px 0px 15px #CCC;
	box-shadow:0px 0px 15px #CCC;
	-moz-border-radius:7px;
 	-webkit-border-radius:7px;
	border-radius:7px;
	-moz-border-bottom-left-radius:0;
 	-webkit-border-bottom-left-radius:0;
	border-bottom-left-radius:0;
	-moz-border-bottom-right-radius:0;
 	-webkit-border-bottom-right-radius:0;
	border-bottom-right-radius:0;
}

#header{ top:20px; height:130px; width:960px; position:absolute; z-index:5; display:block; }

#search-form{
	position:absolute;
	z-index:15;
	top:0;
	right:0;
	padding:15px;
	padding-right:0;
}

#search-form input:focus{ outline:none; }

#s,#s-submit{
	font-size:12px;
	padding:5px;
	-moz-appearance:none;
	-webkit-appearance:none;
	margin:0;
	color:#333;
}

#s{
	border:0;
	background:#FFF;
	background:rgba(255,255,255,0.8);
	-moz-bottom-left-border-radius:4px;
	border-bottom-left-radius:4px;
	-webkit-top-left-border-radius:4px;
	-moz-top-left-border-radius:4px;
	border-top-left-radius:4px;
	width:150px;
}

#s-submit{ 
	background:#93bcb0;
	margin-left:-5px;
	border:1px solid #5d8d80;
	border-left:0;
	-webkit-bottom-right-border-radius:4px;
	-moz-bottom-right-border-radius:4px;
	border-bottom-right-radius:4px;
	-webkit-top-right-border-radius:4px;
	-moz-top-right-border-radius:4px;
	border-top-right-radius:4px;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
}

a#logo{
	display:block;
	width:510px; height:130px;
	margin:0 auto 0 auto;
	border:0;
}

a#logo img{ width:510px; height:130px; }

/* Main Menu */

div.menu:before { content:"Please Define a Menu Within the WordPress Control Panel"; }
div.menu ul{ display:none; }

html.ie7 ul.menu{ margin-top:20px; }

ul.menu{
	position:absolute;
	top:175px;
	right:-450px;
	margin-right:50%;
	width:900px;
	height:50px;
}

ul.menu li{
	position:relative;
	display:block;
	width:150px;
	min-height:60px;
	margin:1px -3px 0 0;
	padding:0;
	border:0;
	display:block;
	float:left;
	border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
	line-height:normal !important;
	background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#EBEBEB));
	background:-moz-linear-gradient(top,#FFF,#EBEBEB);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EBEBEB');
	box-shadow:0px 0px 5px #BBB; -webkit-box-shadow:0px 0px 5px #BBB; -moz-box-shadow:0px 0px 5px #BBB;
	transition:all 0.1s ease-in; -webkit-transition:all 0.1s ease-in; -moz-transition:all 0.1s ease-in; -o-transition:all 0.1s ease-in; -ms-transition:all 0.1s ease-in;
}

ul.menu li a{
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	padding:12px 0 12px 0;
	white-space:nowrap;
	overflow:hidden;
	text-align:center;
	font-size:18px;
	text-shadow:0px 1px 0px #F5F5F5;
	color:#444;
}

html.no-boxshadow ul.menu li{ border:1px dotted #CCC; }


ul.menu li:hover{
	position:relative;
	overflow:visible !important;
	-moz-box-shadow:0px 0px 10px #BBB;
	-webkit-box-shadow:0px 0px 10px #BBB;
	box-shadow:0px 0px 10px #BBB;
	z-index:15;
}

ul.menu li.parent:hover{ z-index:25 !important; }

ul.menu>li.current-menu-item,ul.menu>li.current-menu-parent{
	margin-top:0;
	z-index:10;
	box-shadow:0px 0px 10px #BBB; -webkit-box-shadow:0px 0px 10px #BBB; -moz-box-shadow:0px 0px 10px #BBB;
}

ul.menu>li.current-menu-item:hover,ul.menu>li.current-menu-parent:hover{
	position:relative;
	box-shadow:0px 0px 15px #BBB; -webkit-box-shadow:0px 0px 15px #BBB; -moz-box-shadow:0px 0px 15px #BBB;
}

ul.sub-menu{
	height:0;
	overflow:hidden;
	position:relative;
	z-index:100;
	background:#FFF;
	width:200px;
	top:40px;
	padding:0;
	margin-left:-5px;
	box-shadow:0px 0px 5px #BBB; -webkit-box-shadow:0px 0px 5px #BBB; -moz-box-shadow:0px 0px 5px #BBB;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
	transition:all 0.1s ease-in; -webkit-transition:all 0.1s ease-in; -moz-transition:all 0.1s ease-in; -o-transition:all 0.1s ease-in; -ms-transition:all 0.1s ease-in;
}


ul.sub-menu li,ul.sub-menu li:hover{
	background:none;
	filter:none;
	width:200px;
	min-height:8px !important;
	padding:15px 10px 0 10px;
	margin:0;
	box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;
	border:0 !important;
}

ul.sub-menu li a{ 
	padding:0 !important;
	margin:0 !important;
	font-size:13px;
	display:inline !important;
	position:relative !important;
	text-align:left;
	color:#666;
	text-shadow:none;
	border:0;
}

ul.sub-menu li a:hover{
	border-bottom:#999 dotted 1px;
}

ul.menu li:hover ul.sub-menu{ height:auto; padding:5px 10px 17px 10px; }

html.ie7 ul.menu li:hover ul.sub-menu, html.ie8 ul.menu li:hover ul.sub-menu{ min-height:230px; }

/* ------ */

/* Slideshow */

div#slideshow{
	margin-left:-20px;
	margin-top:-20px;
}

div.slideshow{
	height:330px;
	margin:20px 20px 0 20px;
	text-shadow:0px 1px 0px #fff;
	display:none;
}

div.slideshow.first{
	display:block;
}

div.slideshow-fade{
	position:relative;
	z-index:1000;
	width:890px;
	height:20px;
	margin-left:-5px;
	margin-top:-20px;
}

div.slideshow-fade.north{
	background:url(http://static.ecscdn.net/varicoseveins-ie/img/slideshow-fade-n.png) repeat;
}

div.slideshow-fade.south{
	background:url(http://static.ecscdn.net/varicoseveins-ie/img/slideshow-fade-s.png) repeat;
}

div.slideshow-description,div.slideshow-image{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #DCDCDC;
	background:#FFF;
	background:-webkit-gradient(linear,left top,left bottom,from(#DCDCDC),to(#FFF));
	background:-moz-linear-gradient(top,#DCDCDC,#FFF);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCDCDC',endColorstr='#FFFFFF');
	-moz-box-shadow:0px 0px 10px #CCC;
	-webkit-box-shadow:0px 0px 10px #CCC;
	box-shadow:0px 0px 10px #CCC;
	overflow:hidden;
	text-overflow:ellipsis;
}

div.slideshow-description{ position:absolute; top:0; left:0; padding:20px; width:390px; height:246px; overflow:hidden; }
div.slideshow-image{ position:absolute; top:0; left:450px; width:430px; height:286px; overflow:hidden; }

div.slideshow-image img{
	width:430px;
	height:286px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:0 !important;
	margin:0 !important;
}

div.slideshow-title{
	font-family:'Cardo','Times New Roman',Times,serif;
	font-size:32px;
	line-height:1.2;
	margin-bottom:15px;
}

div.slideshow-description p,div.slideshow-description a{
	font-size:13px;
	line-height:1.5;
	margin-bottom:12px;
}

div.slideshow-description a{
	display:block;
	text-align:right;
	border:0;
	font-weight:bold;
	position:absolute;
	z-index:10;
	top:260px;
	left:330px;
}

/* ------ */

div#article-container{ width:900px; }

div#article-container article{
	position:relative;
	padding:20px;
	padding-top:15px;
	margin:0 15px 17px 0 !important;
	width:390px !important;
	height:190px;
	_height:250px;
	box-shadow:0px 0px 11px #BBB; -webkit-box-shadow:0px 0px 11px #BBB; -moz-box-shadow:0px 0px 11px #BBB;
	-moz-border-radius:7px;
 	-webkit-border-radius:7px;
	border-radius:7px;
	border:0;
	overflow:hidden;
	display:none;
}

div#article-container article.format-gallery{
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:top;
	zoom:1;
	*display:inline;
}

div#article-container article:hover{
	box-shadow:0px 0px 20px #BBB; -webkit-box-shadow:0px 0px 20px #BBB; -moz-box-shadow:0px 0px 20px #BBB;
	cursor:pointer;
}

div#article-container article h2{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:0 0 10px 0;
	padding:0;
}

div#article-container .stretch, div#article-container .stretch:hover{
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	border:0;
}

article.post, article.attachment, article.page{ width:880px; margin:0 auto 25px auto; }
article.attachment{ text-align:center; }
article.attachment a{ border:0; }
article.attachment .meta{ text-align:left; }

article.post ul, article.attachment ul, article.page ul{
	list-style:disc;
	margin:10px 0 10px 20px;
}

article.post ol, article.attachment ol, article.page ol{
	margin:10px 0 10px 20px;
}

.entry-title{ margin-top:5px; }

div.entry-content.format-gallery{
	width:510px;
	margin-right:20px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align:top !important;
}

div.entry-content.format-gallery ul, div.entry-content.format-gallery ol{ width:450px !important; }

#media-toolbox{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	width:330px !important;
	padding:5px 0 20px 15px !important;
	margin:0 !important;
	border-left:1px dotted #CCC;
	white-space:nowrap;
}

#media-toolbox li{ list-style:none !important; margin:0; padding:0; }
#media-toolbox h4{ margin-top:0; padding-top:0; white-space: normal; }

#media-toolbox li.video{ margin-bottom:20px; }

#media-toolbox li.image{
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:top;
	zoom:1;
	*display:inline;
	_height:150px;
	height:150px;
	width:150px;
	margin:0 12px 12px 0;
}

#media-toolbox li.image a, #media-toolbox li.pdf-file a{ border:0; }

#media-toolbox li.pdf-file{
	list-style:none;
	background-image:url(assets/img/pdf.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-top:0;
	padding-bottom:0;
	padding-left:30px;
	margin-left:0px;
	margin-top:12px;
	width:290px !important;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.postmetadata{ font-size:11px; margin-top:10px;  color:#666;  }

.blog .meta, .search .meta{ margin:0 0 -10px 0; color:#666; border-bottom:0; padding-top:10px; }
.meta{ font-size:11px; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; height:71px; padding-top:10px; margin:20px 0 20px 0; color:#666; }

.comments-link{ display:block; border:0; }

.meta .avatar{
	float:left;
	margin:0 10px 5px 3px;
}

.post-author{ margin:5px 0 6px 0; }
.post-tags{ width:775px; height:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.post-comments{ margin-top:6px; }

#comments-container{ width:880px; min-height:14px; margin:0 auto 25px auto; }
#comments-container a{ border:0; }

ol.commentlist{
	list-style:none;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom:1px dotted #F3F3F3;
}

ol.commentlist li{ list-style:none !important; }

ol.commentlist img.avatar, #respond img.avatar{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	width:55px;
	height:55px;
	vertical-align:top !important;
	margin-top:3px;
	margin-left:3px;
}

ol.commentlist div.comment-body{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	width:450px;
	min-height:100px;
	padding:10px;
	margin-bottom:20px;
}

ol.commentlist li ul.children{ margin-left:30px; }
ol.commentlist li ul.children img.avatar{ width:40px; height:40px; }

div.comment-meta{ margin-bottom:15px; font-size:11px; color:#999; }

#comment-form{
	padding:10px;
	padding-bottom:3px;
	width:450px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

input, textarea{ background:#FFF; border:0; padding:5px; margin-bottom:7px; }
textarea{ resize:vertical; width:370px; height:150px; }
input[type=text], input[type=email]{ width:300px; }

input:focus, textarea:focus{ outline:none; }

label{
	margin-top:5px;
	width:60px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align:top !important;
	text-align:right;
}

.page-navigation{ text-align:center; margin:20px; }
.page-navigation a{ border:0; }

div#contact-information{ border-top:1px dotted #CCC; margin:0 auto 0 auto; padding-top:25px; }
div#contact-information h5{ margin-bottom:20px; }
div#contact-information p{ line-height:1.75; }
div#contact-box-left{ width:300px; float:left; }
div#contact-box-right{ width:300px; float:right; text-align:right; }


/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption, .gallery-item{
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;       
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	background:-webkit-gradient(linear,left top, left bottom, from(#FDFDFD), to(#F8F8F8));
	background:-moz-linear-gradient(top, #FDFDFD, #F8F8F8);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FDFDFD', EndColorStr='#F8F8F8', GradientType=0);
}

.gallery{ width:745px; }

.gallery-item{
	width:165px !important;
	height:170px;
	margin:20px;
	padding:20px;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text, .gallery-caption{
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:5px 4px 0 0;
	color:#666;
	text-shadow:0px 1px 0px #FFF;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}


/* Contact Page Styles
-------------------------------------------------------------------------------*/

div.map_canvas{ 
	height:315px;
	width:620px;
	margin-bottom:20px;
	position:relative;
	float:left;
	-moz-border-radius:5px;
 	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 0px 11px #BBB;
	-webkit-box-shadow:0px 0px 11px #BBB;
	box-shadow:0px 0px 11px #BBB;
}

div.map_canvas img{ background:0;border:0;padding:0;margin:0; }
div.address-bar{ width:880px; height:110px; margin-right:10px; width:225px; height:300px; float:right; }
div.address-container:first-child{ padding-top:5px; }
div.address-container{ width:225px; border-bottom:1px dotted #CCC; padding-top:20px; }
div.address-container:last-child{ border:0; }
div.address-container img{ float:left; background:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; margin:5px 10px 30px 0; padding:0; }
div.address-container p{ width:190px; display:inline-block; margin-left:5px; }

div.button-box{ text-align:right; width:430px; vertical-align:central; }
div.button-box small{ display:block; }
div.button-box .ajax-loader{ margin-right:-22px; }

div.contact-form{ clear:both; width:880px; height:450px !important; margin:25px auto 0 auto; }
div.contact-form h3{ margin-bottom:3px; }
div.contact-form p,div.contact-form label{ margin:0 0 5px 0 !important; padding:0 !important; line-height:normal !important; width:auto !important; }
div.contact-form-left{ width:420px; height:400px; float:left; }
div.contact-form-right{ width:430px; height:400px; float:right; }

div.contact-form input[type=text], div.contact-form input[type=email], div.contact-form textarea{ 
	margin:0 0 8px 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	background:#F5F5F5;
	text-shadow:none !important;
	padding:5px;
	-moz-border-radius:3px;
 	-webkit-border-radius:3px;
	border-radius:3px;
	resize:none;
	border:1px solid #CCC;
	width:420px;
}

div.contact-form input[type=submit],div.contact-form input[type=reset]{
	background:#F5F5F5;
	text-shadow:0px 1px 1px #FFF !important;
	-moz-border-radius:3px;
 	-webkit-border-radius:3px;
	border-radius:3px;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border:1px solid #CCC;
	margin:8px 0 0 4px;
	padding:5px 10px 5px 10px;
}

div.contact-form textarea[name=your-message]{ height:340px; }

div.contact-info{ 
	width:880px;
	text-align:center;
	margin:-20px 0 30px 0;
}

.contact-box{
	vertical-align:top !important;
	list-style:none;
	width:33%;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.wpcf7-response-output{ 
	border:0 !important;
	font-weight:bold;
	text-align:right;
	position:absolute;
	bottom:220px;
	width:860px;
}

/* Utility Styles
-------------------------------------------------------------------------------*/

.border-radius{
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;       
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box; 
}

.box-shadow-white{
	-webkit-box-shadow:0px 0px 5px #FFF;
	-moz-box-shadow:0px 0px 5px #FFF;
	box-shadow:0px 0px 5px #FFF;
}

.box-shadow-light.inset{
	-webkit-box-shadow:inset 0px 0px 3px #75b09f;
	-moz-box-shadow:inset 0px 0px 3px #75b09f;
	box-shadow:inset 0px 0px 3px #75b09f;
}

.box-shadow-grey{
	-webkit-box-shadow:0px 0px 5px #CCC;
	-moz-box-shadow:0px 0px 5px #CCC;
	box-shadow:0px 0px 5px #CCC;
}

.text-engrave{ text-shadow:0px 1px 0px rgba(255,255,255,0.75); }

.triangle-border{ 
	position:relative;
	border:3px solid #EFEFEF;
	background:#EFEFEF;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;       
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box; 
}

.triangle-border.left{ margin-left:30px; }

.triangle-border:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
    border-width:20px 20px 0;
	border-style:solid;
    border-color:#EFEFEF transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

.triangle-border:after {
	content:"";
	position:absolute;
	bottom:-13px;
	left:47px;
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#fff transparent;
	display:block; 
	width:0;
}

.triangle-border.left:before {
	top:20px; /* controls vertical position */
	bottom:auto;
	left:-30px; /* value = - border-left-width - border-right-width */
	border-width:0 30px 25px 0;
	border-color:transparent #EFEFEF;
}

.triangle-border.left:after{ display:none; }

ul.categories{
	margin:0 0 0 -10px !important;
	padding:0 !important;
	width:960px;
}

ul.categories li{
	vertical-align:top !important;
	list-style:none;
	width:395px;
	height:150px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	background:#F9F9F9;
	margin:10px;
	padding:17px;
}

ul.categories li h2{ margin-bottom:5px; }

ul.categories li div.description{
	line-height:1.5;
	height:95px;
	overflow:hidden;
	color:#424242;
}

.hd720{ width:1280px; height:720px; }
.hd460{	width:854px; height:480px; }
.wvga{ width:640px; height:360px; }
.qwvga{ width:320px; height:216px; }

.columns{
	text-align:justify;
	-moz-column-count:2;
	-moz-column-gap:1.5em;
	-webkit-column-count:2;
	-webkit-column-gap:1.5em;
}

.text-right{ text-align:right; }
.text-center{ text-align:center; }

/* Temp Corner Ribbon */

.ribbon-wrapper-green {
  width: 250px;
  height: 250px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #CCC;
  text-align: center;
  line-height: 1.2;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -60px;
  top: 40px;
  width: 460px;
  background-color: #3c3d71;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3d71), to(#27285d)); 
  background-image: -webkit-linear-gradient(top, #3c3d71, #27285d); 
  background-image:    -moz-linear-gradient(top, #3c3d71, #27285d); 
  background-image:     -ms-linear-gradient(top, #3c3d71, #27285d); 
  background-image:      -o-linear-gradient(top, #3c3d71, #27285d);
}

.ribbon-green a {
	border: 0;
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}