/*   
Theme Name: STR theme
Theme URI: 
Description: 
Author:  STR Design & Print Limited
Version: V1.0
*/
	

@charset "UTF-8";
body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	font-style: normal;
	font-size: 14px;
	font-family: "Open Sans', sans-serif", sans-serif;
	color: #666666;
	line-height: 20px;
}
#main-container {
	padding: 0px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}
.biog-table {
	text-align: center;
	font-size: 14px;
}
@media (max-width: 600px) {
#main-container {
	padding: 0px;
	width: 90%;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 5%;
	text-align: left;
	}}
#header {
	margin: 0px;
	padding: 0px;
	height: 154px;
	width: 1000px;
	background-image: url(/new/wp-content/themes/str-theme/images/header-image-bg.jpg);
	position: relative;
}
@media (max-width: 600px) {
#header {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	background-image: none;
	text-align: center;
	}}
#logo {
	}
@media (max-width: 600px) {
	#logo {
	padding-top: 40px;
	}}
#navigation {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 37px;
}
@media (max-width: 600px) {
#navigation {
	height: auto;
	}}
#navigation a {
	/* [disabled]word-spacing: normal; */
	letter-spacing: normal;
	text-decoration: none;
	color: #180547;
}
#navigation a:hover {
	/* [disabled]word-spacing: normal; */
	letter-spacing: normal;
	text-decoration: none;
	color: #02A0D8;
}
#navigation p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-style: normal;
	font-weight: normal;
	color: #02A0D8;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 14px;
}
#homepage-box {
	height: 398px;
	width: 1000px;
	position: relative;
	overflow-y: hidden;
	overflow-x: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}
@media (max-width: 600px) {
#homepage-box {
	height: auto;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	}}
#animation {
	margin: 0px;
	padding: 0px;
	height: 424px;
	width: 1000px;
	overflow-x: hidden;
	overflow-y: hidden;
}
@media (max-width: 600px) {
#animation {
	width: 100%;
	height: 200px; 
	}}
#footer {
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 1000px;
	color: #CCCCCC;
	font-size: 9px;
}
@media (max-width: 600px) {
#footer {
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 100%;
	color: #CCCCCC;
	font-size: 9px;
	}}
#footer a {
	float: right;
	text-decoration: none;
	color: #CCCCCC;
}
a img   {
	border-style: none;
}
#portfolio {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 1000px;
	height: 424px;
}
@media (max-width: 600px) {
#portfolio {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 100%;
	}}
#portfolio li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
#body-content {
	width: 1000px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
}
@media (max-width: 600px) {
#body-content {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	}}


#body-content ul {
    margin-top: 0px;
	margin-left: 35px;
	margin-bottom: 10px;
}
#body-content ul li{
    list-style-position: outside;
    list-style-type: square;
}

.image-right-padded {
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}
@media (max-width: 600px) {
.image-right-padded {
	padding: 0px;
	float: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	width: 100%;
	height: auto;
	}}
#body-content h1 {
	color: #02A8F0;
	font-weight: normal;
	font-size: 25px;
	text-transform: uppercase;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	line-height: 25px;
}
#body-content p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	line-height: 16px;
}
#body-content h2 {
	font-style: normal;
	font-size: 20px;
	font-weight: normal;
	margin-top: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
}
#body-content h2 em {
	font-size: 10px;
}
.references a{
	font-style: normal;
	color: #999999;
	text-transform: none;
	font-size: 10px;
}
.tel {
	font-size: 24px;
	font-weight: 200;
	color: #0097E4;
	line-height: 37px;
	float: right;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
@media (max-width: 600px) {
.tel {
	font-size: 24px;
	font-weight: 200;
	color: #0097E4;
	line-height: 37px;
	float: none;
	bottom: auto;
	right: auto;
	width: 100%;
	text-align: center;
	}}
.tel strong {
	font-weight: normal;
	color: #001175;
}


/*    Navigation Menu Styles    */
#menu{
	padding-right: 0px;
	padding-left: 0px;
	z-index: 1000;
	text-transform: uppercase;
	padding-top: 7px;
}
	
#menu ul{
	list-style: none;
	z-index: 1000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#menu ul a{ /*    Style menu button    */
	z-index: 1000;
	display: block;
	color: #180547;
	text-decoration: none;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #02A0D8;
}
@media (max-width: 600px) {
#menu ul a{ /*    Style menu button    */
	z-index: 1000;
	display: block;
	color: #180547;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10%;
	padding-left: 10%;
	border-right: none;
	border-bottom: 1px solid #02A0D8;
	width: 80%;
	background-color: #EAEAEA;
	}}
#menu ul a:hover{ /*    Style menu button over state    */
	color: #02A0D8;
}
	@media (max-width: 600px) {
#menu ul a:hover{ /*    Style menu button over state    */
	color: #02A0D8;
	background-color: #001166;
		}}
#menu ul li{
		z-index: 1000;
	float: left;
	position: relative;
}
@media (max-width: 600px) {
#menu ul li{
	float: none;
	}}

.clearspace {
	clear: both;
}




/*    Side Menu Styles    */
	
#aside {
	float: right;
	width: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#aside ul {
		list-style: none;
	margin-top: 5px;
}

#aside li a {
	color: grey;
	text-decoration: none;
	font-size: 12px;
	background-image: none;
	margin: 0px;
	padding: 0px;
	float: none;
	font-weight: normal;
}
#aside li a:hover {
	color: black;
	text-decoration: none;
	font-size: 12px;
	background-image: none;
	margin: 0px;
	padding: 0px;
	float: none;
	font-weight: normal;
}

#aside h2 {
	font-size: 16px;
	color: #585544;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A6A6A6;
	display: block;
	width: 170px;
}	
	
	
	
	
	
/*    General Wordpress Styles    */
	
.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 {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.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 {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}







* { margin: 0; padding: 0; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 960px; margin: 20px auto; }

blockquote { }
blockquote p { }

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist {}
ol.commentlist li {}
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment {
	border-bottom: 1px dotted #666;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
}
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta {
	font-size: 10px;
	padding-bottom: 10px;
}
ol.commentlist li.comment div.comment-meta a {
	color: #666;
}
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply {
	font-size: 11px;
	padding-top: 10px;
}
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] {
}
textarea { }






@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
	
} /* END print media */