/*
Theme Name: 2theleft
Theme URI: http://wordpress.org/
Description: 2theleft Redesigned
Author: Andrew
Author URI: http://2theleft.la
Tags: 2theleft

*/


a
{
	text-decoration: none;
	color: #0cb5d4;
}

a:hover
{
	color: #6c6c6c;
	border-bottom: 0;
}

a:active, a:visited, a:focus
{
	outline: none;
}

body
{
	font-family: Helvetica, Arial, sans-serif;
	background: #ffffff url('/static/img/beegee.png') no-repeat 0px 0px;
	/*background-attachment:fixed;*/
	text-shadow: 0pt 1px 1pt #FFFFFF;
	padding: 0;
	margin: 0;
}

#cont2
{
	background: url('/static/img/triangle.png') repeat-y 0px 0px;
	padding: 0;
	margin: 0;
}

#page
{
	position: relative;
	z-index: 1;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.rounded
{
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.roundedtop
{
		-moz-border-radius-topright: 7px;
				-webkit-border-top-right-radius: 7px;
				border-top-right-radius: 7px;
				-moz-border-radius-topleft: 7px;
				-webkit-border-top-left-radius: 7px;
				border-top-left-radius: 7px;
}

.roundedbot
{
		-moz-border-radius-bottomright: 7px;
				-webkit-border-bottom-right-radius: 7px;
				border-bottom-right-radius: 7px;
				-moz-border-radius-bottomleft: 7px;
				-webkit-border-bottom-left-radius: 7px;
				border-bottom-left-radius: 7px;
}

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

.shadowlight
{
	-moz-box-shadow: 0px 0px 3px #888888;
	-webkit-box-shadow: 0px 0px 3px #888888;
 	box-shadow: 0px 0px 3px #888888;
}

#top
{
	background: #888888 url('/static/img/top.png') repeat-x;
	z-index: 0;
	height: 60px;
	margin-bottom: 10px;
	position: relative;
}

#nav
{
	padding:0;
	margin: 0;
	text-shadow: 0pt 1px 0pt #555555;
	font-size: 24px;
  position: absolute;
  top: 16px;
  right: 0px;
	display: inline;
	list-style-type: none;	
}

#nav li
{
	padding:0;
	margin: 0;
	display: inline;
	list-style-type: none;
	padding: 0px 21px 0px 22px;
	cursor: pointer;
	border-left: 1px dashed #444444;
	border-right: 1px dashed #666666;
}

#nav li a
{
	color: #CCCCCC;
	text-shadow: 1pt 1px 1pt #666666;
	text-decoration: none;
}

#nav li:first-child
{
	border-left: 0;
}

#nav li:last-child
{
	border-right: 0;
}

#nav li:hover a
{
	color: #DDDDDD;
	text-shadow: 0pt 0px 1pt #FFFFFF;
}

#nav li.active a
{
	color: #DDDDDD;
	text-shadow: 0pt 0px 1pt #FFFFFF;
}

#nav li.active a
{
	padding-top: 4px;
	border-top: 4px groove #0dc6e7;
}

#toplogo
{
	position: absolute;
	top: 0px;
	left: 20px;
	width: 208px;
	height: 59px;
	background: url('/static/img/toplogo.png') no-repeat;
	cursor: pointer;
}


#toplogo:hover
{
	background-position: 0px -59px;
}

#footer
{
	background-color: #151515;
	border: 1px solid #545454;
	z-index: 0;
	height: 160px;
	margin-top: 10px;
	position: relative;
	color: #bababa;
	overflow: hidden;
}

#footer h3
{
	font-size: 17px;
}

#footer .friendly
{
	position: absolute;
	top: 0px;
	left: 30px;
}

#footer .globe
{
	position: absolute;
	left: -5px;
	top: 20px;
	width: 153px;
	height: 125px;
	background: url('/static/img/globe.png') no-repeat;
}

#footer .divider1
{
	position: absolute;
	left: 200px;
	top: 0px;
	width: 4px;
	height: 156px;
	background: url('/static/img/divider.png') no-repeat;
}

.maplinks{
	 position: relative;
}

.maplinks .port
{
	background: url('/static/img/portfolio.png') no-repeat 0px 0px;
	position: absolute;
	left: 0px;
	width: 121px;
	height: 143px;
}

.maplinks .port:hover
{
	background-position: -121px 0px;
}

.maplinks .aboutus
{
	background: url('/static/img/aboutus.png') no-repeat 0px 0px;
	width: 121px;
	height: 143px;
	position: absolute;
	left: 150px;
}

.maplinks .aboutus:hover
{
	background-position: -121px 0px;
}

.maplinks .contact
{
	background: url('/static/img/contact.png') no-repeat 0px 0px;
	width: 121px;
	height: 143px;
	position: absolute;
	left: 300px;
}

.maplinks .contact:hover
{
	background-position: -121px 0px;
}

#footer .divider2
{
	position: absolute;
	left: 665px;
	top: 0px;
	width: 4px;
	height: 156px;
	background: url('/static/img/divider.png') no-repeat;
}

#footer .thirdsect
{
	position: absolute;
	top: 0px;
	left: 700px;
	
}

#footer .tele
{
	position: absolute;
	top: 20px;
	background: url('/static/img/tele.png') no-repeat;
	width: 229px;
	height: 54px;
}

#footer .quote
{
	position: absolute;
	top: 100px;
	left: 25px;
	background: url('/static/img/quote.png') no-repeat 0px -37px;
	width: 202px;
	height: 37px;
}

#footer .quote:hover
{
	background-position: 0px 0px;
}

#main2
{
	margin-left: -1px;
	border: 1px solid #EEEEEE;
	width: 960px;
}


#main
{
	background-color: #fafafa;
	border: 1px solid #999999;
	overflow: visible;
}

#main.port
{
	overflow: hidden;
	padding-bottom: 15px;
}

#porttop
{
	position: relative;
	height: 349px;
	background: #cdcdcd url('/static/img/port-top.png') no-repeat;
	border-bottom: 4px solid #e1dfe0;
}

#abouttop
{
	position: relative;
	height: 349px;
	background: #cdcdcd url('/static/img/about-top.png') no-repeat;
	border-bottom: 4px solid #e1dfe0;
}

#porttopdescrip
{
	position: absolute;
	right: 30px;
	top: 85px;
}

#porttopdescrip h5
{
	font-size: 16px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	margin-bottom: 3px;
	color: #0a4571;
}

#porttopdescrip div
{
	width: 220px;
	font-size: 13px;
}

#portentries
{
	margin-top: 5px;
}

.portentry
{
	width: 300px;
	height: 335px;
	background-color: #e8e8e8;
	border: 1px solid #DDDDFF;
	float: left;
	position: relative;
	margin-top: 13px;
	margin-left: 13px;
}

.portentry .portthumb
{
	width: 260px;
	height: 253px;
	position: absolute;
	top: 20px;
	left: 20px;
}

.portentry .viewdetails
{
	cursor: pointer;
	width: 97px;
	height: 26px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	background: url('/static/img/viewdetails.png') no-repeat 0px 0px;
}

.portentry .viewdetails:hover
{
	background-position: 0px -26px;
}

.portentry .details
{
	position: absolute;
	left: 20px;
	bottom: 15px;
	color: #4b4b4b;
}

.portentry .details h5
{
	font-size: 16px;
	padding: 0;
	margin: 0;
}

.portentry .details div
{
	font-size: 12px;
}

.boxx
{
	background-color: #FFFFFF;
	border: 1px solid #e8e8e8;
	margin: 20px;
	padding: 0px 20px 20px 20px;
}

.boxx .head
{
	font-size: 26px;
	color: #4b4b4b;
}

#aboutcompair
{
	position: relative;
	height: 340px;
}

#aboutcomp{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 460px;
}

#aboutcomp .cont{
	font-size: 13px;
	color: #000000;
}

#aboutlist
{
	position: absolute;
	left: 515px;
	top: 0px;
	width: 365px;
}

#aboutlist .cont{
	font-size: 13px;
	color: #000000;
}

#ourteam
{
	height: 77px;
	background: url('/static/img/ourteam.png') no-repeat 740px 0px;
	border-bottom: 4px solid #e1dfe0;
}

#teamentries
{
	background: #fafafa url('/static/img/triangler.png') repeat-y -480px 0px;
}

.teamentry
{
	position: relative;
	height: 295px;
}

.teamentry .membico
{
	position: absolute;
	left: -25px;
	top: 30px;
	background: url('/static/img/member.png') no-repeat 0px 0px;
	width: 65px;
	height: 46px;
}

.teamentry .portrait
{
	position: absolute;
	left: 70px;
	top: 30px;
	width: 400px;
	height: 220px;
	border: 1px solid #434343;
}

.teamentry .info
{
	position: absolute;
	left: 500px;
	top: 30px;
}

.teamentry .info .name
{
	font-size: 20px;
	font-weight: bold;
}

.teamentry .info .position
{
	font-size: 18px;
	font-weight: bold;
	color: #0cb5d4;
}

.teamentry .info .summary
{
	padding: 20px;
	padding-left: 0px;
	line-height: 20px;
	font-size: 14px;
	text-shadow: 0pt 1px 0pt #FFFFFF;
}

.teamentry .info .summary span
{
	color: black;
}

.vertdiv
{
	background: url('/static/img/vertdivider.png') no-repeat 0px 0px;
	height: 2px;
}

#contform
{
	opacity: 0.85;
	margin: 20px;
	padding: 20px;
	padding-top: 5px;
}

#contmsg
{
	background: #fafafa url('/static/img/contactlrg.png') no-repeat 290px 50px
}

#contwarning
{
	background-color: #c4dbf2;
	border: 1px solid #888888;
	margin-top: 50px;
	padding-top: 14px;
	padding-bottom: 10px;
	padding-left: 40px;
	position: relative;
	color: #666666;
	font-weight: bold;
}

#contwarning a
{
	color: #333333;
}

#contwarning .exclaim
{
	position: absolute;
	left: 15px;
	top: 0px;
	font-size: 40px;
	color: #6abbd5;
	text-shadow: 0pt 0px 2pt #94cee1;
}

.fieldhead
{
	background: url('/static/img/boxbg.png') repeat-x 0px 0px;
	position: relative;
	padding-top: 8px;
	padding-left: 10px;
	font-size: 14px;
	color: #444444;
	height: 22px;
	border: 1px solid #AAAAAA;
	text-shadow: 0pt 1px 1pt #FFFFFF;
}

.fieldheadplus
{
	position: absolute;
	top: 0px;
	right: 0px;
	background: url('/static/img/boxhead.png') no-repeat 0px 0px;
	width: 433px;
	height: 30px;
}

.fieldtxt
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	background-color: #f8f8f8;
	color: #4b4b4b;
	border: 1px solid #AAAAAA;
	padding: 10px;
	margin: 0;
	width: 856px;
	max-width: 856px;
	margin-bottom: 20px;
	text-shadow: 0pt 1px 1pt #FFFFFF;
}

#contsub
{
	margin-top: 10px;
	height: 30px;
	background: url('/static/img/boxbg.png') repeat-x 0px 0px;
	color: #444444;
	border: 1px solid #AAAAAA;
	text-shadow: 0pt 1px 1pt #FFFFFF;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	cursor: pointer;
}

#contsub:hover
{
	opacity: 0.75;
}

#contsub:focus
{
	opacity: 0.25;
}

#thankyou
{
	height: 500px;
	background: url('/static/img/leftlogo.png') no-repeat 170px 100px;
	padding-left: 460px;
	padding-right: 180px;
	padding-top: 125px;
}


#vdtop
{
	background: url('/static/img/vdtop.png') no-repeat 630px 0px;
}

#vdtop a
{
	width: 0px;
	display: block;
}

#thumbview
{
	margin: 35px; width: 575px;height: 325px; border: 5px solid #e3e1e1; position: relative; cursor: pointer;
}

#zoom
{
	position: absolute; right: 0px; bottom: 0px; background: url('/static/img/button-zoom.png') no-repeat 0px 0px; width: 45px; height: 37px; opacity: 0.40;
}

#detinfo
{
	padding-left: 35px; padding-right: 100px; margin-bottom: 100px;
}

#detsitelink
{
	font-size: 20px; margin: 20px; border-bottom: 1px dotted #52c2e3;
}

#dettitle
{
	display: inline;
}

#detsummary
{
	margin-top: 10px; line-height: 22px;
}