/* CSS Document */

#wrapper {
position:relative;
width:756px;
margin: 0 auto;
text-align:left;
}

#wrappernews {
position:relative;
width:380px;
margin: 0 auto;
text-align:left;
}

#backing {
	background-image:url(back.jpg);
	position: absolute;
	top:10px;
	width: 756px;
	height: 480px;
	z-index:1;
}

#sclogo {
	position:absolute;
	left:89px;
	top:75px;
	z-index: 2;
}

#navlinks {
	position: absolute;
	left:425px;
	top: 25px;
	z-index:2;
	width: 320px;
	visibility: visible;
}

#navportfolio {
	position: absolute;
	left:338px;
	top: 65px;
	z-index:2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F4941E;
}

#navprofile {
	position: absolute;
	left:300px;
	top: 65px;
	z-index:2;
}

#navnews {
	position: absolute;
	left:420px;
	top: 65px;
	z-index:2;
}

#navcontact {
	position: absolute;
	left:536px;
	top: 66px;
	z-index:2;
}

#maincopy {
position:absolute;
left:300px;
top: 150px;
z-index:2;
width:420px;
height:280px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
}

#maincopyscroll {
width:415px;
height:258px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
padding-right:10px;
overflow:auto;
text-align:left;
}

#maincopy scroll a {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
}

#dottedline {
	position:absolute;
	left:280px;
	top: 150px;
	z-index:2;
	background-image:url(dottedline.jpg);
	width: 20px;
	height: 280px;
}

#imagery {
position:absolute;
left:86px;
top:150px;
z-index:2;
width:174px;
height:276px;
text-align:center;
}

#bloglink {
position:absolute;
top:487px;
left:542px;
z-index:2;
text-align:left;
}

#bloglink a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

#bloglink a:hover{
text-decoration:underline;
}

/* PORTFOLIO PAGE */

#portofoliodetails {
position:absolute;
left:108px;
top:192px;
z-index:2;
width:160px;
height:238px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#F4941E;
line-height:18px;
overflow:hidden;
}

#portfolioimage {
z-index:2;
width:420px;
height:223px;
}

#profilostudioimage {
z-index:2;
width:480px;
height:250px;
}

#portfolionavigation {
z-index:2;
width:420px;
text-align:center;
margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:16px;
	color: #F4941E;
}

#profilestudionavigation {
z-index:2;
width:480px;
text-align:center;
margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:16px;
	color: #F4941E;
}

/*  ViewSite Divs */

#viewsiterk {
position:absolute;
top:390px;
left:582px;
width:120px;
height:15px;
z-index:3;
color:#CCCCCC;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#viewsiterk a{
color:#CCCCCC;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#viewsiterk a:hover{
color:#F4941E;
}

#viewsitebbp {
	position:absolute;
	top:390px;
	left:568px;
	width:120px;
	height:15px;
	z-index:3;
	color:#CCCCCC;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#viewsitebbp a{
color:#CCCCCC;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#viewsitebbp a:hover{
color:#F4941E;
}

#viewsitess {
	position:absolute;
	top:390px;
	left:583px;
	width:120px;
	height:15px;
	z-index:3;
	color:#CCCCCC;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#viewsitess a{
color:#CCCCCC;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#viewsitess a:hover{
color:#F4941E;
}

#viewsitelc {
position:absolute;
top:390px;
left:568px;
width:80px;
height:15px;
z-index:3;
color:#CCCCCC;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#viewsitelc a{
color:#CCCCCC;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#viewsitelc a:hover{
color:#F4941E;
}

#viewsiteim {
position:absolute;
top:390px;
left:540px;
width:120px;
height:15px;
z-index:3;
color:#CCCCCC;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#viewsiteim a{
color:#CCCCCC;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#viewsiteim a:hover{
color:#F4941E;
}

/*  END ViewSite Divs */

/*  News Page  */

.newscalendarL {
width:60px;
font-weight:bold;
float:left;
}

.newscalendarR {
width:213px;
float:left;
padding-bottom:5px;
}

.newscalendarblock {
width:300px;
}

/*  Contact Page  */
#contactcolumnL {
width:70px;
float:left;
}

#contactcolumnR {
width:300px;
float:left;
}
/*  Styles  */

.portfolionavigationclient {
font-weight:bold;
font-size:12px;
}

.copyrightnotice {
font-size:9px;
color: #CCCCCC;
text-align:center;
line-height:14px;
}

.subhed {
color:#666666;
font-weight:bold;
}

.newssubhed {
color:#F4941E;
font-weight:bold;
}

.newssubhed a{
color:#F4941E;
font-weight:bold;
text-decoration:none;
}

.newssubhed a:hover{
text-decoration:underline;
}

#newscopyscroll {
width:293px;
height:365px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
overflow:auto;
padding-right:10px;
text-align:left;
z-index:2;
position:absolute;
top:100px;
left:62px;
}

#newsback {
z-index:1;
position:absolute;
top:0px;
left:0px;}


/* END Styles */

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbar {
width: 15px;
height:15px;
background: #cccccc;
/* do not forget to put colors for backgrounds for before image(s) can load , this is more important for
the scrollbar itself than the scrollbase, as user can live without an image on the base but cannot see
any scrollbar when images cannot load. */
}
.vscrollerbarbeg {
/* height of this element is normally auto set to fit the scrollbase, to cover the base... */
height: 8px !important;
/* ...unless we force the size using an !important decleration */
/* forcing would not be required if Webkit-Safari did not have a background-repeat bug*/
/* this may be fixed by the time Safari 3.0 is released. */
width: 15px;
background: url(scrollbar.jpg) 0px 0px;
}
.vscrollerbarend {
/* height of this element should be set */
height: 8px;
width: 15px;
background: url(scrollbar.jpg) 0px 8px;
}

.vscrollerbase {
width: 15px;
background: #ffffff 0px 0px repeat-y;
}
.vscrollerbasebeg {
/* height of this element is auto set to fit the scrollbase, to cover the base */
/* this element can be used to place a faux top arrow image */
width: 15px;
height: 15px !important; /*Again, the safari fix, normally this line is not needed.*/
background-color:#ffffff;
}
.vscrollerbaseend {
/* height of this element should be set */
/* this element can be used to place a faux bottom arrow image */
height: 15px;
width: 15px;
background-color:#ffffff;
}

/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {
height: 15px; background-color: white;
}
.hscrollerbar {
height: 15px; background-image: url(scrollbar.jpg);
}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 36px;
height: 16px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #37917A;
}


/* Scroll Bar Master Styling Ends Here */